Example 1

Example 2

Example 3

Example 4

The widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.


Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Two Positions To Choose From

The Slide-In Panel widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Slide-in Panel widget has a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers a selection of skins that you can use to alter the panels' style to fit your website's identity. By using these options, you can quickly and easily construct a Slide-in Panel that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Multiple Skins

The Slide-In Panel widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Button Icons

You may fully customize the Slide-in Panel widget to change the style to suit your needs. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable

Any website would benefit from the widget Slide-In Panel. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Slide-In Panel widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Slide-In Panel widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Custom CSS

To embed the Slide-In Panel widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Slide-In Panel editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Slide-In Panel widget, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.


Increase Conversions

The Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your website's conversion rates.


Draw Attention

With the Slide-In Panel widget, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Improve User Experience

Slide-In Panel

Popups, Bars & Buttons

Boost Sales

Present a carousel display featuring creative banners items

Example 5

The Creative Card Carousel widget comes with the option to change the carousel’s cards sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.

Card Size

With the option to change the arrow types of the slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination

The widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

The Creative Card Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.

Multiple Layouts

The widget comes with a variety of pre-made skins you can choose from to speed up your work.

The Creative Card Carousel widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

The Creative Card Carousel widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Creative Card Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

As with all of Common Ninja’s apps, you can add custom CSS to customize the Banner Carousel widget and be even more creative.

You can embed the widget on your website easily by copying a single line of code. The Banner Carousel widget will also be updated automatically with every change you make.

Easy To Embed

With the Creative Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories.

Save Space on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Creative Card Carousel

Lists & Cards

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

The World Clock Widget provides a selection of different display styles, ranging from classic analog clocks with hands to modern digital and list displays. This variety allows you to choose a layout that best fits the aesthetic and functional needs of your website. Whether your site has a traditional feel or a more contemporary vibe, you can align the clock display accordingly, enhancing the visual appeal and user experience of your site.

Varied Clock Layouts

With the World Clock Widget, you have the flexibility to select the format of the marker for classic clock displays. You can choose to show numbers, only markers, or a combination of both. This feature allows for a high degree of customization, ensuring that the clock not only provides accurate time information but also aligns with the visual design of your website. It's perfect for tailoring the look of your clocks to match your site's theme, enhancing the overall aesthetic and functionality.

Customizable Markers Formats for Classic Clocks

The World Clock Widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the widget. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple design skins

The World Clock Widget empowers you to tailor the time display according to your preferences and audience needs. You can select between the 24-hour or the more traditional 12-hour clock format. Moreover, for the 12-hour format, there's an option to include or exclude the AM/PM indicator. This adaptability ensures that the widget's time presentation aligns.

Flexible Time Format Customization

The World Clock Widget comes with extensive customization capabilities, enabling you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a World Clock that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable World Clock widget

The World Clock Widget is designed to be fully responsive, ensuring it displays elegantly on any device. In today's mobile-first environment, this adaptability is crucial, as it guarantees that your website's time display is accessible and visually appealing on smartphones, tablets, and desktops alike. This responsiveness not only enhances user experience but also gives your site a competitive edge in accessibility and design.

Perfectly Responsive World Clock

The World Clock Widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the widget to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the widget, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use World Clock Widget

The World Clock Widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the widget's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the World Clock Widget on your website is a straightforward process, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding on Any Website

Integrating the World Clock Widget into your website allows you to connect more effectively with an international audience. By displaying various time zones, you demonstrate awareness and consideration for visitors from different parts of the world. This feature fosters a sense of inclusivity and global reach, which can be pivotal for websites with a diverse user base.

Get Global Engagement Enhancement with World Clock

Having the World Clock Widget on your site offers a practical advantage for users needing quick time zone references. It eliminates the need for visitors to look up time differences elsewhere, saving them time and effort. This convenience enhances user experience and can increase the time visitors spend on your site.

User Convenience Boost

For websites that deal with time-sensitive information or events (like webinars, live streams, or international conferences), the World Clock Widget is particularly beneficial. It helps in clearly communicating the timing of these events to a global audience, reducing confusion and ensuring better participation and engagement.

Enhanced Time-Sensitive Communication

World Clock

Website Components

Show image and text cards that, when clicked, flip to reveal additional content on the other side





The Flip Cards comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

Flip Cards Multiple Layouts

The Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Flip Cards widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization. 

Beautiful Flip Cards Skins

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Flip Cards widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing and anything else!

The Flip Cards widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

Perfectly Responsive Flip Cards

The Flip Cards widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Flip Cards Widget

As with all of Common Ninja’s widgets, you can add custom CSS to customize the Flip Cards widget and be even more creative.

Flip Cards Custom CSS

You can embed the Flip Cards widget on your website easily by copying a single line of code. The Flip Cards widget will also be updated automatically with every change you make.

Easy To Embed Flip Cards

The Flip Cards widget allows you to add customizable star rating icons to your cards. You can use this visual element to provide valuable information or help guide your users to the product/service you’d like them to try the most.

Customizable Star Ratings

The Flip Cards widget will allow you to improve the user’s journey by creating highly informative flip cards, with concise information and relevant links.

Improve User Navigation with Flip Cards

The Flip Cards widget is a fully customizable app that can be customized to fit any website design. It features multiple layouts and pre-made skins that you can use to enhance your design.

Flip Cards Enhance Design

The Flip Cards widget’s easy navigation features, as well as its customization features, will enable you to create easily noticeable and accessible messages and links, that can increase the conversions of your products or services.

Add Interactivity with Flip Cards

Flip Cards

Get Creative

Displays data or features side-by-side, allowing users to compare and contrast the information easily

You can create detailed comparison tables with a visual representation of information in an easy-to-understand manner and add call-to-action buttons that will take your users directly to a landing page or a checkout page.

Detailed Comparison for Quicker Conversions

With an easy-to-read font and little to no clutter, important information can be received better, improving user experience and making the whole process more enjoyable.

Clear and Easy-to-Follow Presentation for Better Understanding

Style 3

Style 4

Style 5

Style 6

Style 7

The Comparison Tables widget comes with indispensable search and sort options that will further enable your users to access information in the most accessible way.

Search & Sort Options

With Comparison Tables, you can create floating elements to keep the position of column and row headers fixed. Your users won’t get lost when looking at long tables.

Floating Elements

The Comparison Tables widget offers a pagination option for the really long comparison tables. Allow your users to read all the information you want comfortably.

Comparison Tables Pagination

You can easily convert any CSV file into an interactive compare table. With Common Ninja's smart converter, all your data is transferred exactly as it is, including tags, images, buttons, and other supported elements.

Easy CSV-to-Table Conversion

The Comparison Tables widget offers a variety of stunning premade skins that you can use to create comparison tables quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Comparison Tables Beautiful Skins

The Comparison Tables widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the Comparison Tables, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable Comparison Tables

The Comparison Tables widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Comparison Tables widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Comparison Tables

The Comparison Tables widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use Comparison Tables

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Comparison Tables widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Comparison Tables Custom CSS

To embed the Comparison Tables widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Comparison Tables Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed Comparison Tables

The Comparison Tables widget enables you to deliver information in an organized and aesthetically pleasing visual way that your users will love.

Provide Great User Experience

With the Comparison Tables widget, you’ll be able to compare your products or services against that of a competitor’s and highlight your benefits in an easily accessible way.

Showcase Your Benefits in a comparison table

The Comparison Tables widget will allow you to expedite the user’s decision-making process in your favor by creating a simple, visual representation of the benefits you offer.

Expedite Decision-Making

Comparison Tables

Comparison Table - Templates 8

Comparison Table - Templates 7

Comparison Table - Templates 6

Comparison Table - Templates 5

Comparison Table - Template 4

Comparison Table - Template 3

Comparison Table - Template 2

Comparison Tables - Template 1

Enhance website engagement, collect leads, and elevate conversion rates.

The Floating Corner Coupon Pop-up provides an array of layout options. Such diversity ensures a seamless fit with various website styles. By selecting the ideal layout, you can preserve your website's unified visual appeal.

Multiple Layout selection

The Coupon Corner Pop-up showcases a collection of captivating themes. This assortment minimizes the need for extensive design adjustments. You can swiftly choose a theme that complements your website's ambiance.

Selection of Appealing Themes

The Corner Coupon  Pop-Up is equipped with intricate display rule settings. You can determine when or where the coupon should appear based on specific triggers, such as "on exit", "time delay", or "page scroll". This flexibility ensures that promotions are displayed at the most opportune moments for your visitors.

Customizable Coupon Display Preferences

With the Corner Coupon Pop-Up, it's not just about text. A curated collection of eye-catching icons is at your disposal to accentuate coupon details, enhancing the visual appeal and drawing more attention to your special offers.

Diverse Icon Choices for Coupons

Positioning is simplified with the Corner Coupon Pop-up. You have the freedom to showcase the coupon notification on the left, center, or right corner, ensuring a customized fit for different site layouts.

Select Coupon Placement

No coding expertise? No problem. The Coupon Popup widget boasts an intuitive dashboard with a drag-and-drop functionality, letting you shape the widget to your preferences effortlessly in a matter of clicks.

User-Friendly Corner Coupon Interface

The Corner Promo Code Pop-Up widget introduces a potent tool for accumulating leads: an email collection mechanism. Users input their email addresses to obtain the coupon, granting you a growing list for future marketing endeavors.

Efficient Lead Gathering

Boost the uniqueness of your Coupon Code Corner Pop-Up with an array of design choices. Several distinct coupon styles await your selection, adding another layer of customization to your promotional strategy.

Diverse Coupon Designs

The Corner  Coupon Pop-Up offers a variety of design customizations. You can adjust elements like colors, fonts, and spacing to ensure the coupon seamlessly aligns with your site's design. Every aspect of the coupon can be tweaked to fit your unique preferences.

Tailored Coupon Design Options

The Corner Coupon Pop-Up is meticulously designed to be fully responsive, ensuring a flawless appearance on any device. In our mobile-centric era, having this adaptability gives you an edge over the competition.

Optimized for All Devices

As with every app from Common Ninja, the Floating Coupon Corner Pop-Up grants you the freedom to inject custom CSS. This allows you to fine-tune its appearance and truly let your creativity shine.


Tailored Styling with Custom CSS

Incorporating the Coupon Corner Pop-Up on your website couldn't be simpler. Just embed it with a single line of code, and every update or change you make is automatically mirrored on your site, ensuring timely and accurate promotions.


Effortless Coupon Integration

By using the Coupon Corner Pop-Up, you can efficiently showcase special deals and promotions. This streamlined approach can potentially lead to an increase in sales and engagement.

Streamlined Promotion Management

The strategic corner placement ensures that visitors receive the promotional message without feeling bombarded. This delicate balance keeps the visitor experience pleasant while making sure promotions don't go unnoticed.

Maximized Engagement Without Overwhelm

By presenting coupons in the corner, the widget ensures optimal use of the website's real estate. This placement ensures that promotional content complements rather than competes with primary content.

Smart Space Utilization

Corner Coupon Pop-up

A flexible widget that visually tracks user scroll progress on any webpage

The Scroll Progress widget offers both a progress bar and a floating circle indicator, giving you flexibility in how you display scroll progress. The progress bar provides a clear, linear visual, while the floating circle offers a compact, modern alternative. You can use either option or combine both for a more dynamic user experience.

Discover the best extensions for OpenCart

Some of the best Common Ninja extensions for OpenCart

Slide-In Panel

Creative Card Carousel

World Clock

Flip Cards

Comparison Tables

Corner Coupon Pop-up

Scroll Progress

Image Magnifier

Google Play Reviews

RSS Feed

Agenda

YouTube Slider

Common Ninja Search Engine