Shows related products on the product page in a shuffle

Random sort related products

A button that, when clicked, scrolls to a selected element on the webpage

Example 1

Example 2

Example 3

Example 4

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

Easy Position Change

The widget features different arrow icons that you can choose from. Simply select the one that will complement your website’s design.

Different Icon Types

You can easily change the icon's direction as your needs require (Top, Right, Left, Bottom).

Icon Direction

The Scroll to Element Button 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 Scroll to Element 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.

Multiple Skins

The Scroll to Element 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!

Fully Customizable

The Scroll to Element Button 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 Scroll to Element 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

As with all of Common Ninja’s apps, you can add custom CSS to customize the Scroll to Element Button 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 Scroll to Element Button widget will also be updated automatically with every change you make.

Easy To Embed

The Scroll to Element Button provides users with easier on-site navigation as with a simple click, they will be transformed to the desired section of the page. This is ideal for pages where there’s a lot of text, and scrolling may be an annoyance.

Easy Navigation

The improved navigation that the Scroll to Element Button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again.

Improved User Experience

With simple navigation to the desired section 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.

More Engagement

Use the Scroll to Element Button widget when you want to guide visitors directly to an important section without forcing them to hunt for it. Instead of saying “see details below” and hoping people find the right spot, you place a button that scrolls smoothly to a specific block like pricing, features, FAQ, or a form. This creates a clear path from interest to action and keeps attention inside your designed flow. It is especially useful on landing pages, long sales pages, and documentation where critical information lives deeper down. By linking buttons to key sections, you remove ambiguity, highlight priorities, and make the experience feel more intentional and polished.

Scroll to Element Button

Popups, Bars & Buttons

Show off content in an inventive way using animated 3D card displays

It’s easy to follow information when it’s presented in an organized way, and when symmetry is applied, then the experience becomes even more enjoyable. 

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.

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.

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!

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.

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.

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.

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

Use the 3D Cards widget when you want key information to stand out through depth, motion, and a premium feel. Animated 3D effects make cards more noticeable than flat tiles, which helps drive attention to features, services, benefits, or portfolio items. This is ideal for landing pages and product highlights where you need visitors to pause and explore. Each card can carry a clear title, image, and short explanation, keeping the section structured while still feeling visually rich. The depth effect creates a sense of interactivity even before a click, improving engagement and time on page. With controlled motion and clean layout, 3D cards add polish without overwhelming the main narrative.

3D Cards

Get Creative

Lists & Cards

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

Use the Popup Builder widget when you need flexible, targeted overlays for signups, announcements, or offers and do not want to depend on separate tools. You can design popups that match your brand, choose triggers such as scroll, time, or exit intent, and define which pages or segments see them. This is ideal for collecting emails, promoting campaigns, showing gated content, or delivering important notices. When used thoughtfully, popups can lift conversions significantly while staying respectful of user experience. The builder gives you control to test messages, layouts, and timing so you find the balance that works best for your audience.

Popup Builder

Forms

E-Commerce

My Widget

The Pomodoro Widget is a customizable online timer with adjustable session lengths and easy website embedding

The Pomodoro Widget allows you to set your own work and break durations, giving you complete control over your time management. You can adjust the Pomodoro session length, short breaks, and long breaks to match your personal workflow. This flexibility ensures that the timer adapts to your productivity style, whether you're following the classic 25-minute method or a customized schedule.

Customize Your Pomodoro Timer Settings

With the Pomodoro Widget, you can rename each timer session to suit your needs. Whether you prefer "Focus Time" instead of "Pomodoro" or "Recharge" instead of "Short Break," custom labels help you stay organized. This makes the widget more intuitive and aligned with your work habits, improving your time-tracking experience.

Personalized Labels for Better Organization

The Pomodoro Widget offers multiple pre-designed skins, allowing you to choose a style that fits seamlessly with your website’s aesthetics. Whether you prefer a minimalistic look or a bold, eye-catching design, you can select a skin that enhances your site’s appearance. This feature ensures a visually appealing experience without the need for extensive customization.

Variety of Pomodoro Widget Design Skins

The Pomodoro Widget comes with extensive customization options, enabling you to modify colors, fonts, and other visual elements. You can tailor the widget to match your website’s branding, ensuring a cohesive and professional look. This flexibility allows you to create a Pomodoro timer that aligns perfectly with your design preferences.

Fully Customizable Pomodoro Widget

Designed for all devices, the Pomodoro Widget adapts seamlessly to desktops, tablets, and smartphones. Whether users are working from a computer or tracking their time on the go, the widget maintains a smooth and functional experience. This ensures accessibility and usability across different screen sizes.

Perfectly Responsive Pomodoro Widget

No coding skills are required to set up and customize the Pomodoro Widget. With an intuitive interface, users can easily adjust timer settings, labels, and appearances with just a few clicks. This user-friendly design makes it simple for anyone to integrate and modify the widget according to their needs.

Easy-to-Use Pomodoro Widget

For those who want more control over the widget’s design, the Pomodoro Widget supports custom CSS. This feature allows developers and designers to apply unique styles and modifications beyond the default customization options. It ensures that the widget can be finely tuned to match any specific branding or visual requirements.

Custom CSS for Advanced Styling

Adding the Pomodoro Widget to your website is quick and easy, requiring just a single line of code. Once embedded, any updates or changes you make to the widget will automatically reflect on your site. This seamless integration ensures that your visitors always experience the latest version without additional maintenance efforts.

Effortless Embedding on Any Website

The Pomodoro Widget helps users break their work into focused intervals, improving efficiency and reducing procrastination. By integrating it into your website, you provide visitors with a structured way to manage their time effectively. This leads to better work habits and increased task completion rates.

Boost Productivity with the Pomodoro Widget

A built-in Pomodoro Widget encourages visitors to stay longer on your site by offering a valuable productivity tool. Whether they are studying, working, or managing tasks, the widget helps them maintain focus while remaining on your page. This extended session time can improve engagement metrics and SEO performance.

Keep Users Engaged on Your Website

Adding a Pomodoro Widget to your site provides visitors with a helpful, real-world tool they can use immediately. Unlike static content, this interactive feature adds real value by assisting users in time management. A more engaging and useful website leads to repeat visits and higher retention.

Enhance User Experience with a Practical Tool

Use the Pomodoro Timer widget when you want to give visitors or users a practical tool for focus and productivity inside your site. The Pomodoro method is familiar and effective, and embedding a timer removes the need for external apps. This is valuable for learning platforms, coworking spaces, productivity blogs, wellness programs, and any site that supports deep work. Users can set work and break cycles, track sessions, and stay accountable while staying in your environment. Providing a useful tool increases time on site and strengthens your brand as a helpful resource, not just information. Over time, a built in timer can drive repeat visits because users return to run sessions where they already trust the setup.

Pomodoro Timer

Website Components

Displays user avatars with ratings for website credibility.

Upload images of your customers or users to visually demonstrate your brand's popularity and credibility. This feature enriches your site with authentic social proof, directly connecting visitors with the faces behind your product or service success stories.

User Avatar Upload

Enable a system within the Social Proof Avatars widget to visually display user satisfaction with customizable ratings, allowing site visitors to easily gauge the value of your offerings. Personalize rating icons to match your brand’s visual identity, ensuring that customer feedback is not only visually appealing but also straightforward for visitors to understand. This level of customization enhances your website’s aesthetic and trustworthiness, ensuring a consistent and engaging user experience that aligns with your brand’s theme and values.

Customizable User Ratings

Embed links with each avatar, offering visitors the opportunity to explore more detailed stories or testimonials. This feature connects your audience to deeper insights about user experiences, enhancing engagement and trust.

Link Integration

Easily set up a title and description for the Social Proof Avatars widget to tell a clear story about how much your customers trust and love your brand. This helps visitors quickly see the value people find in what you offer. It's a straightforward way to boost your website's appeal by highlighting your community's endorsements.

Use Captivating Title and Description

The Social Proof Avatars widget is available with multiple layouts, ensuring it complements your site's design and style. This variety lets you choose the perfect layout to meet both aesthetic and functional requirements, enhancing your website's user experience.

Varied Layouts

Offering a selection of beautiful skins, the Social Proof Avatars widget aligns with your brand and website aesthetics effortlessly. Whether your site's theme is modern, minimalist, or traditional, you'll find a skin that fits perfectly, elevating the visual harmony of your user interface.

Multiple Design Skins

With extensive customization options, you can tweak the Social Proof Avatars widget's design to match your specific needs. Alter colors, fonts, spacing, and more to create a look that's uniquely yours, ensuring the widget integrates seamlessly with your website's theme.

Designed to be fully responsive, the Social Proof Avatars widget guarantees a flawless display on any device. This adaptability is essential for maintaining a consistent user experience across desktops, tablets, and smartphones, catering to all your visitors.

Requiring no coding skills, the Social Proof Avatars widget is remarkably user-friendly. An intuitive dashboard simplifies customization, allowing you to adjust settings and preferences with just a few clicks, making it accessible for website owners of any technical level.

For those who wish to go beyond the standard customization options, the Social Proof Avatars widget supports custom CSS. This feature is perfect for web developers and designers looking to apply a unique touch or achieve specific design goals, providing maximum flexibility.

Integrating the Social Proof Avatars widget into your website is straightforward, needing just a single line of code. This simplicity ensures that your website can quickly benefit from enhanced social proof, with updates automatically applied to keep the display current without additional effort.

Effortless Embedding on any website

Integrating Social Proof Avatars widget on your website serves as a powerful testament to the trust and satisfaction your users or customers have in your offerings. This visual representation of user endorsements not only enhances your site's credibility but also builds a stronger connection with potential customers, encouraging them to engage with your brand.

Boosts Website Credibility

Social Proof Avatars widget act as a trust badge, subtly conveying the popularity and approval of your products or services. This not only elevates your brand's perception in the eyes of new visitors but also reinforces the loyalty of existing customers, creating a cycle of positive reinforcement for your brand.

Elevates Brand Perception

The dynamic display of Social Proof Avatars widget captures the attention of visitors, fostering a more engaging website experience. By showcasing the high regard of existing users, you naturally encourage new visitors to explore your offerings more deeply, significantly increasing the likelihood of conversion.

Enhances User Engagement

Use the Social Proof Avatars widget when you want to show at a glance that real people are engaging with your product or content. Rows of avatars with ratings or short labels communicate activity and satisfaction in a human, visual way. This is effective near signup forms, pricing sections, and key calls to action. Visitors can see that others like them already participate, which reduces the risk they feel in joining. It works particularly well for communities, courses, apps, and tools where peer presence matters. Social proof avatars turn abstract numbers into faces, which can be far more persuasive.

Social Proof Avatars

User Engagement

Reviews

A donate button that lets supporters give using PayPal

The PayPal Donate Button connects your website with reliable payment processing options, allowing you to accept donations through PayPal and supported gateways. This flexibility helps you align online giving with your existing payment setup while offering donors a familiar and secure checkout experience.

Accept Donations Through Trusted Payment Providers

The PayPal Donate Button includes configurable email alerts and webhook support to keep you updated on donation activity. Notifications can be enabled for both site owners and donors, making it easy to track contributions, confirm successful payments, and stay informed without manual monitoring.

Stay Informed with Donation Alerts and Webhooks

The PayPal Donate Button lets you view all donation transactions directly from your dashboard in one organized list. You can also export donation records as a CSV file, making it easy to analyze contributions, reconcile payments, or share data with accounting and reporting tools. This visibility helps you manage donor activity efficiently and make informed decisions based on real data.

Review and Export Donation Activity with Ease

The PayPal Donate Button allows you to include taxes and shipping related charges as part of the donation flow when needed. This option is useful for organizations that offer physical rewards, merchandise, or region specific tax requirements. By defining these values manually, you ensure that the final amount presented to donors is clear and accurate. This added transparency helps avoid confusion at checkout while giving you better control over pricing and compliance.

Add Taxes and Additional Charges for Accurate Totals

The PayPal Donate Button lets you display custom messages once a donation is completed. You can confirm that the payment was successful, thank supporters for their contribution, or share next steps. Clear post payment messaging adds transparency to the process and helps reinforce trust, while also strengthening the relationship between your organization and its supporters.

Show Confirmation and Thank You Messages After Payment

The PayPal Donate Button includes multiple pre designed styles, allowing you to choose a look that fits your website without spending time on manual design work. A visually appealing button draws attention, feels trustworthy, and can encourage more visitors to complete their donation. These built in styles make it easy to create a polished and inviting donation experience.

Select a Ready Made Style for Your Donate Button

The PayPal Donate Button gives you full control over its appearance so it fits naturally into your website. You can adjust colors, fonts, spacing, and layout details to align with your brand identity. A consistent and recognizable design helps donors feel confident and familiar with your organization, which can lead to higher trust and increased support.

Customize the PayPal Donate Button to Match Your Brand

The PayPal Donate Button is designed to adapt seamlessly across desktop, tablet, and mobile screens. This responsive behavior ensures that donors can complete contributions comfortably from any device. In a mobile focused browsing environment, this consistency helps reduce friction and increases the chances of successful donations.

Deliver a Smooth Donation Experience on Any Device

Using the PayPal Donate Button does not require coding or technical experience. An intuitive dashboard allows you to customize the button, manage settings, and apply changes with just a few clicks. This simple setup process makes it easy to launch and maintain a professional donation flow without development effort.

Set Up and Manage Donations Without Technical Skills

For advanced customization, the PayPal Donate Button supports custom CSS. This allows designers and developers to fine tune visual details such as spacing, typography, animations, and layout behavior. With custom styling, you can ensure the donate button integrates perfectly with your website’s design system and overall aesthetic.

Extend Styling Control with Custom CSS

Adding the PayPal Donate Button to your website is quick and straightforward. Simply copy a single embed code and paste it into your site. Any updates you make through the dashboard are applied automatically, so your donation button always stays up to date without requiring manual changes or redeployment.

Embed the PayPal Donate Button in Seconds

Adding a PayPal Donate Button gives visitors a simple way to take action and support your mission directly from your website. By lowering the barrier to contribution, you invite users to participate rather than just observe, helping build stronger relationships and a more involved community around your cause.

Turn Visitors into Active Supporters

A PayPal Donate Button makes recurring contributions easy to set up and manage. When visitors can quickly opt into regular giving, it becomes easier to nurture long term donor relationships. Consistent contributions help create predictable support and allow your organization to plan and grow with confidence.

Make Ongoing Support Easy to Commit To

Placing a PayPal Donate Button prominently on your site removes friction from the donation process. Clear messaging, flexible contribution options, and a trusted payment experience can encourage higher participation and more generous donations, helping you reach your funding goals more effectively.

Increase Contributions with a Frictionless Giving Experience

Use the PayPal Donate Button when you want to collect financial support quickly and without friction. It opens a secure payment flow through PayPal or Stripe, allowing supporters to contribute without going through a full checkout process or storefront. You can place the button on campaign pages, blog posts, event listings, or sidebars where engagement is highest. This approach works especially well for nonprofits, creators, community projects, and open source initiatives. By offering a clear and trusted way to give at the right moment, you reduce hesitation and encourage donations when visitors feel most connected to your cause.

PayPal Donate Button

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

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.

Random sort related products

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Scroll to Element Button

3D Cards

Popup Builder

Pomodoro Timer

Social Proof Avatars

PayPal Donate Button

Donation Button

HIPAA Compliance Forms

Company Branch List

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Random sort related products

OpenCart extension

App Details

Pricing

Check Out the Scroll to Element Button Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Scroll to Element Button

3D Cards

Popup Builder

Pomodoro Timer

Social Proof Avatars

PayPal Donate Button

Donation Button

HIPAA Compliance Forms

Company Branch List

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine