• Set Order Total Wise Percentage Of Store Credit Balance Usage Criteria • Criteria Applied On Multiple Selected Products + Categories + Sub Categories + Manufacturers • Example 1: - Customer Has 250 Store Cre..

Order Total Wise Percentage Of Store Credit Bala..

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

Use the Back to Top Button widget when your pages are long and you want navigation to feel light instead of tiring. On content heavy layouts, especially on mobile, scrolling all the way back up can be annoying and may discourage further exploration. A simple button that appears after the user scrolls makes it clear they can jump instantly to the top navigation, search, or main call to action. This improves perceived usability, reduces friction, and supports better engagement with the rest of your site. It is particularly valuable for blogs, documentation, ecommerce catalogs, one page sites, and any experience where visitors naturally scroll through many sections.

Back to Top Button

Popups, Bars & Buttons

Example 5

The weather widget provides real-time weather information for their specific area. Leveraging advanced geolocation technology, the weather widget tailors meteorological data to a precise location, ensuring the user receives the most accurate and up-to-date forecasts.

Location-Based Weather Data

The widget provides both short-term and long-term weather forecasts, offering users a comprehensive view of upcoming weather conditions. This feature allows users to plan accordingly for daily activities, travel, and events based on the forecasted weather.

Weather Forecast

The weather widget displays a variety of weather metrics, such as temperature, humidity, wind speed, and precipitation. This feature provides users with a more detailed understanding of the current and forecasted conditions, allowing for more informed decision-making.

Multiple Weather Metrics

The weather widget allows users to view weather information for multiple locations simultaneously, making it an excellent tool for individuals who need to keep track of conditions in different places. This feature benefits businesses and users who have interests in multiple cities or regions, providing a convenient way to access essential weather data all in one place.

Using Multiple Locations

The weather widget offers a variety of layout options, enabling website owners to choose the best format to suit their specific needs and preferences. This flexibility ensures that the widget can be easily adapted to different website designs and structures, enhancing the overall user experience and integration.

Multiple Layouts

With multiple skins available, the weather widget can be easily customized to match the website's look and feel. This feature allows website owners to maintain consistent branding and aesthetics while offering users valuable weather information, creating a cohesive visual experience across the site.

Multiple Skins

The weather widget provides a wide range of weather icons to choose from, allowing website owners to select the ones that best align with their site's design and branding. This feature ensures that the visual representation of weather conditions is consistent with the overall aesthetics of the website, creating a harmonious user experience.

Select from a Various Set of Icons

The Weather widget's design can be easily customized to match the website's branding and aesthetic. Website owners have control over the colors, fonts, and layout, ensuring that the widget seamlessly integrates with the existing design.

Customizable Design

The weather widget is fully responsive, automatically adjusting to fit various screen sizes and devices. This feature guarantees that the widget will display correctly on desktops, tablets, and smartphones, ensuring a consistent user experience across all platforms.

Responsive weather widget Design

The weather widget is designed with user-friendliness in mind, making it simple and straightforward for users to access and understand the provided weather information. This ease of use encourages user engagement and ensures that visitors can quickly obtain the data they need without any unnecessary complications, enhancing the overall experience on the website.

Easy to Use Weather widget

Like all our widgets, the weather widget allows you to incorporate custom CSS for a truly personalized touch. Users with coding expertise can elevate the widget's appearance, achieving the ideal design by adding their own custom CSS.

Infuse Your Unique Style with Custom CSS

The weather widget is designed for easy integration into a website's existing code, requiring minimal technical knowledge to implement. This feature allows website owners to quickly add the widget to their site without needing extensive development resources or expertise.

Easy Integration of a Weather Widget

A weather widget can significantly improve the user experience on a website. By providing real-time, location-specific weather information, users can quickly access relevant data without needing to leave the site or search elsewhere.

Enhanced User Experience with a Weather Widget

A weather widget drives user engagement by offering relevant weather information, allowing users to make informed decisions based on current conditions or forecasts. This can lead to a more satisfying experience on the website, encouraging visitors to explore other content and services offered.

Increased Website Engagement

By integrating a weather widget, businesses can help users make better-informed decisions related to their products or services. For example, a travel website that includes weather information allows users to plan their trips more effectively, increasing the likelihood of booking through the platform.

Contextual Decision Making

Use the Live Weather Forecast widget when the local climate directly influences how visitors interact with your offer. For travel, outdoor events, sports, delivery services, and local attractions, people often check weather before deciding. Showing real time conditions and upcoming forecasts on your site saves them a separate search and keeps decision making in one place. You can place it on landing pages, booking flows, or dashboards so users quickly understand what to expect. This practical, real world information signals reliability and helps visitors plan with confidence, which can directly impact attendance, bookings, and satisfaction.

Live Weather Forecast

Website Components

Weather templates 6

Weather template 5

Weather template 4

Weather template 3

Weather template 2

Weather template 1

X Feed widgets are equipped with a "ticker" animation, which resembles an old news ticker. Use it to immediately grab the user’s attention.

Add X Feed Ticker Animation

You can display the date and time of the feeds with various options - allowing you to further customize the X Feed widget according to your needs.

Set the X Feed Date & Time Display

You can keep the X  Feed widget updated with new posts by switching on "auto-refresh.".

Auto X Feed Refresh Option

With the X Feed widget, you can choose between Tabs and Mixed feeds. In Tabs, you can arrange your tabs by feed, whereas, in Mixed, you can mix different X feeds so that the feed is more diverse.

Different X Feed Types

A shorter character length makes the Tweet Feed widget more compact, so you can save space.

Character Display Length Customization

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

Various X Feed Layouts 

Several beautiful skins are included with the X Feed widget, so customizing it shouldn't take long.

Beautiful Skins

The X Feed widget provides full RTL support for those who write from right to left. Ensure that your news is accessible to a global audience.

Full RTL Support

With the X Feed widget, you can easily customize the design to meet your needs. You can change color schemes, fonts, spacing, and anything you want!

Fully Customizable X Feed

It looks great on any device and is fully responsive. A mobile-first world will give you an advantage over your competitors. 

Perfect Responsive Design

X Feed widget requires no coding knowledge and is easy to use. We provide an intuitive dashboard with drag-and-drop functionality to allow you to customize widgets the way you like them.

Easy To Use X Feed Widget

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

Custom CSS

Copying the code will enable you to quickly embed the widget on your website. You will also receive an update on your X Feed widget when you make a change.

Easy To Embed X Feed on your Website

The X Feed Widget lets you group several X feeds into one page, making them more accessible and quicker to navigate.

Group X Feeds

By grouping all the X feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. 

Improve User Experience

The X Feed widget can add a fun element to your page's design. Implementing the "ticker" animation will create a more appealing design for your page.

Enhance Design

Use the X Feed widget when you want to keep your latest updates visible on your site and show that your brand is active in real time. Many visitors do not follow you yet, so embedding a live feed helps them see your voice, announcements, and community interactions without leaving the page. This is useful for SaaS products, news driven brands, creators, and events. Auto updates keep the section current, reducing maintenance. Visitors can scan short posts quickly, click into threads, and get a sense of your responsiveness. A clear feed adds social proof, supports transparency, and provides a steady stream of fresh signals that make your site feel alive rather than static.

X Feed

Social Feeds

Showcase Vimeo videos in a responsive, customizable slider that auto-updates and enhances user engagement.

Add a layer of interactivity to your slider with hover effects that highlight videos as users navigate through the slider. This feature enhances the visual appeal of your content.



Interactive Hover Effects

Personalize the Vimeo Slider by adjusting colors, fonts, spacing, and layouts to match your website’s branding and style perfectly.

Fully Customizable Design Options

The Vimeo Slider automatically adjusts to any screen size, ensuring your videos look stunning on all devices, including desktops, tablets, and mobile phones.

Fully Responsive and Mobile-Friendly

Keep your website fresh with the slider’s auto-refresh feature, which syncs with your Vimeo account to display your most recent uploads automatically.

Auto-Updating Vimeo Content

Make each video in your Vimeo slider clickable, allowing users to watch content directly and boosting engagement with your channel.

Clickable Videos for Enhanced Interaction

No coding knowledge is required to install the Vimeo Slider Widget. Its intuitive interface allows for quick setup and effortless customization.

Easy to Set Up and Use

For developers and advanced users, the Vimeo Slider Widget supports custom CSS, providing complete control over its appearance and functionality.

Advanced Customization with Custom CSS

The Vimeo Slider Widget is compatible with all major website platforms and can be embedded with a single line of code for easy integration.

Seamless Integration on Any Website

The Vimeo Slider Widget displays your Vimeo videos in an elegant scrolling slider, providing a modern and visually appealing way to present your content.



Showcase Videos in a Dynamic Scrolling Format

By integrating a Vimeo slider, you encourage visitors to interact with your videos directly, increasing engagement and time spent on your site.

Enhance User Engagement with Interactive Features

Featuring Vimeo videos in a sleek slider enhances your website’s aesthetics, showcasing your brand’s creativity and captivating your audience.

Elevate Your Website’s Design with Stylish Videos

Use the Vimeo Slider widget when you prefer a sleek, linear presentation of Vimeo videos that can sit comfortably alongside text and other content blocks. The slider format presents thumbnails in a scrolling row, letting visitors scan multiple clips without expanding the section vertically. This is ideal for creative portfolios, agency work, case studies, and product visuals hosted on Vimeo. It keeps the design refined while still showcasing motion and craft. Users can move through items quickly and click to watch those that match their interests, giving your high quality Vimeo content better exposure and integration into your overall site journey.

Vimeo Slider

A donation button that enables users to contribute through PayPal or Stripe payment platforms

The Donation Button widget currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This flexibility ensures seamless integration with your existing donation processing systems.

Multiple Payment Gateway Integrations

The Donation Button widget features the option to toggle email notifications and webhooks. The email notifications can be toggled both for the website owner and the customers. Stay connected and informed about your donation transactions with ease.

Donation Button Email Notifications

The Donation Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export these transactions into a CSV file. This functionality enables efficient tracking and analysis of your donation data.

Displaying and Exporting Transactions to a CSV File

The Donation Button widget allows adding taxes and shipping prices manually, enabling a more accurate pricing listing.

Option To Add Taxes & Shipping Prices

The Donation Button widget comes with the option to add post-payment messages, that can be used to assure users that their payment has been processed or to thank them for their payment. Providing transparency in the donation process fosters trust and confidence in your organization. These messages help build stronger connections with your supporters.

Option To Add Post-Payment Messages

The Donation 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. An attractive donation button will encourage more donors to support your cause.

Choose from Multiple Skins for Your Donation Button

The Donation Button 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! By personalizing the donation button, you not only enhance its visual appeal but also make it easier for donors to recognize and trust your organization, leading to increased support for your cause.

Comprehensive Customization Options for the Donation Button

The Donation Button widget is fully responsive and will look great on any device. In today's mobile-first world, this feature provides an optimized donation experience for users across different devices, increasing the likelihood of receiving support.

Optimized Responsiveness for the Donation Button

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

User-Friendly Donation Button Widget

Like all of Common Ninja's widgets, you can add custom CSS to further personalize the Donation Button widget, unleashing your creativity and ensuring a perfect fit with your website's design.

Custom CSS for the Donation Button

You can embed the Donation Button on your website easily by copying a single line of code. The Donation Button widget will also be updated automatically with every change you make. Moreover, the Donation Button widget updates automatically with every change you make, keeping your website current and functional without manual intervention.

Easy To Embed Donation Button

A donation button on your website can foster community and encourage engagement by providing visitors with an easy way to actively contribute to your cause. This can deepen their connection with your organization, leading to increased support and growth over time.

Increased User Engagement

A donation button can encourage recurring donations by making it easy and convenient for visitors to sign up for ongoing support. Emphasizing the benefits of regular giving can help build a loyal and committed base of donors, providing your organization with a solid foundation for growth and success.

Encourages Recurring Donations

A donation button can increase donations by making it easy and convenient for visitors to give. Prominently featuring the button and emphasizing impact, as well as offering different levels or incentives, can encourage more generous giving and help your organization achieve its goals.

Increased Donations

Use the Donation Button widget when you want to accept financial support for a cause, project, or content in the most straightforward way possible. The button launches a secure payment form through PayPal or Stripe, so donors can contribute without navigating a full store or complex page. You can place it on campaign pages, articles, event descriptions, or sidebars wherever your message is strongest. This is especially useful for nonprofits, creators, community initiatives, and open source projects. A clear, trustworthy donation entry point lowers hesitation and encourages spontaneous giving at the moment when visitors feel most connected to your mission.

Donation Button

Present content items in a designed and customizable list

The app features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the app fits your design requirements.

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

Gentle Intro Animation

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

Images

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

The app features star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

The app 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 app 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

The 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 app any way you’d like to with just a few simple clicks.

Easy To Use items List

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

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

Easy To Embed

The app is fully customizable and therefore can be customized to fit any design to complement your website. 

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Use the Info List widget when you need to present key facts, features, or steps in a clean structure that visitors can scan quickly. Long paragraphs often hide important details, while a designed list brings clarity through consistent spacing, titles, and optional icons or images. This makes it ideal for product highlights, service breakdowns, onboarding instructions, and any page where users compare options or look for reassurance. The format reduces cognitive load by grouping information into bite sized items, helping visitors understand your offer without effort. A well built info list keeps pages organized, improves readability on mobile, and supports stronger decisions because the core points are obvious and easy to remember.

Info List

Lists & Cards

Translate your website into multiple languages with a customizable, user-friendly translation widget.

The Website Translator Widget supports a vast array of languages, ensuring your website is accessible to a global audience. With just a few clicks, you can enable translation for dozens of languages, catering to users from different linguistic backgrounds. This feature empowers you to make your site inclusive and welcoming to visitors worldwide.

Select From a Wide Range of Languages

The Website Translator Widget intelligently detects your website's original language and provides users with a convenient default button to return to the original content. This ensures a seamless browsing experience, allowing users to explore translations while easily reverting to the main language when needed. This feature combines convenience with precision for optimal user satisfaction.

Automatic Default Language Detection

The Website Translator Widget offers versatile display options to match your website's design and user preferences. Choose between a minimal dropdown, a bar with buttons, or other layouts to seamlessly integrate the widget into your site. Additionally, you can customize the display to show language names, flags, or a combination of both, enhancing usability and visual appeal.

Flexible Layout and Display Options

The Website Translator Widget gives you the flexibility to position it exactly where you want on your website. You can opt for a static placement integrated into your site’s layout or choose a floating position that remains accessible as users scroll. This adaptability ensures that the widget fits your site’s design while maintaining optimal functionality.

Customizable Positioning: Static or Floating Options

The Website Translator Widget integrates seamlessly with Google Analytics and Mixpanel, giving you valuable insights into user behavior. Track which languages are most used, monitor translation interactions, and analyze engagement patterns to make data-driven decisions. This feature helps you refine your multilingual strategy and optimize your website's performance.

Analytics Integration for Actionable Insights

Use the Website Translator widget when you serve visitors who speak different languages and want to make your content accessible without building separate sites for each locale. A visible language switcher lets users choose their preferred language and read your pages in a way that feels more natural to them. This is crucial for global ecommerce, SaaS, travel, education, and any brand with international reach. Better language access improves comprehension, reduces support questions, and shows respect for diverse audiences. It can also help your pages be more useful for search and sharing in multiple regions, which supports long term growth beyond your original market.

Order Total Wise Percentage Of Store Credit Bala..

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Back to Top Button

Live Weather Forecast

X Feed

Vimeo Slider

Donation Button

Info List

Website Translator

Contact Form

Website Search

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Order Total Wise Percentage Of Store Credit Bala..

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

Live Weather Forecast

X Feed

Vimeo Slider

Donation Button

Info List

Website Translator

Contact Form

Website Search

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine