<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Display any video from your online shop on Google through rich results in JSON-LD format. You will be able to configure the videos located on any page of your ecommerce.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Ádalop

JSON-LD Rich Results Video - SEO

An audio player compatible with various files and sources

With just a few clicks, you can present the audio player widget in a vertical format, with a sleek, minimalist interface that features large intuitive buttons for play, pause, and skip, as well as a progress bar to show the current track's playback position and large album artwork – making it the design ideal for mobile devices.

Mobile-Friendly Design for Greater Reach

The widget can be customized to show a minimal audio player, with important elements like the cover album, the title, and the control buttons, to remove unnecessary information, and make the user truly enjoy one song at a time. 


Minimalist Design to Focus on Single Songs

With the playlist view, you can showcase multiple albums and songs to immerse your users in them truly, and to offer quick and easy navigation across the different albums. 


Expanded Design to Showcase a Full Album

Style 4

Style 5

The Audio Player widget features the ability to add audio from various sources — be it MP3s or links to audio and video hosting websites like YouTube, Vimeo, SoundCloud and more!

Multiple Audio Sources

The Audio Player comes with the shuffle option that will enable your users to listen to your audio in random order.

Shuffle

The Audio Player features the ability to toggle and customize the playlist view. You can customize the playlist and make it complement your style, or, alternatively, use the minimal version to create a more aesthetically pleasing experience.

Playlist View

The Audio Player widget offers several options to choose from, including the mini-player, which is a compact and discreet design that won't take up too much space on your page, and the enlarged thumbnail, which is a larger player that showcases the audio artwork in greater detail. Both layouts have their own unique benefits and can be used in different contexts. The mini-player is ideal for those who want to add audio to their website without making it too prominent, while the enlarged thumbnail is perfect for those who want to highlight the audio artwork and make it a focal point of the page.

Multiple Layouts

You can easily change the position of the Audio Player via the position option. Inline? Top right? Bottom left? Really, the choice is yours.

Position

The Audio Player widget offers a variety of stunning premade skins that you can use to create an Audio Player quickly and easily. Instead of spending hours trying to find the right colors or fonts, simply select a premade skin that you like and start building your comparison table. With a range of styles to choose from, you can find the perfect look and feel to match your brand and style. Whether you want a sleek and modern design, a bold and colorful look, or a clean and minimalistic style, there's something for everyone.

Multiple Skins

The Audio Player widget comes with full customization options, giving you the ability to easily edit the design to match the aesthetic of your website. You can change the colors of the slider, buttons, and labels to match your branding. You can also choose from different font options and adjust the font size, style, and color to create a cohesive and professional look. In addition to these design options, you can customize the widget's spacing to ensure it fits seamlessly into your website layout.

Fully Customizable

The Audio Player 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 Audio Player widget will allow you to do just that, giving you an edge over competitors.

Perfectly Responsive Audio Player

The Audio Player 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

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

Audio Player Custom CSS

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

Easy to Embed Audio Player

Use this powerful music player tool to add your mp3 files, music, songs, podcasts, or other equally entertaining audio projects and make your projects accessible to a broader audience!

Promote Yourself with the Audio Player Widget

Add more variety to your content and cater to the different needs of your audience. Add a read-along for children to follow stories, create podcasts, or add an accompanying music playlist to your text.

Enrich Your website Content with a Music Player Widget

You can improve your users’ experience by making certain audio files available with an mp3 Player Widget. You can, for example, create audio versions of your well-researched, highly informative, and exceptionally entertaining text, upload it via the Music Player Widget and allow visually impaired users to enjoy it. Or, make it available for those who are on the go and can’t sit and read your long text.

Improve User Experience

Audio Player

Media

Website Components

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!

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.

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

Engagement Toolbox enhances website interaction with customizable features like forms, galleries, chats, and more.

The Engagement Toolbox widget offers multiple types of call-to-action options, allowing you to engage users in diverse ways. Whether it's buttons, links, or downloadable content, these options can be tailored to prompt specific user actions, enhancing interaction and engagement on your site.

Variety of Call-to-Action Options

The Engagement Toolbox widget allows seamless integration with other Common Ninja widgets to boost user engagement. You can incorporate forms, video galleries, image galleries, reviews, testimonials, chats, booking, social feeds, FAQs, and business hours directly into the Engagement Toolbox. This versatile integration enhances functionality and provides a richer, more interactive user experience.

Enhance Engagement with Additional Common Ninja Widgets

The Engagement Toolbox widget offers flexible positioning options, allowing users to choose which corner of the window the Toolbox will open from. This customization ensures the Engagement Toolbox fits seamlessly into your website's design and user experience, providing convenient access without disrupting your site's layout.

Customizable Toolbox Positioning

The Engagement Toolbox 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 Engagement Toolbox. 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 Engagement Toolbox Design Skins

The Engagement Toolbox 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 an Engagement Toolbox  that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Engagement Toolbox Widget

The Engagement Toolbox widget is designed to be fully responsive, ensuring it displays elegantly on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Engagement Toolbox

The Engagement Toolbox 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 Engagement Toolbox to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Engagement Toolbox, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use Engagement Toolbox Widget

The Engagement Toolbox  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 Engagement Toolbox'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 Engagement Toolbox 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 of the Engagement Toolbox on Any Website

With the Engagement Toolbox, you can directly interact with your website visitors, answering their queries and guiding them through the sales funnel in real-time. This direct line of communication can significantly boost your conversion rates and drive more sales.

Drive Conversions and Sales

The Engagement Toolbox widget streamlines customer support by offering a quick and easy way for users to get help. This can lead to faster resolution times, higher customer satisfaction, and a reduction in support tickets.

Improve Customer Support Efficiency

The Engagement Toolbox can help increase website traffic by keeping users engaged and encouraging them to spend more time on your site. The interactive nature of the widget encourages repeat visits, contributing to higher overall traffic and better retention metrics.

Increase Website Traffic and Retention

Engagement Toolbox

Popups, Bars & Buttons

Comments system with upvote/downvote, email notifications, reply threads, and moderation tools.

Example 1

Example 2

Example 3

Our Comments widget allows users to reply directly to other comments, creating a threaded conversation. This encourages deeper engagement and discussion, making your website a hub for meaningful conversations.

Engage in Conversations with Reply Feature

The upvote and downvote feature in our Comments widget lets your users express their opinions on each comment. It's a simple way for your community to self-moderate, promoting positive discussions and discouraging unhelpful or negative comments.

Vote on Comments

With our Comments widget, you can choose to receive email notifications for new comments. This keeps you engaged and informed, ensuring you never miss out on important discussions or updates on your website.

Stay Updated with Email Notifications

By making the email field mandatory, our Comments widget ensures that all comments come from real users. This helps maintain the integrity of your website's discussions and discourages spam or anonymous trolling.

Ensure Authenticity with Mandatory Email Field

Our widget gives you the power to manage and delete unwanted comments. This helps maintain a positive and respectful environment on your website, ensuring that all discussions are productive and relevant.

Manage Your Comments Effectively

Our Comments widget offers a variety of appealing skins for quick and easy customization. You can match the widget's look to your website's design, creating a unified and visually engaging user experience.

Choose from Attractive Comment Skins

The Comments widget provides extensive customization options to meet your needs. Adjust color schemes, fonts, spacing, and more to ensure the widget fits seamlessly with your website's design and aesthetic.

Fully Customizable Comments Widget

The Comments widget is fully responsive and looks fantastic on any device. In today's mobile-first world, this ensures your website stays competitive and accessible to users on various platforms.

Optimized for All Devices

The Comments widget is designed for ease of use, requiring no coding knowledge. It features an intuitive dashboard and drag-and-drop functionality, allowing you to customize the widget effortlessly.

User-Friendly Comments Widget

Like all of our widgets, the Comments widget allows you to add custom CSS. This gives you the freedom to further customize the widget and express your creativity.

Custom CSS for Your Comments Widget

Embedding the Comments widget on your website is simple. Just copy the provided code to quickly incorporate the widget into your site. Any changes you make to the widget will automatically update on your website, ensuring a smooth user experience.

Easy Integration of Comments on Your Website

Adding a comments widget to your website can significantly increase user engagement. It allows your visitors to share their thoughts, opinions, and questions, fostering a sense of community and encouraging them to spend more time on your site.

Boost Engagement with users Comments

A comments section can help establish trust and authenticity for your website. When new visitors see active discussions and positive feedback, it can reassure them about the quality of your content, products, or services.

Build Trust and Authenticity

A comments widget can help keep your users coming back to your site. By enabling them to participate in discussions and respond to other comments, you're giving them a reason to return, increasing user retention and loyalty.

Encourage User Retention

Comments

Present a carousel display featuring creative banners items

Example 4

Example 5

The Creative Card Carousel widget comes with the option to change the carousel’s cards sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.

Card Size

With the option to change the arrow types of the slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination

The widget comes with the options to control the speed at which the cards slide, and how much time should be spent on the cards. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

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

The widget comes with a variety of pre-made skins you can choose from to speed up your work.

The Creative Card Carousel 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 Creative Card Carousel 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 Creative Card Carousel 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.

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

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

Easy To Embed

With the Creative Card Carousel widget, you can enhance your website’s design by selecting beautiful cards, and with the ability to change their sizes, and the slider’s options, you will be able to create a Creative Card Carousel that is perfect for your website.

Enhance Design with Creative Card Carousel

A major benefit of the Creative Card Carousel is that it doesn’t take up much space. Unlike Card grids that take up a lot of space, the Creative Card Carousel can show as many banners as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building additional pages for different categories.

Save Space on your webpage

The Creative Card Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website, and with the CTA button, you can improve your conversion rates.

Increased Engagement & Conversions

Creative Card Carousel

Lists & Cards

Display the latest posts from your YouTube channel

Example

The YouTube Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

There are various options for displaying the date and time of the feeds — an option that will enable you to further customize the YouTube Feed widget according to your needs, and the preferences of your visitors.

YouTube Feed Date & Time Display Settings

The YouTube Feed widget has the “auto-refresh” option which, when toggled, keeps refreshing and updating the feed with new posts.

Auto Refresh

Two different feed types are available in the YouTube Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various YouTube feeds to create a diverse feed.

Different Feed Types

You can easily customize the characters' length to save space and make the YouTube Feed widget more compact.

Customize Character Display Length

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

JSON-LD Rich Results Video - SEO

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Audio Player

Leaderboard

Stories

Engagement Toolbox

Comments

Creative Card Carousel

YouTube Feed

Threads Feed

Code Snippets

Team Member List

Business Listings

Personality Quiz

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

JSON-LD Rich Results Video - SEO

PrestaShop module

App Details

Pricing

Check Out the Audio Player Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Audio Player

Leaderboard

Stories

Engagement Toolbox

Comments

Creative Card Carousel

YouTube Feed

Threads Feed

Code Snippets

Team Member List

Business Listings

Personality Quiz

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine