There is no google reCaptcha in opencart version 4, so this extension help you to use google reCaptcha in opencart version 4 Supports • Email - opencarttools@gmail.com • Skype - opencarttools Demo Demo - Admin • Admin ..

Google reCaptcha For OC4

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

Donation Button

Website Components

Make your titles stand out to capture the attention of your visitors

Example 1

Example 2

Example 3

Example 4

The widget offers 10 different animation effects, allowing site owners to choose the perfect style to match their website's theme and brand identity. This level of customization ensures that animated titles always blend seamlessly with the site's design.

Diverse Animation Effects

With advanced typography options, site owners can easily customize the font, size, and color of their animated titles to create the desired look and feel. These options enable users to maintain a consistent visual style across their website.

Advanced Typography Options

With our new feature in the Animated Headline Widget, you're no longer confined to animating only full sentences or headlines. You now have the ability to animate any segment of your sentence - be it the beginning, the middle, or the end. This feature gives you more flexibility to emphasize specific words or phrases, making your content even more engaging and interactive.

Animate for Any part of Your Sentence

The animated title widget is fully customizable, empowering site owners to modify every aspect of the title to suit their preferences. This level of control ensures that the final result is always in line with the desired outcome and the website's branding.

Complete Customization

The widget's fully responsive design ensures that animated titles display perfectly on all devices, including mobile phones, tablets, and desktop computers. This guarantees a consistent and enjoyable experience for visitors, regardless of the device they use.

Responsive Design

The Animated Title Widget features an easy-to-use interface, making it simple for site owners to create and customize their animated titles. This user-friendly approach ensures that even those with minimal technical knowledge can effectively implement the widget on their websites.

User-friendly Interface

For users with coding knowledge, the widget supports custom CSS, allowing for even more precise control over the appearance and behavior of the animated titles. This feature caters to advanced users who seek a higher level of customization.

Custom CSS Support

The animated title widget is simple to embed on any website with just one line of code, ensuring a hassle-free integration process. This ease of use makes it accessible to site owners of all skill levels, from beginners to experienced web developers.

Easy to embed on any website

The addition of an animated headline widget can greatly enhance a website's visual appeal, making it more attractive to visitors. This not only improves the user experience but also reflects positively on the site's brand and professionalism.

Improve your website's Aesthetics

Using animated headlines enables you to convey complex ideas or important information more effectively to your website visitors. This facilitates better communication and understanding, ensuring that both parties benefit from a more streamlined and informative user experience.

Better Communication

By emphasizing key messages or calls to action, the animated headline widget can effectively guide your website's visitors toward desired actions, such as signing up for a newsletter or purchasing. This ultimately leads to higher conversion rates and increased profits.

Increased Conversion Rates

Animated Headline

Get Creative

Create customizable leaderboards to display rankings and track participant scores.

Effortlessly personalize the Leaderboard Widget by adding custom names and images for each participant. This feature enhances the visual appeal of the leaderboard, making it easier for users to recognize and connect with top performers at a glance.

Customize Participant Names and Images

Enhance the Leaderboard Widget with custom icons, prefixes, and suffixes to represent different score types, like points, currency, or any custom label you choose. Use icons such as trophies or dollar signs, and add labels like "$" or "pts" for clear, intuitive scoring. You can also use free text to create any custom score type, ensuring your leaderboard is both visually appealing and easy to understand.

Customize Score Icons, Prefixes, and Suffixes for Clarity

Easily customize the Leaderboard Widget by adding dynamic fields to the table. This feature allows you to include extra information for each participant, such as achievements, ranks, or custom metrics, tailored to your needs. It provides the flexibility to adapt the leaderboard for various use cases, ensuring that you can display all the relevant details in a single, organized view.

Add Custom Fields for a Tailored Leaderboard

Showcase each participant’s progress towards a specific goal using the Leaderboard Widget’s built-in progress bar. This feature allows you to set custom goals, such as sales targets or point milestones, and visually track how close each participant is to achieving them. The progress bar provides a clear, at-a-glance view of individual achievements, adding an extra layer of motivation and competition.

Display Goals with a Progress Bar for Each Participant

The Ranking Board offers a special display option to emphasize the top three positions. This feature allows you to create a visually distinct podium for the 1st, 2nd, and 3rd place winners, making their achievements stand out. It’s a great way to celebrate the top performers and encourage healthy competition, drawing attention to those who reach the top spots.

Highlight Top Performers with a Special Podium Display

The Leaderboard Widget allows you to choose from various score types to suit your needs, including numerical scores and time-based options. This flexibility ensures that you can display and rank participants using the most appropriate format for your competition or event, providing accurate and meaningful results.

Flexible Score Types for Accurate Tracking

The Leader Board Widget offers a variety of beautiful design skins, allowing you to choose a style that aligns with your website's branding. These skins make it easy to create a leaderboard that looks professional and integrates seamlessly with your site's overall design, saving time on customization.

Choose from Multiple leaderboard  Design Skins

The Scoreboard Widget offers a wide range of customization options, allowing you to adjust colors, fonts, spacing, and more to fit your brand perfectly. This flexibility ensures that you can create a leaderboard that aligns with your website's design and meets your unique needs, creating a personalized experience for your users.

Fully Customizable Scoreboard Widget

The Leaderboard Display is fully responsive, ensuring that your leaderboard looks great and functions smoothly on any device, from desktops to tablets and mobile phones. This ensures a consistent user experience across all screen sizes, making your rankings accessible to all visitors.



Perfectly Responsive Leaderboard Display

The Leaderboard Widget is designed for ease of use, requiring no coding knowledge to set up and customize. Its intuitive interface allows you to quickly create and manage leaderboards, saving you time while ensuring a polished display of rankings.



Easy to Use Leaderboard Widget

For those who want more creative freedom, the Leaderboard Widget includes the option to add custom CSS. This allows you to fine-tune every aspect of the widget’s appearance, making it possible to match your leaderboard perfectly with your website’s style and design.

Custom CSS for Advanced Design Control

Embedding the Ranking Board is simple, requiring just a single line of code. This makes integration quick and hassle-free, no matter your technical skill level. Additionally, the widget automatically updates whenever you make changes, ensuring your leaderboard stays up-to-date without any extra effort.

Effortless Embedding of the Ranking Board on Any Website

Encourage competition and engagement on your website by displaying top performers through the Leaderboard. This feature helps create a sense of accomplishment and motivates participants to improve their scores, keeping them actively involved with your platform.

Drive User Engagement with Interactive Leaderboard

Highlight the top players or participants with visually appealing podium displays, boosting their recognition. This not only helps build a community but also creates an incentive for others to strive for higher performance, driving overall engagement.

Showcase Achievements with the Scoreboard Widget

The Leader Board Widget is highly adaptable, fitting seamlessly into various scenarios—from tracking sales reps' performance to ranking participants in a game or event. Its flexibility ensures it meets the specific needs of your site, making it a valuable addition to any competition or leaderboard-based activity.

Customizable Leaderboard for Any Use Case

Leaderboard

Gaming

User Engagement

New!

Showcases images in a collapsible format, expanding when clicked to reveal the selected image.

The Image Accordion comes with the option to choose the accordion’s direction — vertical or horizontal, enabling you to customize it to fit your design needs. The Image accordion widget also gives you the option to add several images and captions, providing you the freedom to present your content in a captivating manner.


Accordion Direction

The Image Accordion allows you to choose an image to focus on which will be put forward, making it the centerpiece of your visual presentation. You can show your content in an engaging way by using the image accordion widget, which also provides you the opportunity to add multiple images and subtitles.


Image Accordion Focus Items

When links are added to photos in an image accordion widget, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Adding Call For Action

Adding a title and description to each image in an Image Accordion widget can provide users with additional context and information about the image. This feature can enhance the user experience by making it easier for them to understand the content of the images and the overall purpose of the widget.

Additional Information

You may fully customize the Image Accordion widget to change the style to suit your needs. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable

Any website would benefit from the widget Image Accordion widget. It has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Image Accordion widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

Easy To Use

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Image Accordion widget. With this feature, you can easily customize every aspect of the widget's look and feel, from the colors and fonts to the layout and positioning. But if you're feeling particularly creative, you can take your customization to the next level by editing the CSS directly. This gives you the ability to make even more advanced changes to the widget, allowing you to make it your own. Whether you want to make a few simple tweaks or go all out with advanced customizations, our advanced editor has you covered.

Custom CSS

To embed the Image Accordion widget on your website, simply copy and paste the provided code snippet into the HTML of your webpage. Additionally, the widget is designed to be self-updating, meaning that any changes you make to the Image Accordion editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Image Accordion widget, you can display a large number of images in a small space, without overwhelming the users, thus saving space for other visual elements and improving the loading speed of your website.

Save Space & Improve Website Speed

The Image Accordion widget enables you to provide a better user experience by improving the organization of your content and allowing users to quickly browse through a series of images and find the information they need.

Improve User Experience

The Image Accordion comes with full customization options, and as such, it can greatly improve the aesthetics of your website by adding visual interest and interactivity to your pages. 


Enhance Aesthetics With Image Accordion

Image Accordion

Images & Galleries

Add interactive, two-sided cards to your website with customizable flip animations.

The Flip Card widget allows you to present content on both the front and back of each card, doubling your available space without overwhelming the layout. You can use the front side to highlight key information and the back side for extended details, links, or calls-to-action. This layered format keeps your design clean while delivering more value per card.

Two-Sided Content Display

Choose from a variety of sleek animation styles to control how your cards flip—up, down, left, right, or with push effects. These transitions add a sense of interactivity and motion that enhances user engagement. With just a few clicks, you can match the animation to your site’s tone, whether playful, dynamic, or professional.

Smooth and Customizable Flip Animations

The widget lets you populate cards with a wide variety of fields, such as images, titles, descriptions, pricing, contact details, and ratings. This comprehensive setup makes it ideal for showcasing products, services, or team members in detail. You can mix and match fields to fit any use case or structure.

Support for Diverse Content Types

Enhance your cards with interactive elements like clickable buttons, email links, phone numbers, and coupon codes. These features make it easy for users to engage directly with your content. Whether it’s tapping a link or revealing a deal, the Flip Card promotes hands-on interaction.

Built-In Interactivity to Drive Action

Arrange multiple fields on the same horizontal line for a cleaner, more compact card layout. This option is great for pairing elements like ratings and prices, or phone and location info. It helps you display essential data in a space-efficient, visually balanced way.

Neatly Align Fields Side by Side

The Flip Card widget comes with multiple layout configurations to suit different website designs. Whether you're building a grid of product showcases or a vertical list of team profiles, you can choose a layout that complements your site’s flow. This flexibility ensures that your flip cards look organized and professional on any page.

Variety of Layout Options

Save time and effort with a collection of beautifully crafted skins designed to fit a wide range of styles. Whether your website is sleek and modern or more playful and bold, there’s a skin that works right out of the box. Each skin offers a polished look without requiring manual design work.

Choose from Pre-Styled Flip Card Skins

Customize every visual element of the Flip Card widget—colors, fonts, spacing, borders, and more—to create a cohesive design that fits your site perfectly. These styling options give you the freedom to personalize each card while maintaining full consistency with your brand identity.

Fully Customizable to Match Your Brand

Flip Cards are designed to be fully responsive, so they display perfectly across all screen sizes and devices. Whether your visitors are browsing from desktops, tablets, or smartphones, they’ll enjoy a seamless and interactive experience. This mobile-friendly design ensures maximum engagement everywhere.

Optimized for All Devices

You don’t need any coding skills to use or customize the Flip Card widget. With a clean and intuitive editor, anyone can adjust content, styling, and animations with just a few clicks. This makes it easy to set up and manage your cards without technical help.

No Coding Required – User-Friendly Design

For developers and designers who want extra control, the widget supports custom CSS. You can tweak specific visual elements or create entirely unique styles to match advanced branding needs. This flexibility is perfect for adding a personal or professional touch beyond the standard options.

Add Custom CSS for Advanced Control

The Flip Card widget can be embedded into any website with a simple line of code. Once added, all changes you make in the editor are automatically reflected live on your site. This hands-off maintenance ensures your content always stays up to date without extra effort.

Easy Embedding on Any Website

Flip Card's engaging animation draws users’ attention and encourages interaction, making your content more noticeable. This helps reduce bounce rates and increases the time visitors spend on your site. Interactive content like this can play a big role in improving user experience and engagement metrics

Boost Engagement with Flip Card Visual Interactivity

By using Flip Cards to emphasize calls-to-action, promotions, or special features, you can guide visitors toward key conversion points. The engaging format helps important content stand out without overwhelming the page. This focused approach contributes directly to lead generation and sales growth.

Drive Conversions with Interactive Callouts

Use Flip Cards to present important details—like features, pricing, or team bios—in a compact and attractive format. By making the information both accessible and engaging, you help visitors absorb content more effectively. This boosts the chances they'll take desired actions, such as signing up or making a purchase.

Highlight Key Information Creatively

Flip Card Builder

Lists & Cards

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

The World Clock Widget provides a selection of different display styles, ranging from classic analog clocks with hands to modern digital and list displays. This variety allows you to choose a layout that best fits the aesthetic and functional needs of your website. Whether your site has a traditional feel or a more contemporary vibe, you can align the clock display accordingly, enhancing the visual appeal and user experience of your site.

Varied Clock Layouts

With the World Clock Widget, you have the flexibility to select the format of the marker for classic clock displays. You can choose to show numbers, only markers, or a combination of both. This feature allows for a high degree of customization, ensuring that the clock not only provides accurate time information but also aligns with the visual design of your website. It's perfect for tailoring the look of your clocks to match your site's theme, enhancing the overall aesthetic and functionality.

Customizable Markers Formats for Classic Clocks

The World Clock Widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the widget. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple design skins

The World Clock Widget empowers you to tailor the time display according to your preferences and audience needs. You can select between the 24-hour or the more traditional 12-hour clock format. Moreover, for the 12-hour format, there's an option to include or exclude the AM/PM indicator. This adaptability ensures that the widget's time presentation aligns.

Flexible Time Format Customization

The World Clock Widget comes with extensive customization capabilities, enabling you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a World Clock that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable World Clock widget

The World Clock Widget is designed to be fully responsive, ensuring it displays elegantly on any device. In today's mobile-first environment, this adaptability is crucial, as it guarantees that your website's time display is accessible and visually appealing on smartphones, tablets, and desktops alike. This responsiveness not only enhances user experience but also gives your site a competitive edge in accessibility and design.

Perfectly Responsive World Clock

The World Clock Widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the widget to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the widget, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use World Clock Widget

The World Clock Widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the widget's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the World Clock Widget on your website is a straightforward process, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding on Any Website

Integrating the World Clock Widget into your website allows you to connect more effectively with an international audience. By displaying various time zones, you demonstrate awareness and consideration for visitors from different parts of the world. This feature fosters a sense of inclusivity and global reach, which can be pivotal for websites with a diverse user base.

Get Global Engagement Enhancement with World Clock

Having the World Clock Widget on your site offers a practical advantage for users needing quick time zone references. It eliminates the need for visitors to look up time differences elsewhere, saving them time and effort. This convenience enhances user experience and can increase the time visitors spend on your site.

User Convenience Boost

For websites that deal with time-sensitive information or events (like webinars, live streams, or international conferences), the World Clock Widget is particularly beneficial. It helps in clearly communicating the timing of these events to a global audience, reducing confusion and ensuring better participation and engagement.

Enhanced Time-Sensitive Communication

World Clock

Add interactive areas on images that reveal extra information when clicked or hovered over.

Example 5

You can make your Image Hotspot clickable and link it to any URL. By making your image hotspot clickable and linking it to a specific URL, you can improve the user experience and increase conversions on your website. 

Linkable & Clickable

The Image Hotspot widget is a versatile and useful tool that can enhance any design project. With a total of 10 beautifully crafted icons to choose from, you have the flexibility to tailor your design to fit your specific vision. These icons can be easily applied to any design direction, making it easy to incorporate them into your work. Whether you are creating a website, marketing materials, or any other type of design project, the Image Hotspot widget has something for everyone. Its sleek and modern appearance is sure to elevate your design and add a touch of sophistication.

Awesome Icon Options

By animating your hotspot with a gentle motion, you can effectively draw your audience's attention toward it. This way you can make the hotspot more visible and engaging for your viewers, leading to increased interaction and engagement with your content.

Animation

By including a video within your hotspot's tooltip, you can add an extra layer of information and interactive elements to your content. This can be particularly useful if you are trying to convey complex ideas or concepts, as a video's visual element can help clarify and illustrate your points in a way that text alone may not be able to do. Additionally, including a video can help break up text-heavy content and provide a more engaging experience for your viewers. With the ability to add videos to your hotspots, you can enhance the user experience and increase engagement with your content.

Embed Video

There is the option to customize and alter the appearance of the hotspot tooltips. This allows you to tailor the style to fit the aesthetic of your website and create a more cohesive and visually pleasing experience for your users.

Tooltip

With the Image Hotspot widget, you have complete control over the look and feel of your design. You can easily customize various elements such as the colors, fonts, and spacing to match your brand or personal style. Whether you want to create a sleek, modern design or a more traditional look, the Image Hotspot widget has you covered. With its wide range of customization options, you can easily tweak and adjust every aspect of your design to get the perfect look for your project.

The Image Hotspot widget is a valuable tool for any website. Not only is it fully responsive, meaning it will adjust seamlessly to fit the screen size of any device, but it also has a sleek and modern design that will enhance the overall look of your site. In a world where more and more people are accessing the internet through their phones and tablets, it is crucial to have a website that is optimized for mobile viewing. The Image Hotspot widget will allow you to do just that, giving you an edge over competitors.

Google reCaptcha For OC4

OpenCart extension

App Details

Pricing

App Info

Some of the best Common Ninja extensions for OpenCart

Donation Button

Animated Headline

Leaderboard

Image Accordion

Flip Card Builder

World Clock

Image Hotspot

Notification Popup

Website Translator

Charts & Graphs

Creative Card Carousel

Restaurant Menu Flip Cards

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Google reCaptcha For OC4

OpenCart extension

App Details

Pricing

Check Out the Donation Button Widget

App Info

Some of the best Common Ninja extensions for OpenCart

Donation Button

Animated Headline

Leaderboard

Image Accordion

Flip Card Builder

World Clock

Image Hotspot

Notification Popup

Website Translator

Charts & Graphs

Creative Card Carousel

Restaurant Menu Flip Cards

extensions You Might Like

Discover the best apps for your website

Common Ninja Search Engine