undefined <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

ProQuality

Shipping Costs per Zipcode, Zone, Country, State, City

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

Simple. Organized.

By presenting your products dynamically and engagingly, you'll leave a lasting impression on your audience and increase the chances of making a sale. Don't just settle for ordinary product presentations – choose a solution that will make a lasting impact on your audience and drive conversions.

Dynamic Product Display for a Lasting Impression

Turn things around and make your content a must-see destination for your visitors. By transforming your website's content into an engaging and attractive experience, you'll keep your visitors coming back for more and encourage them to share your content with their friends and followers.

Transform website content into an engaging experience for visitors

Using different layout options, you'll be able to find the perfect combination that speaks to your brand and engages your audience. Don't be afraid to get creative and think outside the box – sometimes the most unexpected layouts and styles can lead to the most compelling and practical designs.

Experimenting with Layouts and Styles for Website or Project

A simple but effective way to do that is by including a call-to-action button. A call-to-action (CTA) button is a button or link that prompts your visitors to take a specific action, such as making a purchase, signing up for a newsletter, or downloading a piece of content.

Call-to-Action Button for Encouraging Visitors to Take Next Step

The widget features a lovely 3D animation that will react to your user’s hovering motion, creating a fun, interactive experience for your users.

3D Animation

The widget has the option to toggle flipping on, which will enable users to click on an arrow and flip the card to show its backside, thereby enabling you to add more content to the card.

Card Flipping

The 3D Cards 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 3D 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.

Multiple Skins

The 3D Cards 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 Icons

The 3D 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!

Fully Customizable

The 3D 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

The 3D 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 Animated Cards Widget

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

Custom CSS

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

Easy To Embed

With the 3D Cards widget, you can instantly draw attention to relevant information on the cards thanks to the full customization, the 3D animation, and the option to add the “flip” option.

Draw Attention

The widget will enable you to increase conversions by allowing you to add a button to the card linking it to relevant pages (the checkout page, for example).

Increase Conversions

With a 3D animation that reacts to the user’s hover movement, as well as the option to click on an arrow and flip the card, you will be able to create an interactive experience for your users, making their time on your website more fun and entertaining.

Add Interactivity

3D Cards

Get Creative

Lists & Cards

Customize and organize your website content with collapsible sections for better navigation.

The Accordion widget offers various behavior settings, allowing you to customize how content is displayed. Choose to open multiple sections simultaneously, keep specific sections open, or expand all sections at once to match your site's needs.

Customizable Behavior Settings

With the Accordion widget, you can organize your content into separate categories for improved navigation. Additionally, you can enhance these categories with Emojis, making your content more engaging and easier to browse.

Organized Category Separation

The Accordion widget provides a selection of icons for you to choose from. Whether you prefer a downward-facing arrow, a plus sign, or other commonly used icons, you have the flexibility to select the one that best fits your design.

Selection of Icons

The Accordion widget comes with a variety of layouts, ensuring it seamlessly fits your website's design and style. Choose the layout that best suits your aesthetic and functional needs, providing a cohesive look to your site.

Versatile Accordion Layouts

The Accordion widget offers numerous design skins, allowing you to pick one that matches your brand's aesthetics. Whether your site has a modern, minimalist, or traditional design, there's a skin that will enhance its visual appeal and reduce customization time.

Multiple Design Skins

With extensive customization options, the Accordion widget can be tailored to your exact specifications. Adjust colors, fonts, spacing, and more to create a widget that perfectly matches your website's look and feel.

Fully Customizable Accordion Widget

The Accordion widget is fully responsive, ensuring it looks great on any device. This mobile optimization is essential for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Design

The Accordion widget is designed for ease of use, requiring no coding skills for customization. Its intuitive dashboard makes it simple to modify, enabling anyone to integrate and personalize the widget effortlessly.

User-Friendly Interface

For developers and designers, the Accordion widget supports custom CSS. This feature allows for deeper customization, letting you fine-tune the widget's appearance and functionality to match your unique vision.

Custom CSS for Advanced Customization

Embedding the Accordion widget on your website is straightforward, requiring just a single line of code. This simplicity makes it accessible for users of all technical levels, and the widget updates automatically with every change you make.

Effortless Embedding

By using Collapsible Content, you can streamline your webpage, reducing clutter and improving load times. This helps create a faster, more efficient site, which can enhance user retention and search engine rankings.

Boost Site Performance with Collapsible Content

The Accordion widget ensures that your content is accessible and easy to navigate on mobile devices. This responsiveness enhances the mobile experience, catering to the growing number of mobile users and improving overall site accessibility.

Improve Mobile Usability

The Accordion widget allows you to present information in a clean, organized manner without overwhelming your audience. This makes it easier for you to manage and update your content, ensuring your site remains current and relevant with minimal effort.

Simplify Content Management

Accordion

Website Components

New!

Showcase Bluesky posts in a customizable, responsive carousel that updates automatically and engages users.

Navigate through Bluesky posts effortlessly using intuitive arrows and dot indicators. These tools make exploring your carousel simple and engaging for your visitors.

Smooth Scrolling with Arrows and Dots

Customize the Bluesky Feed Carousel’s design to match your website's style. You can adjust colors, fonts, spacing, and layouts to align seamlessly with your branding.



Fully Customizable Design Options

The Bluesky Feed Carousel Widget is optimized to look and work perfectly on all devices, ensuring a consistent and attractive display on desktops, tablets, and smartphones.

Responsive on All Devices

Control how fast the carousel scrolls and how long each post remains on display. These options allow you to create a tailored viewing experience for your audience.

Adjustable Carousel Speed and Timing

Keep your website current with a carousel that automatically updates to display your latest Bluesky posts. This ensures fresh content without manual effort.

Auto-Refreshing Bluesky Content

Enable clickable posts in your carousel, allowing visitors to interact directly with your Bluesky content and view individual posts with ease.

Clickable Posts for Deeper Engagement

The Bluesky Feed Carousel Widget is designed with simplicity in mind. Its intuitive interface makes setup and customization quick and hassle-free, requiring no coding knowledge.

Easy to Set Up and Use

For advanced users, the widget supports custom CSS, enabling you to fine-tune its design and functionality to meet your unique requirements.

Custom CSS for Advanced Personalization

Add the Bluesky Feed Carousel to your website effortlessly with just one line of code. The widget is compatible with all platforms and updates automatically for seamless integration.

Simple Embedding for Any Website

The Bluesky Feed Carousel Widget helps you showcase posts from your Bluesky account in an engaging, scrollable format, keeping your website content fresh and interactive.

Display Bluesky Posts in a Dynamic Carousel

By presenting Bluesky content in a user-friendly carousel, you encourage visitors to interact with your posts, increasing engagement and time spent on your site.

Boost Engagement with Scrollable Bluesky Feeds

The widget keeps your website updated by automatically pulling your latest Bluesky posts, ensuring your audience always sees fresh content without any manual updates.

Automatically Sync Your Latest Bluesky Posts

Bluesky Feed Carousel

Social Feeds

Displays multiple logos in a scrolling or rotating manner

Example 5

The Logo Slider widget features the ability to pause on hover and add various effects like scale, shadow, opacity, highlight and more!

Hover Effects 

You can customize the carousel layout any way you want to including changing its direction and speed!

Carousel Direction & Speed 

The Logo Slider widget features the ability to make logos clickable for easier navigation. 

Clickable Logos

The Logo Slider widget has two layout options — a carousel (slider) and a grid, enabling you to select the best design for your brand. 

Two Layout Options

The Logo 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!

The Logo Slider 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 Logo Slider 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

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

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

Easy To Embed 

Showcasing logos of companies that work with you and trust you is an easy way to elicit trust in potential new customers and establish your company’s credibility.

Establish Credibility And Trust with a Logo Slider

By showcasing partners, clients, and other companies that you are working with, you give a quick and clear indication to your readers as to what industry your company is in, thereby reinforcing your website’s message and design.

Grab Attention

With the Logo Showcase carousel, you can improve your design and make it more pleasing to the reader’s eye. Adding the logo slider can serve as a break between paragraphs and sections and can be used to create contrasting or complementing color schemes.

Enhance Design

Logo Slider

Images & Galleries

Customizable Display Rules

The Coupon Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Coupon Bar

The Coupon Bar widget features the “sticky” option, which can pin your Coupon Bar and fix it to your chosen position. That way, when the user scrolls, down or up, they’ll still see the Coupon Bar.

Sticky Feature

You can add a coupon code to the Coupon Bar widget to encourage action and improve conversions.

Add a Coupon Code

The Coupon Bar widget comes with a selection of beautiful icons that you can use to add to the Coupon Bar and enrich its visual appearance.

Show an Icon on the Coupon Bar

To enable the process of customization quicker, you can choose one of the many coupon templates available.

Multiple Coupon Templates

The Coupon Bar widget comes with a playful “shaking” coupon animation, with which you can draw attention to the coupon and encourage users to use it.

Shaking Coupon Animation

The Coupon Bar 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.

The Coupon Bar 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 Coupon Bar widget is fully responsive and will look great on any device. This feature will put you ahead of your competitors in a mobile-first world.

Perfectly Responsive Coupon Bar

The Coupon Bar 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 Coupon Bar

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

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

With the Coupon Bar widget, you can offer your site visitors coupons for discounts and other promotions in a prominent, hard-to-miss way.

Offer Discounts & Coupons to Customers with the Coupon Bar

The Coupon Bar widget comes with full customization options, a "sticky" feature, a "shaking" coupon animation, and templates and skins — all of which will draw your visitors' attention to the message you are trying to convey.

Use the Coupon Bar to Draw Attention

With this Coupon widget, you can easily tailor a message that will be visible and eye-catching, driving your users to action and boosting sales.

Boost Sales With Coupons

Coupon Bar

Boost Sales

Showcases images in a rotating or sliding manner

The widget comes with the option to change the carousel’s image sizes — from small, to large, vertical, or horizontal; you make the widget fit your specific needs.
Additionally, the widget also includes the ability to add captions to each image, giving you the ability to provide more information and guide visitors to other pages on your website. The carousel feature also allows for easy navigation between images, making it user-friendly and interactive.

Image Carousel Slide Size

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

Arrows & Pagination 

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

Slider Speed & Time Per Slide

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

Image Carousel Multiple Layouts

The Image Carousel widget is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. With this widget, you can change the colors, fonts, spacing, and a wide range of other design elements to create a custom look and feel tailored to your requirements.


Fully Customizable Image Carousel

The Image Carousel widget is fully responsive and will look great on any device, this feature can give you a significant advantage over your competitors in today's mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Shipping Costs per Zipcode, Zone, Country, State, City

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Back to Top Button

3D Cards

Accordion

Bluesky Feed Carousel

Logo Slider

Coupon Bar

Image Carousel

Creative Card Carousel

Tumblr Feed

Airbnb Reviews

All in One Reviews

Team Member Flip Cards

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Shipping Costs per Zipcode, Zone, Country, State, City

PrestaShop module

App Details

Pricing

Check Out the Back to Top Button Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Back to Top Button

3D Cards

Accordion

Bluesky Feed Carousel

Logo Slider

Coupon Bar

Image Carousel

Creative Card Carousel

Tumblr Feed

Airbnb Reviews

All in One Reviews

Team Member Flip Cards

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine