<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Updated module to fully comply with the regulations regarding <strong>cookies of Mars 2021</strong>. It allows you to block cookies until you obtain the consent of the user who accesses your website. And the possibility of selecting the type of cookies to install.</div> </div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Línea Gráfica

EU Cookie Law GDPR (Banner + Blocker)

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!

A payment button that initiates a linked payment form with PayPal or Stripe for convenient and secure transactions

The Payment Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This compatibility ensures seamless integration into your existing e-commerce platform, allowing for a more flexible and user-friendly payment experience.

Multiple Payment Gateway Integrations for the Payment Button

The Payment 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. Keep track of your sales efficiently with this powerful tool.

Payment Button Email Notifications

The Payment Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export of these transactions into a CSV file.

Displaying and Exporting Transactions to a CSV File

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

Option To Add Taxes & Shipping Prices

The 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. Adding a personal touch can make your customers feel valued and foster long-lasting relationships.

Option To Add Post-Payment Messages

The Payment 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. Offering a visually appealing Payment Button will attract more customers and enhance their overall shopping experience.

Choose from Multiple Skins for Your Payment Button

The Payment 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! These personalized adjustments will enable you to maintain consistent branding across your online presence, improving customer recognition and trust.

Completely Customizable Payment Button

The Payment 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. By catering to all screen sizes and devices, you increase the likelihood of capturing sales and maintaining user engagement.

Perfectly Responsive Payment Button

The Payment 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 Payment Button

In addition to the built-in customization options, our Payment Button widget allows you to incorporate custom CSS, enabling even more creative control over its appearance. With this feature, you can fine-tune the widget to perfectly align with your website's design and brand identity.

Payment Button Custom CSS for Enhanced Creativity

Embedding the Payment Button on your website is a breeze – simply copy and paste a single line of code. Additionally, the Payment Button widget will update automatically with every change you make, ensuring your website remains current and functional without any extra manual intervention.

Effortless Embedding the Payment Button

A payment button streamlines the payment process, allowing customers to make a purchase quickly and easily with just a few clicks. This can reduce the time and effort required for customers to complete a payment, leading to increased sales and customer satisfaction. Integrating the Payment Button will undoubtedly enhance your website's functionality.

Effortless Payment Process with Payment Button

A payment button can simplify the checkout process, reducing cart abandonment and increasing sales. Customers can quickly complete their purchases without navigating through multiple pages, providing a sense of security and trust in the website's payment processing. This easy-to-use feature will help your business grow and prosper.

Payment Button: Boost Sales & Minimize Cart Abandonment

A payment button can improve user experience by streamlining the checkout process, making it more convenient and efficient for customers. With just a few clicks, users can quickly and securely complete their purchase without the need to navigate through multiple pages. Implementing this Payment Button is a smart way to keep your customers happy and engaged.

Enhanced User Experience with the Payment Button

Payment Button

Website Components

Example 1

Example 2

Example 3

Example 4

Example 5

The Promo Code Popup widget comes with a powerful lead-building feature — email collection, that will require users to enter their email addresses to receive the coupon, which you will later use for your promotional campaigns.

Email and lead Collection

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

Multiple Layouts

To add further flexibility in customizing your Coupon Code Popup widget and making it more unique, there are various styles of coupons available that you can choose from and use.

Various Coupon Styles

The Coupon Pop-UP widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Promo Coupon Pop-Up 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 Coupon Code Popup 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 Discount Popup 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

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

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

Custom CSS

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

Easy To Embed

With the Coupon Code Popup widget, you can collect email leads (this is, of course, optional) and use these leads later for your promotional email campaigns.

Collect Leads with Coupon Popup

The Discount Code Popup widget's clear visibility, display options, and easy navigation — via the CTA button, and the one-click coupon copying — increase the chances of users seeing and using the coupons to purchase from your website, thereby greatly increasing conversions.

Use Coupon Pop up to Increase Conversions

With complete customization options, various layouts, and coupon styles the Coupon Popup widget is hard to miss and will be immediately noticeable to users who visit your website.

Draw Attention

Coupon Popup

Popups, Bars & Buttons

Boost Sales

Collect and manage donations securely with a customizable, easy-to-integrate online donation form

The Donation Form offers a wide range of fields to choose from, allowing you to tailor the form to your specific needs. From basic fields like name and email to specialized input options, you can build a donation experience that suits your organization. Simply click “Add Field” and arrange them easily using drag-and-drop functionality.

Customize Your Donation Form with Various Field Options

With the Online Donation Form, you can efficiently manage and view all submitted donations in an organized display. This feature allows you to track donor information and contributions with ease, making it simple to monitor fundraising progress. Having all donation records in one place helps streamline donor relations and financial reporting.

Effortless Donation Tracking and Entry Management

The Fundraising Form supports file and image uploads, making it easy for donors to submit additional documents when needed. Whether it's proof of payment, sponsorship details, or any supporting material, this feature adds flexibility to your donation collection process. It’s particularly useful for organizations that require extra documentation from contributors.

Accept File and Image Uploads with Your Donation Form

The Online Donation Form allows you to accept payments directly, providing donors with a seamless and secure contribution process. Whether you’re raising funds for a nonprofit, a personal cause, or a community project, this integration ensures smooth transactions. With secure payment processing, donors can confidently support your mission.

Secure Payment Collection Directly Through the Donation Form

Incorporate headings, descriptions, and images into your Fundraising Form to create a more informative and engaging donation experience. Adding context to your form helps donors understand the cause and increases the likelihood of contributions. This feature allows you to communicate your message effectively while keeping the form visually appealing.

Enhance Your Form with Text and Images for Better Engagement

The Donation Form allows you to personalize the header and footer by adding custom text, images, or branding elements. This feature ensures that your form aligns with your website’s overall aesthetic and reinforces your organization's identity. A well-branded form builds credibility and trust with potential donors.

Customizable Header & Footer for a Branded Donation Experience

Enable CAPTCHA verification on your Online Donation Form to prevent spam and fraudulent submissions. This feature ensures that only real donors can complete the form, keeping your records clean and reliable. By blocking automated bots, you can maintain the integrity of your donation process.

Protect Your Donation Form from Spam and Bots

The Fundraising Form allows you to export all donor submissions to a CSV file, making it easy to import data into other tools or software. This feature is perfect for nonprofits and organizations that need to analyze donation trends or integrate donor data into CRM systems. Keeping an organized record helps with reporting and future outreach efforts.

Export Donation Data to CSV for Easy Record-Keeping

With the Fundraising Form, you have the option to enable multiple submissions, allowing donors to contribute more than once. This is useful for ongoing campaigns where donors may want to make additional contributions over time. Providing flexibility encourages continued support for your cause.

Allow Multiple Donations from a Single Donor

Stay updated with every contribution by enabling automated email notifications on your Donation Form. You can receive alerts for each new donation and even send confirmation emails to donors as a receipt. This feature ensures timely communication and acknowledgment of contributions.

Receive Instant Notifications for New Donations

The Online Donation Form is designed for ease of use, requiring no technical knowledge to set up and customize. With an intuitive interface, you can adjust the form’s design, fields, and settings in just a few clicks. This accessibility ensures that anyone can create a professional donation form without any coding experience.

User-Friendly Donation Form with No Coding Required

The Donation Form comes with various pre-designed skins, allowing you to instantly apply a polished look without extensive customization. Whether your website has a modern, classic, or minimalist design, there’s a skin that fits your brand. This feature helps you set up a visually appealing form in no time.

Choose from Multiple Pre-Designed Skins for Quick Setup

With complete customization options, the Fundraising Form allows you to modify colors, fonts, spacing, and layout. Adjust the design to align with your brand’s identity and website aesthetics. This flexibility ensures that your donation form integrates seamlessly with your site.

Fully Customizable Design to Match Your Brand

The Online Donation Form is fully responsive, ensuring a smooth donation experience across all devices. Whether accessed on a smartphone, tablet, or desktop, the form adjusts perfectly to the screen size. Mobile optimization is crucial for capturing donations from users on the go.

Mobile-Optimized Donation Form for Any Device

For those with design expertise, the Donation Form supports custom CSS, allowing for deeper styling modifications. This feature is perfect for developers and designers looking to create a unique donation experience. With full control over the form’s appearance, you can make it truly stand out.

Advanced Customization with CSS for Unique Styling

Embedding the Fundraising Form on your website is simple—just copy and paste a single line of code. The form updates automatically with any changes made in the editor, ensuring a hassle-free experience. This effortless integration allows you to focus on fundraising while the form takes care of itself.

Easy Integration: Embed the Donation Form with One Click

A smooth and user-friendly Online Donation Form makes it easier for supporters to contribute. By reducing friction in the donation process, you can encourage more visitors to complete their contributions. This helps maximize fundraising efforts and increase financial support for your cause.

Increase Donations with a Seamless Online Donation Form

A well-designed Fundraising Form gives donors confidence in your organization. With secure payment options and a visually appealing layout, your website will appear more credible and trustworthy. This encourages more people to donate, knowing their contributions are in safe hands.

Enhance Donor Trust with a Professional Fundraising Form

Many donors prefer to give via their smartphones, and a fully responsive Donation Form ensures a seamless experience on any device. Whether on a desktop, tablet, or phone, supporters can easily make contributions without technical issues. This accessibility increases overall donation potential.

Expand Your Reach with a Mobile-Friendly Donation Form

Donation Form

Forms

A code snippets widget compatible with various layouts, themes, and more rich features

Our Code Snippets Widget offers a diverse selection of visually appealing themes to match your preferred coding environment. Choose from a range of stylish themes, including dark and light modes, or even create your custom theme. Tailor your code presentation to your liking and create an immersive coding experience that reflects your unique style and preferences.

Beautiful Code Themes

With our Code Snippets Widget, you can showcase multiple code snippets in a clean and organized manner. Effortlessly toggle between snippets using intuitive tabs or present them in a list layout for easy comparison.

Multiple Code Snippets

Our Code Snippets Widget comes equipped with a powerful AI code assistant to supercharge your development process. Get intelligent code suggestions and context-aware recommendations, enhancing your productivity.

AI Code Assistant

Our Code Snippets Widget comes equipped with built-in formatting options to ensure clean and consistent code presentation.

Formatting Options

The Code Snippets Widget incorporates advanced syntax highlighting, making your code visually distinct and easier to read. 

Syntax Highlighting

Our Code Snippets Widget supports various file extension types and displays the corresponding file icon for each extension.

File Extension Support

The Code Snippets 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

With the Code Snippets 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 Code Snippets 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 Code Snippets 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 Code Snippets widget will allow you to do just that, giving you an edge over competitors.

Our advanced editor is a powerful tool that gives you complete control over the appearance of the Code Snippets 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.

To embed the Code Snippets 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 Code Snippets Editor will be reflected automatically on your website without the need for any additional manual updates.

Easy to Embed

For developers, students, and enthusiasts, our Code Snippets Widget enhances visual learning by presenting code samples with syntax highlighting and line numbering. Ignite passion for coding and create an engaging learning experience that sets you apart.

Empower Visual Learning

Enrich your technical content without sacrificing clarity. Embed code snippets seamlessly, enhancing explanations and making them easy to follow. Perfect for programming concepts and real-world examples.

Streamline Code Presentation

The Code Snippets Widget showcases your programming expertise with visually appealing displays. Share multiple code snippets, captivate your audience with interactive showcases.

Implement Code Showcases

Code Snippets

Get Creative

Show image and company branches cards that, when clicked, flip to reveal additional content on the other side


The Company Branch Flip Cards widget comes available with six different layouts that can fit any design, from smaller images and larger text to images on the side, in circles, squares, and more!

The Company Branch Flip Cards widget features the ability to add icons, instead of images, and sports a large selection of icons that can be used.

A Large Selection of Icons

The Company Branch Flip Cards widget allows you to add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Location, Working Hours & Supplementary Symbols

As befits a flip card, the widget comes available with a fluid flip animation that will make your page more interactive, look more lively, less static and not boring.

Flip Animation

The Company Branch Flip 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.

Beautiful Skins

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

Easy To Use Company Branch Cards Widget

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

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

Easy To Embed 

The Company Branch Flip Cards widget will enable you to provide important information about many different branches in a concise way, which will be easily accessible by your users.

Easy Access To Information

The Company Branch Flip Cards widget with its full customization features will be a great visual addition to your website. You can design and customize it any way you want, to complement your existing design.

Enhanced Design

The Company Branch Flip Cards widget will improve your users’ experience by providing quick and easy access to important information. This, in turn, will most certainly affect their decision-making process in your favor.

Better User Experience

Company Branch Flip Cards

Lists & Cards

Adds a clear notice about cookie usage on your website, improving compliance with data privacy laws.

The Cookies Consent Bar widget provides a straightforward and clear cookie consent notice. The concise and understandable language used in the message ensures that all site users are instantly aware that cookies are in use.

Simple and straight forward cookies consent bar

The Cookies Consent Bar widget features an intuitive "Got it" button for users to acknowledge the cookie usage. This user-friendly design makes it easy for visitors to accept the terms without having to navigate through complex options.

EU Cookie Law GDPR (Banner + Blocker)

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Leaderboard

Payment Button

Coupon Popup

Donation Form

Code Snippets

Company Branch Flip Cards

Cookies Consent Bar

YouTube Slider

Image Poll

Course Registration Form

Social Votes

HIPAA Compliance Forms

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

EU Cookie Law GDPR (Banner + Blocker)

PrestaShop module

App Details

Pricing

Check Out the Leaderboard Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Leaderboard

Payment Button

Coupon Popup

Donation Form

Code Snippets

Company Branch Flip Cards

Cookies Consent Bar

YouTube Slider

Image Poll

Course Registration Form

Social Votes

HIPAA Compliance Forms

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine