<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>A module for generating product references.</div><div>Supports various reference templates, automatic and manual generation, combinations, mass edit.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Product Reference Generator

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!

Add interactive links, product cards, and buttons to your videos with ease.

The Interactive Video widget allows you to embed clickable links directly onto your videos. This feature provides an easy way to guide viewers to additional content, products, or services seamlessly. By integrating links, you can create a more engaging and interactive viewing experience, helping drive traffic to specific pages and boosting conversions.

Add Interactive Links with the Interactive Video Widget

With the Interactive Video widget, you can add product cards featuring an image, title, and description to your videos. This allows you to showcase products or services directly within your video content. By providing detailed product information and visuals, you can increase viewer interest and drive sales without interrupting the viewing experience.

Enhance Videos with Product Cards Using the Interactive Video Tool

The Interactive Video widget enables you to place custom buttons within your videos. These buttons can be used to prompt specific actions, such as signing up for a newsletter, learning more about a topic, or making a purchase. By integrating call-to-action buttons, you can guide your audience towards desired outcomes and enhance the interactivity of your video content.

Boost Engagement with Custom Buttons on Interactive Videos

The Interactive Video widget offers flexible video dimension options to fit your website's design. You can select from preset sizes suitable for mobile, landscape, and other standard formats, or define custom dimensions to perfectly match your layout requirements. This adaptability ensures that your videos are displayed optimally, enhancing the visual appeal and user experience on your site.

Customize Video Dimensions with the Interactive Video Widget

The Interactive Video widget offers versatile positioning options to seamlessly integrate videos into your website. You can display videos inline as part of your page content or have them minimized and floating at one of the page corners. When a viewer clicks to play, the minimized video will expand, providing an engaging and immersive experience. This flexibility ensures that your videos are always presented in the most effective and user-friendly manner.

Flexible Video Positioning with the Interactive Video Widget

The Interactive Video widget provides a range of beautiful skins, enabling you to align the design seamlessly with your brand and website aesthetics. This variety not only enhances the visual appeal of your site but also reduces the time and effort involved in customization, ensuring a cohesive and attractive user interface.

Select from Multiple Interactive Video Widget Design Skins

The Interactive Video widget comes with extensive customization capabilities, allowing you to modify its design to suit your specific requirements. You can adjust colors, fonts, spacing, and other elements, giving you the flexibility to create a widget that is both functional and uniquely tailored to your website's aesthetic.

Fully Customizable Interactive Video Widget

The Interactive Video widget is designed to be fully responsive, ensuring it displays elegantly on any device. In an era where mobile optimization is crucial, this feature is key to delivering a consistent user experience across all devices.

Perfectly Responsive Interactive Video Widget

The Interactive Video 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, enhancing your website's functionality without needing specialized knowledge.

Easy to Use Interactive Video Widget

The Interactive Video widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers who want 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 your website's specific style and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Interactive Video widget on your website is straightforward, 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 your website always displays the most current version of the widget without any extra effort.

Effortless Embedding of the Interactive Video Widget on Any Website

Adding interactive elements to your videos can significantly enhance user engagement. This feature encourages viewers to interact with your content, leading to longer watch times and higher retention rates.

Boost User Engagement with Interactive Video

The Interactive Video widget can help convert viewers into customers by incorporating clickable links, call-to-action buttons, and forms directly within the video. This seamless integration can lead to higher conversion rates and improved business outcomes.

Drive Conversions with Interactive Video Tool

Interactive videos provide a dynamic and engaging user experience. By allowing users to interact with the video content, you can create a more immersive experience that keeps visitors on your site longer and encourages them to explore more of your content.

Enhance User Experience on Your Website

Interactive Video

Boost Sales

Media

Merge Instagram content with a slider for dynamic website visuals

Introduce an interactive element to your Instagram Slider with hover effects. As visitors navigate through your Instagram content, subtle effects can highlight images under the cursor, providing a more dynamic and engaging user experience.

Interactive Hover Effects

Keep your content fresh and engaging with the Instagram Slider's auto-refresh feature. This ensures that your website always displays the latest images from your Instagram feed without any manual updates, offering a continually evolving visual experience to your visitors.

Seamless Feed Auto Refresh

Make each image in your Instagram Slider a gateway to deeper engagement. Clickable images can lead visitors directly to your Instagram posts, encouraging interaction and exploration of your Instagram profile, fostering a stronger connection between your website and social media presence.

Direct Engagement with Clickable Images

Tailor the Instagram Slider to your exact preferences with extensive customization options. Adjust colors, fonts, and more to match your website's style, making your Instagram content stand out uniquely.

Full Customization Capabilities

The Instagram Slider ensures your content looks stunning on any screen size. Its responsive design adapts to different devices, providing an optimal viewing experience for all visitors.

Responsive Across Devices

The Instagram Slider offers a straightforward interface, enabling effortless personalization and application, ensuring a seamless experience even for those with no technical expertise.

Easy to use Instagram Slider

 For those who wish to delve deeper into customization, the Instagram Slider supports custom CSS. This feature allows for advanced styling and personalization, ensuring your widget perfectly captures your website's essence.

Creative Freedom with Custom CSS

Embedding the Instagram Slider is straightforward, requiring no coding skills. Its user-friendly setup allows for easy integration into your website, enhancing its functionality and visual appeal.



Easy to embed on any website

By combining Instagram feeds with a dynamic slider format, this widget significantly boosts visual engagement on your website. It showcases your latest Instagram content in a more interactive and appealing manner, encouraging visitors to spend more time exploring your visuals.

Enhanced Visual Engagement with Instagram Slider

The Instagram Slider widget automates the process of updating your website with fresh content from your Instagram feed. This seamless integration ensures your site remains vibrant and up-to-date with minimal effort, enhancing your online presence and keeping your audience engaged.

Streamlined Content Updates

By showcasing your Instagram content in an attractive slider format, you not only enhance your website's appeal but also encourage visitors to follow your Instagram profile. This can lead to increased social media engagement and growth in your online community.

Increase Social Media Following

Instagram Slider

Images & Galleries

Social Feeds

Create your form for any purpose with a friendly form builder

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Effortlessly craft tailor-made forms with our form builder, designed to cater to your unique requirements and user intentions. Add and choose from an extensive variety of field types, ranging from basic to specialized formats, with a simple click. Rearrange fields effortlessly using the drag-and-drop feature for the perfect form layout.

Various Form Fields To Select From

The Form Builder enables you to effortlessly manage and view all submissions in a user-friendly, organized display. This feature allows you to keep track of all the collected data and user responses, facilitating faster and more efficient follow-ups and decision-making.

Easy Entry Collection

The Form Builder's submission data can be exported to a CSV file, enabling seamless import into other software or tools for in-depth analysis or integration. This functionality is highly beneficial for businesses seeking to maintain comprehensive records of client interactions and for data analysis and reporting objectives.

Export the Form Submissions to CSV

With our Form Builder, effortlessly receive files and images submitted by your users. This powerful feature is designed to cater to businesses and professionals who need to gather crucial information, documentation, or visual assets from their clients or customers. No matter the industry, our Form Builder streamlines the process, making it easier than ever to collect the necessary data to drive your business forward and ensure client satisfaction.

Use the Form To Receive Files and Images

The Form Builder allows you to accept payments directly through your forms for any need. Whether you’re handling event registrations, selling products, collecting donations, or offering services, this feature seamlessly integrates secure payment options. With a straightforward setup and reliable payment processing, you can enhance your form’s functionality while delivering a convenient experience for your users.

Collect Payments Easily for any need

Incorporating headings, descriptive text, and visuals into your form enables a more comprehensive and intuitive submission experience for users. By integrating instructive form components, you guide users through the submission process, ensuring a seamless and efficient experience that ultimately boosts the chances of conversion.

Enhance Your Form with Engaging Content and Visuals

The Form Builder offers the ability to personalize the form's header and footer, including the option to add images. This feature empowers you to reinforce your brand identity and create a polished, visually engaging form that seamlessly integrates with your website's overall design and aesthetic.

Personalize Headers & Footers for Your Form

The Form Builder provides the option to enable notifications for both the form owner and the submitting user. Configure automated email notifications for each form submission, allowing you to send alerts to multiple email addresses, as well as deliver a confirmation email to the user upon successful submission.

Streamlined Email Notifications and Confirmations

The Form Builder offers the option to enable the CAPTCHA anti-spam feature, requiring users to complete a verification step before submitting the form. This functionality effectively prevents bots and automated scripts from sending spam messages, ensuring that you receive authentic submissions from real users.

Prevent Spam in Your Form Submissions

The Form Builder is designed to create perfectly responsive forms, ensuring that your users can access and submit them effortlessly, regardless of the device or screen size. Our Form Builder's responsive design ensures that your forms look great and function perfectly on any device, including desktops, laptops, tablets, and mobile devices, maximizing your audience reach and engagement.

Form Builder Widget: Perfectly Responsive Forms

The forms ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Forms

The Form Builder widget comes equipped with a diverse selection of attractive skins, allowing you to jumpstart the design process and create visually appealing forms in no time. These pre-designed templates save you the effort of extensive customization while ensuring your form aligns with your desired style and aesthetic, resulting in a seamless user experience.

Pre-Designed Skins for Effortless Form Aesthetics

The Form Builder provides the option to enable multiple submissions by a single user, facilitating situations where users need to update or supplement their submitted information. With this feature enabled, users can submit the form multiple times without encountering any restrictions, ensuring that they can provide accurate and complete data.

Multiple Submissions

The Form Builder offers complete customization options, enabling you to edit and tailor the form's design to suit your specific needs. Whether it's changing colors, fonts, field sizes, or layouts, our Form Builder gives you the flexibility to fully customize your forms with ease, ensuring a seamless user experience that aligns with your brand and objectives.





Create Fully Customized Forms with Ease

The Form Builder is incredibly user-friendly and requires no coding knowledge to use. With just a few clicks, you can customize your forms to your liking using our intuitive interface, streamlining the process and eliminating the need for technical expertise.

Easy to use Form Builder

The Form Builder's advanced editor is an incredibly powerful tool that gives you complete control over every aspect of your form's appearance. In addition to the user-friendly interface that allows you to customize colors, fonts, and layout, the CSS editing feature enables you to take customization to a whole new level. With CSS editing, you can fully customize your form's design, ensuring that it aligns perfectly with your brand's image and objectives. Whether you're a beginner or an experienced designer, the Form Builder's CSS editing feature empowers you to create stunning, unique forms with ease.

Take Customization to the Next Level with CSS Editing

Integrating the Form widget onto your website is effortless, requiring only a copy-and-paste of the provided code snippet into your HTML page. Additionally, the widget is designed to be auto-updating, ensuring that any changes you make using the Form Builder editor will automatically reflect on your website, eliminating the need for manual updates.

Easy To Embed Form

Discover the future of form creation with our state-of-the-art form builder. Say goodbye to tedious, time-consuming processes, and embrace the simplicity and power of this versatile tool. Effortlessly design stunning forms for surveys, registrations, feedback, or contact needs, and watch your audience enjoy a seamless user experience, all while you capture the crucial data that drives your success.

Revolutionize Your Form Creation Experience

Our form builder offers unparalleled customization and flexibility, with a wide array of unique and advanced field types to accommodate your specific needs. This means users can tailor forms to their requirements, without any need for coding or technical expertise. The editor's user-friendly interface allows for easy customization and design, ensuring that the forms not only capture the necessary data but also align with the users' brand and aesthetics.

Comprehensive Customization and Flexibility

Our form builder simplifies data collection and management like never before. With the click of a button, submitted data is automatically organized into a user-friendly table, making analysis and interpretation a breeze. Focus on what truly matters - making data-driven decisions and optimizing your business or organization.

Data Collection Made Easy

Form Builder

Forms

Upload a sequence of images, create engaging stop-motion displays, and enhance website interactivity.

The Stop Motion Player widget makes applying filters to your images easy, with advanced settings for more control. This feature enables a variety of visual effects to align with your website's aesthetic. Advanced filtering allows for fine-tuning image appearance, enhancing your website's visual appeal.

Advanced Image Filters

The Stop Motion Player widget allows for varied animation settings. You can set the animation to repeat, alternate (forward and backward), or display images in a randomized order. These settings enhance the visual storytelling, making the widget a flexible tool for creative display on your website.

Stop Motion Player Animation Settings

The Stop Motion Player widget allows you to set the time interval between image swaps. This feature enables a personalized pace for the stop-motion display, allowing control over the image sequence progression. Adjusting the timing enhances the widget's flexibility and ensures the display aligns with the website's desired ambiance and message.

Customized Timing with Stop Motion Player

The Stop Motion Player widget facilitates the upload of multiple images at one time. This bulk upload feature streamlines the process of setting up your stop-motion display, saving time and effort. By allowing for bulk uploads, this feature enhances the ease of use and efficiency of managing the visual content on your website.

Bulk images Upload Capability

Crafting your unique stop motion display is effortless with the Stop Motion Player widget. No coding knowledge is required; its intuitive interface facilitates smooth and quick customization, enabling you to bring your envisioned stop motion sequence to life with ease.

User-Friendly Stop Motion Player Widget

The Stop Motion Player widget opens the door to endless customization. It offers the flexibility to adjust various settings to your liking, ensuring the stop motion display resonates with your website's unique design and branding.

Fully Customizable

Designed for optimal responsiveness, the Stop Motion Player widget ensures your stop motion displays maintain their visual appeal on any device. In an era where mobile optimization is vital, this feature is key to delivering a consistent user experience regardless of the device being used.

Optimized Responsiveness

The Stop Motion Player widget offers CSS customization, allowing for creative design adjustments to the stop motion display. This feature ensures the widget harmonizes with your website's aesthetic, making it a versatile tool for enhanced visual appeal.

Stop Motion Player CSS Customization

Embedding the stop motion display you've created into your website is a breeze. It's as simple as following a few straightforward steps. Additionally, any adjustments made within the widget are instantly reflected on your site, keeping your stop motion displays current without any extra hassle.

Seamless Stop Motion Player Integration on any Website

The Stop Motion Player widget allows for a creative and festive addition to your website. By enabling the user to upload a sequence of images, it provides an avenue for artistic expression. This feature allows the website owner to showcase creativity and make the website stand out.

Creative Expression Through Stop Motion

The Stop Motion Player widget creates a captivating visual experience on your website by displaying a sequence of images in a stop-motion style. This unique feature not only captures the attention of visitors but also encourages them to spend more time exploring your website. By enhancing user engagement, it contributes to a more interactive and enjoyable browsing experience.

Engagement Boost with Stop Motion Player

Through the Stop Motion Player widget, you can tell compelling visual stories that resonate with your audience. The sequential display of images offers a narrative form, allowing for a more profound engagement with your visual content. This benefit can be particularly advantageous for site owners looking to convey complex ideas or narratives in an easily digestible and visually engaging manner.

Amplified Visual Storytelling

Stop Motion Player

Get Creative

Displays short, posts and media in a slideshow format

The Stories widget features a progress bar that will help your users to keep track of the content they are viewing, thereby improving their experience.

Progress Bar

The Stories widget features multiple layouts for you to choose from. The right layout will help you send the right message and will also complement your design.

Multiple Layouts

The Stories 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 Stories 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 Stories 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 widgets, you can add custom CSS to customize the Stories widget and be even more creative.

Custom CSS

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

Easy To Embed 

The Stories widget includes the option to choose the shape of its frame. You can choose from three options: circle, square, or card. This allows you to customize the stories' appearance to fit your website's aesthetic.

Story shape

The Stories widget offers full RTL (Right-To-Left) support, making it accessible to users who write from right to left. This feature expands the reach of your news and makes it more accessible to a broader range of users from around the globe.

Full RTL Support

Stories will enable you to create eye-catching content that will keep your users engaged, entertained and glued to their screens for long periods of time. If the time spent on your site is a KPI then this widget will do wonders to improve it.

Increase Time on Site

With the Stories widget, you can promote products & services in a creative, out-of-the-box way. Use clever combinations of text and images to focus the users’ attention on features and benefits you’d like to highlight.

Promote Products & Services

The Stories widget, as the name suggests, enables you to tell stories. Use it on your blog to create a captivating story with visual aids.

Tell Stories

Stories

Website Components

Display Instagram posts in a sleek carousel format on your site.

Navigate through your Instagram content effortlessly with user-friendly arrows and pagination. These features enhance the user experience by making it simple for visitors to browse through your carousel, keeping them engaged with your content.

Product Reference Generator

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Leaderboard

Interactive Video

Instagram Slider

Form Builder

Stop Motion Player

Stories

Instagram Carousel

Section Builder

RSS Feed Carousel

Skill List

Calculator

Social Proof

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Product Reference Generator

PrestaShop module

App Details

Pricing

Check Out the Leaderboard Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Leaderboard

Interactive Video

Instagram Slider

Form Builder

Stop Motion Player

Stories

Instagram Carousel

Section Builder

RSS Feed Carousel

Skill List

Calculator

Social Proof

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine