<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>This module adds the analytics tool Microsoft Clarity on your shop. Microsoft Clarity is a free user behavior analytics tool that helps you understand how users are interacting with your shop through session replays and heatmaps.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Microsoft Clarity Connector

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!

X Feed widgets are equipped with a "ticker" animation, which resembles an old news ticker. Use it to immediately grab the user’s attention.

Add X Feed Ticker Animation

You can display the date and time of the feeds with various options - allowing you to further customize the X Feed widget according to your needs.

Set the X Feed Date & Time Display

You can keep the X  Feed widget updated with new posts by switching on "auto-refresh.".

Auto X Feed Refresh Option

With the X Feed widget, you can choose between Tabs and Mixed feeds. In Tabs, you can arrange your tabs by feed, whereas, in Mixed, you can mix different X feeds so that the feed is more diverse.

Different X Feed Types

A shorter character length makes the Tweet Feed widget more compact, so you can save space.

Character Display Length Customization

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

Various X Feed Layouts 

Several beautiful skins are included with the X Feed widget, so customizing it shouldn't take long.

Beautiful Skins

The X Feed widget provides full RTL support for those who write from right to left. Ensure that your news is accessible to a global audience.

Full RTL Support

With the X Feed widget, you can easily customize the design to meet your needs. You can change color schemes, fonts, spacing, and anything you want!

Fully Customizable X Feed

It looks great on any device and is fully responsive. A mobile-first world will give you an advantage over your competitors. 

Perfect Responsive Design

X Feed widget requires no coding knowledge and is easy to use. We provide an intuitive dashboard with drag-and-drop functionality to allow you to customize widgets the way you like them.

Easy To Use X Feed Widget

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

Custom CSS

Copying the code will enable you to quickly embed the widget on your website. You will also receive an update on your X Feed widget when you make a change.

Easy To Embed X Feed on your Website

The X Feed Widget lets you group several X feeds into one page, making them more accessible and quicker to navigate.

Group X Feeds

By grouping all the X feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. 

Improve User Experience

The X Feed widget can add a fun element to your page's design. Implementing the "ticker" animation will create a more appealing design for your page.

Enhance Design

X Feed

Social Feeds

Embed real-time Bluesky feeds on your site with customizable, responsive display options.

Add a scrolling ticker animation to your feed to highlight important content. This feature of the Bluesky Feed widget draws the visitor's attention to key updates, adding a dynamic touch to your site.

Eye-Catching Ticker Animation

Keep your feed current without any manual updates. The Bluesky Feed widget refreshes automatically, providing your visitors with the latest posts in real-time to keep them engaged.

Automatic Bluesky Feed Updates

Display your Bluesky content in a variety of ways, such as a Tabs layout or a Mixed feed. This flexibility ensures that your feed seamlessly fits your website's design and meets your audience's engagement preferences.

Choose from Multiple Bluesky Feed Types

Select from different layout styles, including grid, list, or carousel, to present your Bluesky feed. These layout options allow you to enhance user interaction while complementing your website’s overall look and feel.

Diverse Bluesky Feed Layouts

Choose from various pre-made skins to match your website’s aesthetic with minimal effort. Bluesky Feed’s design skins provide a quick way to enhance your site's visual appeal without needing extensive customization.

Wide Range of Design Skins

Choose how the date and time appear on your Bluesky posts with flexible formatting options. This allows you to match the feed's date display with your website's overall design and user preferences.

Customize Bluesky Feed Date & Time Display

Adjust the character limit of displayed posts to suit your website’s layout. Shorter text can make the Bluesky Feed more compact, optimizing space and ensuring a neat, organized appearance.

Control Post Character Length

Bluesky Feed supports right-to-left languages, making your content accessible to a global audience. This feature ensures that visitors using languages like Arabic or Hebrew can easily read and interact with your feed.

Full Right-to-Left (RTL) Language Support

Tailor the Bluesky Feed to align perfectly with your brand's style. From color schemes to font selections and spacing adjustments, you have the freedom to craft a feed that fits seamlessly into your website's unique design.

Fully Customizable Bluesky Feed

Bluesky Feed automatically adapts to all screen sizes, ensuring a consistent and attractive presentation on desktops, tablets, and mobile devices. This responsiveness guarantees an optimal user experience regardless of how visitors access your site.

Responsive on All Devices

Designed for simplicity, the Bluesky Feed widget requires no coding knowledge. It features an intuitive dashboard and drag-and-drop functionality, allowing you to effortlessly customize the feed to match your website’s style and enhance user engagement without technical hassle.

User-Friendly Bluesky Feed Widget

For those seeking deeper customization, Bluesky Feed offers support for custom CSS. This feature lets you apply advanced styling, providing a way to perfectly tailor the widget's look and behavior to your specific requirements.

Advanced Customization with Custom CSS

Adding Bluesky Feed to your site is hassle-free. Simply copy and paste a single line of code, and the widget integrates seamlessly. It also updates automatically, ensuring your visitors always see the latest content.

Effortless Embedding

Embedding Bluesky Feed can attract visitors to your social profile, promoting cross-platform engagement and growing your online community.

Drive Traffic to Your Bluesky Profile

Displaying real-time Bluesky content on your website keeps visitors engaged, encouraging them to explore and interact with fresh updates.

Boost User Engagement with Bluesky Feed

The Bluesky Feed widget automatically refreshes with the latest posts, ensuring your website offers constantly updated content for returning visitors.

Enhance Site Content with Real-Time Updates

Bluesky Feed

A dynamic display that showcases brief news snippets or updates through continuous scrolling

Example 1

Example 2

Example 3

The News Ticker widget features several types of animations that you can choose for your news ticker, enabling you to customize the widget to your liking. Select from a range of smooth transitions to create a unique and engaging experience for your audience.


Various Ticker Animations

The News Ticker widget comes available with different types of label styles that enhance the widget’s visuals and allow you to further fit its design to your needs. Choose from various font styles and sizes to ensure your news ticker perfectly complements your site's aesthetics.

Different Label Styles

The text in the Ticker can be linked to any URL, making it not only a powerful visual tool but a functional, information and promotion-driven tool. This feature allows you to turn your news ticker into a dynamic source of traffic for your website or targeted content.

Linkable Text

The News Ticker widget features a wide array of options for controlling the ticker — from the Ticker’s speed, to enabling and disabling the looping feature, and more! This granular control enables you to optimize the user experience and cater to the preferences of your audience.

Advanced Ticker Controls

The News Ticker 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. These pre-designed themes provide an easy way to quickly make your news ticker visually appealing and consistent with your brand identity.

News Ticker Multiple Skins

The News Ticker widget has a selection of beautiful icons that you can use to add to it and enrich its visual appearance. Use these eye-catching icons to highlight specific news items, categories, or to convey additional information.

A Selection of Beautiful Icons

The News Ticker 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! This unmatched flexibility allows you to create a truly unique and personalized news ticker for your website.

Fully Customizable News Ticker

The News Ticker widget is fully responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors. 

Perfectly Responsive News Ticker

The News Ticker 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 News Ticker widget and be even more creative. This advanced option enables developers and designers to add their unique touch and refine the widget's appearance and functionality.


You can embed the News Ticker on your website easily by copying a single line of code. The News Ticker widget will also be updated automatically with every change you make, ensuring a hassle-free integration and maintenance process for your site.

Easy To Embed 

With the News Ticker widget, you can provide real-time news to your website, to keep your users updated, informed, and engaged.

Update In Real-Time

With the News Ticker widget and its constant scrolling motion of news, you are certain to draw the user’s eye and increase user engagement with your website.

Grab Attention with a text ticker

The News Ticker widget allows you to save space by adding text without taking up more space, which is especially great for websites with limited real estate.


Save Space

News Ticker

Website Components

News Ticker template 6

News Ticker template 5

News Ticker template 4

News Ticker template 3

News Ticker template 2

News Ticker template 1

Enable users to zoom in and inspect specific areas of an image by hovering or clicking on it

Example 4

Example 5

The Image Magnifier features a selection of different magnifier types that you can choose from to fit your needs. This customization ensures seamless integration with your website's design and enhances user experience by catering to individual preferences.

Various Magnifier Types

The Image Magnifier widget allows you to customize the magnifier for a more personalized look, enabling you to fit it to your brand’s design and the website’s aesthetics. This level of customization not only reinforces brand identity but also creates a cohesive and visually appealing user experience.

Easy Magnifier Customization

The Image Magnifier 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! Adjust the colors, fonts, spacing, and other elements to create a tailor-made user experience that aligns with your brand and website aesthetics.

Fully Customizable

The Image Magnifier 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. Additionally, this adaptability ensures a consistent and enjoyable browsing experience for all users, regardless of their device or screen size.

Perfectly Responsive

As with all of Common Ninja’s apps, you can add custom CSS to customize the Image Magnifier widget and be even more creative. This added flexibility empowers you to fine-tune the widget's appearance and functionality, ensuring a truly unique and tailored experience for your users.

You can effortlessly embed the Image Magnifier widget on your website by copying just one line of code. Moreover, the widget will automatically update with every modification you make, ensuring a seamless and up-to-date experience for your users.

With the Image Magnifier widget, your visitors will have an easy time zooming in on your images. This will not only enhance their experience but allow users with visual impairment to see your images and understand the content of your website better.

Improved User Experience & Accessibility

The Image Magnifier widget can be a powerful, sales-driving tool for e-commerce websites. By allowing customers to see your products in greater detail, they may be more likely to make a purchase. 

Use an Image Magnifier to Increased Sales

With the Image Magnifier widget, you can make your boring, static pages more fun and engaging to your users, by adding the element of interactivity with the image on the website. This versatile tool not only improves user experience but also encourages longer browsing times and higher user satisfaction.

Add Interactivity

Image Magnifier

Images & Galleries

Create your form for any purpose with a friendly form builder

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.

Microsoft Clarity Connector

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Leaderboard

X Feed

Bluesky Feed

News Ticker

Image Magnifier

Form Builder

Quiz Maker

Progress Circles

Corner Pop-up

TikTok Slider

Progress Bars

Process

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Microsoft Clarity Connector

PrestaShop module

App Details

Pricing

Check Out the Leaderboard Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Leaderboard

X Feed

Bluesky Feed

News Ticker

Image Magnifier

Form Builder

Quiz Maker

Progress Circles

Corner Pop-up

TikTok Slider

Progress Bars

Process

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine