Navigate to sitemap or manufacturer as a demo Username = demo Password= demo Navigate to sitemap or manufacturer as a demo Username = demo Password= demo This extension makes it possible to make any page you choose to..

Bernard Fisk

Restricted Access - Compulsory Login

A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

Example 1

Example 2

Example 3

Example 4

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top Button 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Widget

The Back to Top Button widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Back to Top Button widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Widget

The Back to Top Button 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 Widget

In addition to the built-in customization options, the Back to Top Button widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Back to Top Button widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.



Easy To Embed Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

Improved User Experience

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

Popups, Bars & Buttons

Easy Navigation with Arrows and Dots

Tailor the look of your YouTube carousel to match your website’s style. Modify colors, fonts, sizes, and layouts to create a unique design that perfectly fits your brand.

Fully Customizable YouTube Carousel Design

The YouTube Carousel Widget is designed to deliver a flawless experience on any screen. Whether viewed on a desktop, tablet, or smartphone, the carousel automatically adjusts to look great on all devices.

Optimized for All Devices

Adjust the speed of the carousel and how long each video stays visible. This gives you control over the flow of your gallery, ensuring a viewing experience that resonates with your audience.

Control Slider Speed and Video Display Time

Keep your carousel up-to-date effortlessly with automatic syncing to your YouTube channel. New videos are added to the carousel as soon as they’re published, keeping your content fresh and relevant.

Auto-Updating YouTube Content for Freshness

Allow visitors to interact with your videos by making them clickable. They can watch any video directly from the carousel, offering a highly engaging and user-friendly experience.

Clickable Videos for Direct Engagement

The YouTube Carousel Widget is designed for ease of use, requiring no coding knowledge. Its intuitive interface allows you to customize and embed the widget quickly and hassle-free.

Simple and User-Friendly Setup

For added flexibility, the widget supports custom CSS, enabling designers and developers to personalize the carousel’s appearance and functionality further.

Advanced Customization with CSS

Embedding the YouTube Carousel Widget on your site is as simple as pasting a single line of code. Updates you make to the carousel are automatically reflected, saving you time and effort.

Quick Embedding with Minimal Effort

The YouTube Carousel Widget lets you display your YouTube videos in an eye-catching, scrollable carousel. This dynamic presentation enhances your website’s visual appeal and keeps visitors engaged.

Present Your YouTube Content in a Dynamic Format

Showcasing your YouTube content in a customizable carousel enhances your website’s professionalism and creativity. This makes a lasting impression on your audience while amplifying your brand’s identity.

Elevate Your Brand with a Stylish Video Gallery

By showcasing your YouTube videos in a carousel, you offer an interactive and engaging browsing experience. This encourages users to spend more time on your site and discover your content more effectively.

Boost User Engagement with Interactive Video Displays

YouTube Carousel

Social Feeds

New!

Show events or important moments in the order they occurred, using pictures and text

The Timeline widget allows you to choose either vertical or horizontal timelines to help you tailor the design to your specific needs. 

Vertical & Horizontal Timelines

The Timeline widget's feature of incorporating images into individual timeline items not only enhances its visual appeal and captivates your audience but also helps convey complex ideas or events more effectively, contributing to an overall more engaging and comprehensible user experience.

Ability To Add Images

The Timeline widget provides you with an array of trigger options for displaying items, including "always," "never," "on hover," and "scroll to view," empowering you to create a tailored user experience that enhances content accessibility and engages your audience by controlling when and how the information is revealed.

Item Visibility Controls

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

Multiple Timeline Layouts

The Timeline 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.

Multiple Timeline Widget Skins

You can fully customize the Timeline widget so that it meets your demands by changing the design. 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 Timeline

The Timeline widget 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. The Timeline widget will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive Timeline Widget

No coding expertise is necessary to use the Timeline widget. With only a few mouse clicks, you can modify the timeline however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a timeline with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

Easy To Use Timeline Widget

You have total control over how the Timelin appears thanks to our robust advanced editor. This feature makes it simple to change the Timeline's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Timeline Widget Custom CSS

Simply copy and paste a code snippet into the HTML of your webpage to integrate the Timeline widget on your website. It is also self-updating, so any modifications you make to the Timeline Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed Timeline Widget

With the Timeline widget, you can organize and present information in chronological order, making it easier for your users to understand the content on your website. It is particularly useful for websites that deal with historical information, or for websites that try to convey a narrative through an engaging timeline. 

Better Organization and Navigation

The Timeline widget can help make your website more interactive and engaging for users, encouraging them to explore the content and spend more time on your site.

Improved User Engagement

The Timeline widget can add a visually appealing element to the website, making it more attractive and memorable for visitors.


Increased Visual Appeal 

Timeline

Website Components

Experience enhanced control and customization with the Ratio Widget's Group Information setting. Website owners can assign specific information to each group, including selecting unique icons, adjusting icon colors, and adding titles. This feature ensures each group is distinct and aligns with the intended message and aesthetic, offering a tailored infographic experience to every visitor.

Group Customization Flexibility

The Ratio Widget enriches user interaction with its Tooltip Description feature. As visitors hover over each group, a dynamic tooltip emerges, displaying content that’s tailored based on the group count. This interactive element not only enhances user engagement but also provides additional insights, making the exploration of your infographic both an informative and engaging experience.

Interactive Tooltip Insights

The Ratio Widget introduces a smart, Automatic Ratio Calculation feature that optimizes the display of icons on your webpage. Users can set a maximum number of icons to be shown, ensuring the webpage remains uncluttered. The widget adeptly calculates and adjusts the quantity of icons for each group, based on the specific ratios, delivering a concise, yet comprehensive visual representation of data.

Efficient Icon Display

The Ratio Widget enhances data presentation through its animated infographic feature. Icons unveil sequentially, employing a typewriter effect, which ensures visitors are captivated. This progressive revelation of information not only captivates attention but also facilitates an easier understanding of the data shared, making each piece of information stand out distinctively.

Animated Infographic Display

With the Ratio Widget, total customization is at your fingertips. This feature allows site owners to manipulate every aspect of the ratio infographics, from icons to display style, ensuring it aligns precisely with their preferences and brand identity. Every infographic created is a true reflection of the website’s character, achieving a harmonized look and feel.

Complete Customization Control

The Ratio Widget is crafted with a responsive design, ensuring your infographic ratios are displayed seamlessly on various devices, from mobile phones and tablets to desktop computers. Each icon and piece of information is adjusted to fit and function perfectly, offering a consistent and optimal viewing experience to all visitors.

Responsive Infographic Design

Navigating and customizing infographics is a breeze with the Ratio Widget’s user-friendly interface. It’s designed to be straightforward and intuitive, empowering site owners to effortlessly create and tailor their ratio infographics. Even without advanced technical skills, users can seamlessly integrate and manage this feature on their websites.

User-friendly Interface

The Ratio Widget is adaptable for those well-versed in coding, offering support for custom CSS. This allows users with advanced technical skills to have precise control over the appearance and behaviour of the ratio infographics, ensuring a bespoke visual representation that aligns with specific needs and aesthetics.

Enhanced Styling with Custom CSS

Embedding the Ratio Widget is a straightforward process, requiring only a single line of code to integrate it into any website. This simplicity ensures that site owners, regardless of their technical proficiency, can effortlessly enhance their webpages with informative and engaging ratio infographics.

Easy to embed on any website

Implement the Ratio widget to transform data into compelling visual stories. Visitors can easily absorb and interact with information, presented through creative and intuitive infographics. This visual touch not only enhances understanding but also adds an aesthetic element to your site.

Visual Engagement with Ratio Widget

With the Ratio Widget, your data speaks for itself. Infographics make the interpretation of complex information simple, aiding in clearer communication with your audience. Website visitors can quickly grasp the essential points, resulting in an efficient information transfer.

Express Information Clearly

Integrating the Ratio Widget enables your content to reach a wider audience. The eye-catching design of ratio infographics encourages sharing, increasing the visibility of your content. This expanded reach can result in enhanced brand awareness and audience growth.

Amplify Content Reach with Infographic

Ratio

Get Creative

Easily craft engaging, personalized popups to boost conversions.

With the Popup Builder widget, you have the freedom to design your popup exactly how you envision it. Add various elements including titles, sub-titles, paragraphs, and images, and arrange them in the order that best suits your communication needs.



Element Flexibility and Customization

With the Popup Builder widget, you can set your popup content to dynamically adjust based on visitor behavior or predefined rules. This adds an element of personalization to your popups, enhancing user experience and boosting engagement.

Dynamic Content Placement

Make your popups more interactive by adding clickable buttons. This feature lets you guide your visitors towards desired actions, whether it's subscribing to a newsletter, making a purchase, or visiting a particular page.

Interactive Buttons Addition

With the Popup Builder widget, you're not just limited to text and images. It allows you to embed other widgets such as forums, countdown timers, sliders, or any other widget you've created on Common Ninja. This enables you to create multi-dimensional popups that serve varied functions, making your website even more dynamic and interactive.

Supercharge Your Popups with embedded widgets

The Popup Builder widget comes with a variety of layout options. You can pick the one that best aligns with your website's design and style, ensuring a cohesive and appealing look.

Choose a Popup Layout That Matches Your Site

The Popup Builder widget offers a range of pre-designed skins, allowing you to add a touch of style to your popups without investing extra time in customization. Simply choose a skin that suits your aesthetic, and you're good to go.

Ready-to-Use Stylish Skins

Control when your popups appear with the widget's customizable timing feature. You can set the popup to appear immediately as the page loads, after a certain amount of time, or when a visitor is about to exit, giving you strategic control over user interaction.

Customizable Pop-up Timing

With the Popup Builder widget, your popups are fully customizable, letting you tailor each aspect to your preference. Feel free to modify the colors, fonts, spacing, and more, creating a design that truly reflects your brand and resonates with your audience.

Personalize Your Popups to Perfection

The Popup Builder widget is designed to be fully responsive, ensuring your popups look fantastic on all devices. In a world that prioritizes mobile-friendly design, this feature helps you stand out and provide a seamless user experience, no matter the device used.

Seamless Experience on Any Device

Creating your ideal popup is a breeze with our easy-to-use Popup Builder widget. You don't need any coding knowledge - our intuitive, drag-and-drop interface lets you customize your popups just how you want them with just a few clicks.

User-Friendly Popup Creation

Like all Common Ninja widgets, the Popup Builder offers the ability to add custom CSS. This feature gives you the freedom to add a personal touch and get even more creative with your popup design.

Express Your Creativity with Custom CSS

Embedding the Popup you've created with the popup builder on your website is as simple as copying and pasting a single line of code. Plus, every change you make in the widget gets automatically updated on your site, keeping your popups fresh and up-to-date without any extra effort.






Hassle-Free Embedding

Leverage the Popup Builder widget for capturing leads. By placing an attractive and user-friendly popup on strategic parts of your site, you can easily gather visitor information for future marketing initiatives.

Efficient Lead Generation

The Popup Builder widget enables clear and timely communication with your audience. Deliver important updates, offers, or ask for feedback in a direct and attention-grabbing manner, ensuring your message is heard.

Enhanced Communication

The Popup Builder widget is a powerful tool to motivate your website visitors to take action. By providing personalized prompts and calls-to-action, you can significantly boost conversion rates.

Increased Conversion Rates

Popup Builder

Forms

My Widget

Create interactive, customizable maps with color coding, tooltips, and easy website embedding.

The Interactive Maps widget offers a selection of over 250 maps of world countries. This extensive library allows you to choose the exact map that fits your needs, making it easy to create detailed and customized data visualizations for any region across the globe.

Extensive Map Selection

The Interactive Maps widget allows you to set custom color coding categories and assign them to each polygon on the map. This feature makes it easy to visually distinguish between different data sets, regions, or categories by using a variety of colors. Whether you're highlighting states, counties, or any other geographic areas, this option provides a clear and effective way to represent your data in a visually engaging manner.

Customizable Color Coding for Interactive Maps

The Interactive Maps widget includes an option to display a legend, making it easy for users to understand the color coding and data categories on the map. The legend enhances clarity by providing a quick reference, ensuring that your audience can easily interpret the data represented in the map’s color-coded regions.

Integrated Legend Display for Interactive Maps

The Interactive Maps widget allows you to set custom links for each polygon, directing users to external webpages. This feature is ideal for providing additional information, resources, or related content, making your map not just a visual tool but an interactive gateway to deeper engagement with your audience.

Link Polygons to External Webpages

The Interactive Maps widget offers a variety of beautiful design skins, allowing you to choose a look that seamlessly aligns with your website's aesthetics. Whether your site has a modern, minimalist, or traditional style, there’s a skin that will enhance the visual appeal of your map while saving you time on customization.

Multiple Design Skins for Interactive Maps

The Interactive Maps widget enables you to create custom tooltips for each polygon, complete with a header image and text. This feature allows you to provide rich, detailed information when users hover over different regions, enhancing the interactivity and depth of your map. It’s a powerful way to deliver context and insight directly within the map itself.

Add Tooltips with Image and Text for Each Polygon

The Interactive Maps widget provides extensive customization options, letting you adjust colors, fonts, spacing, and more to suit your specific needs. This flexibility ensures that your map not only functions well but also complements the unique design of your website.

Fully Customizable Interactive Maps

Designed for responsiveness, the Interactive Maps widget ensures your map displays elegantly on any device, from desktops to smartphones. This feature is crucial for providing a consistent user experience, regardless of how visitors access your site.

Perfectly Responsive Interactive Maps

The Interactive Maps widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard allows you to easily tailor the map to your preferences, making it accessible for users of all technical levels.

Easy-to-Use Interactive Maps Widget

For those seeking deeper customization, the Interactive Maps widget supports custom CSS. This feature is perfect for developers and designers who want to apply a unique style or add advanced functionality to the map, allowing for a truly personalized experience.

Custom CSS for Advanced Styling

Embedding the Interactive Maps widget on your website is straightforward, requiring just a single line of code. The widget automatically updates with any changes you make, ensuring that your map is always current without any extra effort.

Effortless Embedding of Interactive Maps

Empower your website with visually appealing data representation using Interactive Maps. These maps allow users to easily interpret complex data through color-coded regions, improving user engagement and understanding.

Enhance Data Visualization with Interactive Maps

Transform complex datasets into easily digestible visuals with Interactive Choropleth Maps. This tool helps website visitors quickly grasp insights by representing data through color variations across geographic regions.

Simplify Complex Information Using Interactive Choropleth Maps

Utilize the power of Interactive Choropleth Maps to present data in a way that aids decision-making. The ability to highlight and compare different regions at a glance makes it easier for users to draw meaningful conclusions.

Drive Decisions with Interactive Choropleth Maps

Interactive Maps

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

The Restaurant Menu Flip Cards widget 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!

Restaurant Menu Flip Cards Multiple Layouts

The Restaurant Menu Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

A Large Selection of Icons

The Restaurant Menu 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 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.

Restaurant Menu Flip Animation

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

Fully Customizable Restaurant Menu Cards widget

The Restaurant Menu 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 Restaurant Menu widget

The Restaurant Menu 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 Restaurant Menu Cards Widget

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

Restricted Access - Compulsory Login

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Back to Top Button

YouTube Carousel

Timeline

Ratio

Popup Builder

Interactive Maps

Restaurant Menu Flip Cards

News Ticker

Team Members Blobs

Linkedin Feed

Yelp Reviews

Contact Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Restricted Access - Compulsory Login

OpenCart extension

App Details

Pricing

Check Out the Back to Top Button Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Back to Top Button

YouTube Carousel

Timeline

Ratio

Popup Builder

Interactive Maps

Restaurant Menu Flip Cards

News Ticker

Team Members Blobs

Linkedin Feed

Yelp Reviews

Contact Form

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine