`````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````` `````````````````````````````````````````````````````````````````````````````````````````````````````````````..

stock managment

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

Multiple Event List Layouts

You can add images in the Events widget to show locations, halls, musicians, musical instruments, performers, and more!

Using Images on your Event List

The Event List 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 Skins for the Event List

The Event List 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 Events widget is fully responsive and will look great on any device. In the mobile-first world, you will have the edge over your competitors.

Perfectly Responsive Events Widget

The Event List 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 Event List Widget

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

Custom CSS

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

Easy To Embed Events Widget

The Event List widget features the option to enable a gentle animation that the user will see when first accessing the Events List, to make the page less static and more appealing. 

Gentle Intro Animation

The events widget enables you to easily add the location of the event, its time and date to display it to make this information easily visible to your users and improve their experience. 

Location, Date & Time

With the Events List widget, you can make sure that all your events are visible, with the relevant information attached to them like the date, location, time, etc. By allowing your users to browse these events easily, you will improve the visibility of these events, and make it easy to spread awareness.

Improve Visibility & Spread Awareness

The Events widget enables users to click on relevant links for the events they are interested in, which can lead to relevant landing pages, payment pages, etc. thereby increasing the possibility of them purchasing tickets and attending the event.

Use Event List Widget to Increase Attendance

The Event List widget is fully customizable, and as such, it can be made to fit and complement any website design.

Enhance Design with an Event List widget

Event List

Lists & Cards

Interactive wheel offering rewards to boost user engagement, gather leads and increase conversions.

With the Spinning Wheel widget, collecting leads becomes a breeze. Before visitors spin the wheel for enticing offers, you can set it up so that they need to provide their email addresses. This simple interaction makes gathering contact information straightforward and non-intrusive, helping you grow your email list for future marketing campaigns.

Leads and Email Collection

Highlight your best offers with customizable prize colors. The Spinning Wheel widget lets you set individual colors for each prize segment. This feature can be used to make your most attractive prizes stand out, encouraging visitors to engage and boosting the excitement around your promotional activities.

Customizable Prize Colors

Celebrate your visitors' wins with customized messages delivered right after their successful spin. The Spinning Wheel widget allows you to display a tailored message indicating their prize. Plus, you can incorporate a clickable button and a link in the message, directing winners toward their prize or your chosen destination, and enhancing user interaction.

Personalized Winning Messages

Keep your offers exclusive and exciting with the Spinning Wheel widget's ability to set a maximum spin limit for each user. This feature lets you regulate how often visitors can spin the wheel, preventing overuse and maintaining the allure of your deals and discounts.

Control Spin Limits

Cater to your site's unique style and layout with the Spinning Wheel widget's flexible display options. Whether you want it to pop up when visitors land on your site, nestle into a side panel, or sit static on your webpage, you can choose the most engaging and seamless way to integrate the Spinning Wheel into your user experience.

Flexible Display Options

The Spinning Wheel widget is designed to complement your site's design, not clash with it. With multiple layout options at your disposal, you can select the one that best suits your website's aesthetic and functionality. Whether you want the wheel next to the email field, alongside a content section, or under a catchy title, you can arrange it to create a seamless and engaging user experience.

Multiple Layouts

Add an aesthetic touch to your website with the Spinning Wheel widget's selection of beautiful color skins. Choose from a variety of hues that best match your brand, speeding up the design process and ensuring a consistent and attractive look and feel across your site. This widget not only enhances user engagement, but it does so while maintaining your brand's unique style.

Beautiful Color Skins

Dictate when the Spinning Wheel widget makes its appearance with the adjustable timing feature. You can opt to have the widget show up right when the page loads, after a specific time delay, or just when a visitor is preparing to exit. This functionality provides you with a tactical advantage in optimizing visitor engagement.

Customizable Display Rules

With the Spinning Wheel widget, you gain total control over your widgets' design. Every element - from colors and fonts to spacing - can be tweaked to mirror your brand's aesthetics perfectly. Enjoy the freedom to construct a design that not only embodies

Complete Design Flexibility

The Spinning Wheel widget is built with responsiveness in mind, guaranteeing your widget's look great and function well on any device. As mobile compatibility becomes increasingly important, this feature ensures your users enjoy a smooth and seamless experience, regardless of whether they're on a desktop, tablet, or smartphone.

Optimized for All Devices

Designing your ideal spinning wheel is a breeze with our user-friendly interface. Forget about the need for coding knowledge - our simple, intuitive interface allows you to customize your spinning wheel just the way you want it, all with just a few easy clicks. Customizing your interactive widget has never been easier or more accessible.

User-Friendly Interface

A Spinning Wheel widget isn't just user-friendly, it's also developer-friendly. If you're comfortable with code, you can use custom CSS to tailor the appearance and behavior of the spinning wheel to your exact specifications. This feature gives you the ultimate control to make the widget perfectly aligned with your brand and website style.

Custom CSS Capabilities:

Incorporating the Spinning Wheel you've designed with our widget into your website is as easy as a copy-and-paste job. Moreover, any modifications you make to the widget will automatically reflect on your site, ensuring your spinning wheel is always current and engaging, without requiring any additional work.

Effortless Website Integration

By offering discounts or coupons through the Spinning Wheel, you're incentivizing visitors to make a purchase. This can effectively convert casual browsers into paying customers, thereby increasing your sales conversion rate.

Increases Sales Conversion

The Spinning Wheel widget provides an interactive and fun way to engage your site visitors. Instead of just browsing through your website, visitors get to participate in a game-like experience, making them more likely to stay longer and explore what you offer.

Boosts Visitor Engagement

The interactive and game-like nature of the Spinning Wheel widget can make shopping on your site a more enjoyable experience. This positive impression can improve your brand's reputation and encourage users to return and recommend your site to others.

Creates a Fun and Memorable Experience

Spinning Wheel

Boost Sales

Gaming

Create interactive content sliders to showcase images, text, and buttons with customizable options.

The Card Slider widget includes hover effects that bring an extra layer of interactivity to your content. These effects make your images and cards come to life when users hover over them, creating a more engaging and enjoyable browsing experience. The subtle animations draw attention to your content, encouraging users to interact with the slider and explore your website further.

Hover Effects for Enhanced Interactivity

The Card Slider widget provides full control over the slider's speed and the number of loops. You can fine-tune the rotation speed of the cards to match the pace that best suits your content and audience. Additionally, you can decide how many times the slider should loop, whether you want it to run continuously or stop after a set number of cycles. This level of customization allows you to create a viewing experience that is both engaging and comfortable for your users.

Adjustable Slider Speed and Loops

The Card Slider widget allows you to easily add buttons to each card, providing clear and actionable calls to action. Whether you want visitors to learn more, make a purchase, or sign up for a service, these buttons make it simple to guide users toward the next step. Fully customizable in terms of text, color, and style, the buttons can be tailored to align perfectly with your website’s branding and objectives, enhancing both functionality and user engagement.

Add Buttons to Each Card

The Card Slider widget offers a selection of beautifully crafted design skins, enabling you to match the slider with your website’s branding effortlessly. These pre-designed skins reduce the time and effort needed to customize the slider, providing a polished look that enhances your site's overall appearance.

Select from Multiple Card Slider Design Skins

The Card Slider widget is fully customizable, allowing you to modify its design to suit your specific requirements. You can adjust colors, fonts, spacing, and other elements to create a slider that not only looks great but also aligns perfectly with your website’s branding and style.

Fully Customizable Card Slider Widget

The Card Slider widget is designed to be fully responsive, ensuring it displays beautifully on any device. Whether your visitors are using a desktop, tablet, or smartphone, the slider adapts to provide a seamless and consistent user experience across all screen sizes.

Perfectly Responsive Card Slider

The Card Slider widget is user-friendly, requiring no coding expertise for customization. Its intuitive interface allows you to easily adjust settings and design elements with just a few clicks, making it accessible for users of all technical levels.

Easy To Use Card Slider Widget

For those looking to add a personal touch, the Card Slider widget supports custom CSS. This feature allows developers and designers to apply unique styles and functionality, ensuring the slider perfectly matches your site’s design vision and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Card Slider widget on your website is straightforward, requiring just a single line of code. Once integrated, the widget updates automatically with any changes you make, ensuring your site always displays the most current version of the slider without extra effort,

Effortless Embedding of the Card Slider on Any Website

With the Card Slider, you can showcase multiple pieces of content in a compact space, improving your website's layout. This not only helps in organizing your content effectively but also ensures that important messages or promotions are prominently displayed without overwhelming the visitor.

Enhance Content Organization

Use the Card Slider to feature your most important products or services prominently on your homepage or landing pages. This focused presentation can increase visibility and drive more traffic to your high-priority offerings, ultimately leading to higher sales or engagement.

Highlight Key Products or Services

By strategically placing call-to-action buttons on each card within the Card Slider, you can drive visitors to take desired actions, such as signing up, purchasing, or exploring more content. This targeted approach can significantly boost conversion rates and help you achieve your business goals.

Increase Conversion Rates

Card Slider

Images & Galleries

New!

Display the latest posts from your YouTube channel

Example

The YouTube Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the YouTube Feed widget according to your needs, and the preferences of your visitors.

YouTube Feed Date & Time Display Settings

The YouTube Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the YouTube Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various YouTube feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the YouTube Feed widget more compact.

Customize Character Display Length

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

YouTube Feed Multiple Layouts

The YouTube Feed 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.

YouTube Feed Multiple Skins

The YouTube Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The YouTube Feed 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!

Fully Customizable

The YouTube Feed 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 YouTube Feed

The YouTube Feed 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 YouTube Feed Widget

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

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

Easy To Embed YouTube Feed

The YouTube Feed widget allows users to choose between Tabs and Mixed feeds. In the Tabs type, you arrange all your tabs according to their feed order, whereas in the Mixed type, you mix different YouTube feeds to create a diverse feed.

Different YouTube Feed Types 

The YouTube Feed widget has an "auto-refresh" option that keeps refreshing and updating the feed when toggled.

YouTube Feed Automatic Refresh

Using the YouTube Feed widget, you can add an animated "ticker" to your page to simulate an old news ticker. Grab the user's attention immediately with it.

YouTube Feed

Social Feeds

Experience seamless 360 panorama viewing with interactive hotspots and customizable settings.

The Virtual Tour widget enables the seamless addition of hotspots over your 360 panoramic images. Hotspots are interactive icons that, when clicked, can reveal more information about a particular area or feature captured in the image. This feature not only enhances the informative value of the 360 panorama but also enriches the interactive experience for your website visitors.

Add Hotspots with Virtual Tour

Providing detailed information is made easy with the Virtual Tour widget. You have the ability to add a title, description, and the image author’s name to each 360 panoramic image displayed. This feature allows for a structured display of information, making it straightforward for visitors to learn more about each panorama, thus adding a layer of professionalism and context to your visual content.

Display More Information through Virtual Tour

Virtual Tour offers the ability to control the direction of rotation for your 360 panoramas, providing a more tailored viewing experience. The animation settings are easily adjustable, allowing for a smooth and aesthetically pleasing exploration of your virtual space. This feature ensures that the display of your 360 panoramic images aligns with your desired presentation and user interaction objectives.

Customized Animation Controls

The Virtual Tour widget enriches your 360 panoramic images by allowing the addition of web-linked hotspots. Each hotspot can be configured to redirect visitors to a specified webpage, offering a straightforward pathway to more information or related content. This functionality enhances the user's navigational experience, creating a more interconnected and informative virtual tour.



Web-Linked Hotspots with Virtual Tour

Dive deeper into the visual experience with the Virtual Tour widget’s drag and zoom functionality. Visitors can effortlessly drag the image in any direction—left, right, up, or down—to explore the panorama at their own pace. Additionally, the zoom feature allows for a closer examination of details, creating a more interactive and engaging viewing experience on your website.

Interactive Navigation

Designing your perfect virtual tour becomes a simple task with the Virtual Tour widget. You won't need any coding knowledge; thanks to its user-friendly drag-and-drop interface, customization is smooth and quick, allowing you to bring your envisioned tour to life effortlessly.

Easy to use Virtual Tour widget

The Virtual Tour widget is your gateway to endless customization. It provides you with the flexibility to adjust colors, fonts, and spacing, enabling a total personalization of your virtual tour. Each detail can be meticulously adjusted to resonate with your site’s distinctive design and branding.

Fully Customizable 360 Panoramic images

Engineered for optimal responsiveness, the Virtual Tour widget ensures your virtual tours maintain their visual appeal on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly responsive display on Any Device

Consistent with the spirit of customization, the Virtual Tour widget offers custom CSS capabilities. This feature unlocks the freedom to add a personal touch, paving the way for more creative virtual tour designs that stand out.

Custom CSS Capabilities

Embedding the virtual tour you've designed into your website is straightforward. It's as simple as copying and pasting a single line of code. Additionally, any adjustments made within the widget are instantly reflected on your site, keeping your virtual tours up-to-date without any extra hassle.

Simple Virtual Tour Integration on any website

The Virtual Tour widget creates a dynamic environment on your website by enabling the display of 360 panoramic images. Visitors can interact with the 360 panoramas, thus inviting them to spend more time exploring your content. The interactive nature of the Virtual Tour widget fosters a deeper connection between your website and its visitors, enhancing their overall engagement.



Enhanced Engagement with Virtual Tour

Managing your 360 panoramic images is a breeze with the Virtual Tour widget. The intuitive interface allows for the hassle-free addition and modification of hotspots and settings to meet your preferences. The streamlined content management ensures that keeping your virtual tours updated and engaging remains a straightforward task.

Streamlined Content Management in Virtual Tour

By offering a virtual tour, your website becomes more accessible to those who may not be able to visit in person. The Virtual Tour widget ensures that the experience of browsing 360 panoramic images is smooth and enjoyable. This increased accessibility broadens your website’s appeal and inclusivity, allowing more people to explore what you have to offer virtually.

Increased Accessibility with Virtual Tour

Virtual Tour

Get Creative

Media

Showcase customer testimonials using a rotating slider

The Testimonials Slider widget allows you to add control elements like arrows and pagination, with which you can improve the user’s experience through better navigation. In addition, these elements are fully customizable and can be further enhanced by adding a “fade edge” effect to the background and arrow containers.

Advanced Control Options

The Testimonials widget features three of the most commonly used layout styles, each of which rearranges the elements within the testimonials and creates an entirely different style that can be used to enhance your website’s design. The layouts can be customized further by toggling the “Stretch Height” option, which will make all the testimonials as tall as the tallest one, thus creating a single, unified style.

Distinct Layouts

The Testimonials Slider widget comes available with a variety of beautiful skins with the help of which you can kickstart your testimonial-creating process and avoid spending too much time on extensive customization.

Multiple Skins

The Testimonials carousel widget features a lovely set of arrow icons that you can choose from. This selection of icons can be further wrapped in several different container types to ensure that the Testimonials widget fits your website’s design needs.

Various Icons

The Testimonials widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

The Testimonials Slider 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!

stock managment

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Back to Top Button

Event List

Spinning Wheel

Card Slider

YouTube Feed

Virtual Tour

Testimonials Slider

AI Chatbot

Video Gallery

Blogger Feed

RSS Feed

Poll

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

stock managment

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

Event List

Spinning Wheel

Card Slider

YouTube Feed

Virtual Tour

Testimonials Slider

AI Chatbot

Video Gallery

Blogger Feed

RSS Feed

Poll

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine