<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Zoom over your product images with a nice effect on mouseover.</div><div><br/></div><div>Very easy to configure it will fit your website design without problem</div><div><br/></div><div>UPDATE : Now compatible with touch device (mobile and tablet)</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

JQZoom Evolution - Zoom Product Images

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

Versatile Field Customization

The Calculator widget allows you to set conditions for fields to show or hide based on the values of other fields in the calculator. This dynamic functionality enables you to create interactive and responsive calculators tailored to user inputs, enhancing the user experience and ensuring relevant data is displayed.

Dynamic Field Conditions

Create multiple complex calculations using sophisticated mathematical formulas. By utilizing the fields added to the calculator, you can perform intricate calculations tailored to your business requirements, delivering precise and detailed results for users.

Advanced Complex Calculations

The Calculator widget allows you to control the format and wording of the results. This feature ensures that the output aligns with your business's specific terminology and presentation style, providing clear and relevant information to your users.

Customizable Results Formatting

Add a call-to-action button directly onto the Calculator widget to prompt users towards the next step, such as submitting a form, requesting a quote, or making a purchase. This integration can help drive conversions and streamline user interactions on your site.

Integrated Call-to-Action Button

The Calculator widget offers multiple layout options to ensure it fits seamlessly with your website's design and style. This variety allows you to choose the best layout that meets your aesthetic and functional requirements.

Varied Calculator Layouts

The Calculator widget provides a range of beautiful design skins, enabling you to pick one that aligns perfectly with your brand and website aesthetics. This feature enhances the visual appeal of your site while minimizing customization effort.

Selection of Design Skins

The Calculator widget comes with extensive customization options, allowing you to modify colors, fonts, spacing, and more. This flexibility lets you create a calculator that is both functional and uniquely tailored to your website's look.

Fully Customizable Calculator Widget

The Calculator widget is designed to be fully responsive, ensuring it displays elegantly on any device. This responsiveness guarantees a consistent user experience across desktops, tablets, and mobile devices.

Perfectly Responsive Calculator

The Calculator widget is designed for ease of use, requiring no coding expertise for customization. Its intuitive dashboard simplifies the setup process, allowing you to tailor the calculator to your preferences with just a few clicks, making it accessible for users of all technical levels.

User-Friendly Calculator Widget

The Calculator widget supports custom CSS, providing an avenue for developers and designers to apply their unique touch. This feature allows for deeper customization of the widget’s look and functionality, ensuring it matches your specific style and interaction needs.

Custom CSS for Enhanced Creativity

Embedding the Calculator widget on your website is straightforward, requiring just a single line of code. This ease of integration ensures that the widget can be quickly added to your site, with automatic updates reflecting any changes you make.

Effortless Embedding on Any Website

By offering a customized Calculator widget, you can drive user engagement on your site. Users can perform relevant calculations without leaving the page, enhancing their experience and increasing the time they spend on your site.

Drive Engagement Through Tailored Calculations

A bespoke Calculator widget can directly address the unique needs of your customers, making it easier for them to make informed decisions. This relevancy can lead to higher conversion rates, as users find the tool useful and convenient.

Boost Conversions with Relevant Calculations

The ability to create calculators specific to your business helps improve efficiency for your users. Whether calculating costs, measurements, or financial metrics, the tailored approach ensures accurate and quick results, enhancing user satisfaction.

Improve Efficiency with Specialized Calculations

Calculator

User Engagement

New!

Displays common questions and answers for quick reference

FAQs need to be easy to understand and access, and what better way to do it is there, other than to present it in a simple and familiar way — a list of questions with the option to expand the information, to reveal the desired answer. 

Simple & Familiar Design

To some, the regular, old-fashioned FAQ style is outdated, and a new approach may be sought after. With the widget's full customization options, it’s easy to make FAQs look more modern, organized, and neatly presented. 

Modern and Visually Impressive

Style 3

Sometimes, when there’s a lot of information about different things, categories, services, products, etc. the information may get lost. To combat this, the widget offers the ability to divide the FAQs into categories for better navigation and for better user experience. 

Grouped Answers for Better Navigation

The FAQ widget features various behavior modifications like opening multiple questions one at a time, keeping opened ones open, or opening all questions at once — the choice is yours!

Behavior Management

The FAQ widget features the ability to divide your questions into separate categories for a better navigation experience. Not only that, but it also allows you to use Emojis for those categories!

FAQ Category Separation

The FAQ Accordion widget features multiple layouts and lets you choose the right layout for your website. Classic, clean, bubbles, and more — the choice is yours.

Multiple Layouts 

The FAQ 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 FAQ Skins

The FAQ widget features multiple icons for you to choose from. Do you want a downward-facing arrow to open the FAQ’s answer? Or maybe a plus sign? We’ve got the most commonly used icons available for you to choose from.

Multiple Icons

The FAQ 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 FAQ 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 FAQ Accordion

The FAQ 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 Widget

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

Custom CSS

You can embed the FAQ Accordion 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 FAQ widget allows you to add more long-tail keywords to your page in an organic manner, thereby enabling you to score higher on search engine result pages.

Improves SEO with FAQ Accordion

With FAQs on your website page, you can improve your users’ experience by allowing them to quickly and easily access answers to common questions without spending time waiting for answers.

Improves User Experience

The FAQ Accordion widget removes the need to wait for answers and provides all the information that’s required for quick decision-making.

Expedites The Decision-Making Process

FAQ Template 8

FAQ - Template 7

FAQ template 6

FAQ template 5

FAQ template 4

FAQ template 3

FAQ template 2

FAQ template 1

Manage appointments, sync calendars, and send reminders efficiently.

The Booking Widget enhances user experience with customizable booking pages, where users can set a unique URL, and personalize with a cover image, profile photo, and service descriptions. This feature boosts brand presence and streamlines the booking process, making it straightforward for clients to connect and understand the services offered.

Personalized Booking Pages

The Booking Widget seamlessly integrates with major calendar services, including Google Calendar, Outlook, and even Zoom, ensuring all your appointments and meetings are automatically synced. This feature simplifies scheduling by avoiding double bookings and keeping your schedule organized across different platforms, making it an essential tool for efficient time management.

Integration with Calendars

The Booking Widget offers email reminders, allowing users to set and email notifications for themselves and their clients. Whether it's for booking confirmations, rescheduling notices, or cancellations, this feature ensures everyone is informed and up-to-date.

Email Reminders

The Booking Widget features smart scheduling, dynamically displaying available times for booking based on the user's defined availability, preferred lead times before meetings, and desired intervals between appointments. This intelligent system ensures a smooth scheduling process, optimizing the calendar to fit both the user's and their clients' needs efficiently.

Smart Scheduling

Featuring a range of beautiful design skins, the Booking Widget enables you to select a look that aligns perfectly with your brand identity. This capability not only boosts your site's visual appeal but also simplifies customization, catering to diverse design preferences from modern to traditional.

Select from Multiple Booking Widget Design Skins

With extensive customization options, the Booking Widget allows you to adjust colors, fonts, spacing, and more, providing the freedom to tailor its appearance to your exact needs. This level of flexibility ensures your booking page not only functions optimally but also visually aligns with your website.

Fully Customizable Booking Widget

Designed to be fully responsive, the Booking Widget guarantees a flawless display on any device. This responsiveness is crucial for maintaining a consistent and accessible booking experience across desktop and mobile platforms.

Perfectly Responsive Booking Widget

This widget is engineered for ease of use, requiring no coding skills for customization. Its intuitive interface makes adjusting the Booking Widget straightforward, enabling anyone to adapt it to their site effortlessly, regardless of technical expertise.

Easy To Use Booking Widget

Supporting custom CSS, the Booking Widget offers an avenue for creative customization, allowing developers and designers to apply their unique styling and functionality. This feature encourages a higher degree of personalization, ensuring the booking experience is distinct and branded.

Embedding the Booking Widget is simple, involving just a single line of code. With automatic updates reflecting any changes made, this feature ensures your website always showcases the latest version of the widget, minimizing maintenance efforts.

The Booking Widget simplifies the process of managing appointments, enabling clients to book their meetings directly on your website. This automation reduces the administrative burden on your staff, allowing them to focus on more critical tasks. By offering a direct booking option, you enhance customer satisfaction and improve the overall efficiency of your scheduling operations.

Streamline Booking Processes

Embedding a Booking Widget on your site not only makes it more interactive but also serves as a powerful call-to-action. By facilitating immediate action from visitors, you're likely to see an increase in engagement and higher conversion rates. As clients can instantly secure their spots without leaving your site, the likelihood of bookings translates directly into improved business outcomes.

Increase Engagement and Conversion Rates

The Booking Widget offers real-time updates and calendar synchronization, ensuring that your resources are utilized efficiently. This feature prevents overbooking and scheduling conflicts, helping you manage your appointments and staff allocation better. By optimizing your resource scheduling, you ensure that every appointment slot is used to its fullest potential, contributing to increased productivity and revenue.

Maximize Resource Utilization

Booking

Forms

Displays a series of videos from multiple sources , in a slideshow format

The Video Slider widget supports an array of video hosting platforms, including YouTube, SoundCloud, Facebook, Vimeo, Twitch, Streamable, Wistia, DailyMotion, Mixcloud, Vidyard, and Kaltura. By displaying videos from various platforms, you can offer your website users a diverse selection of video content that caters to different preferences, enabling you to capitalize on the unique advantages of each hosting platform.

Multiple Video Hosting Platforms Support

The Video Slider widget features the option to adjust the video sizes within the slider — from small to large, vertical or horizontal, you can tailor the widget to meet your specific requirements. The ability to customize the size and orientation of your video slider is an essential feature that can improve your website's visual appeal and usability. By having the option to modify the size of the video slider widget, you can ensure its seamless integration into your website's layout without disrupting the overall design. Additionally, you can choose between vertical or horizontal orientations, depending on the type of video content you wish to display and your website's layout.

Customizable Video Size

The Video Slider widget incorporates hover effects, adding an extra layer of visual flair to elevate the user experience on your pages. This interactive feature not only enhances the aesthetic appeal but also fosters a dynamic, user-centric environment that keeps visitors intrigued and engaged.

Video Slider Hover Effect

The Video Slider widget features two layout styles — carousel and grid. Select from these options to tailor the widget to your website's design. Whether you need a fluid, continuous carousel for a cinematic experience or a structured grid for easy browsing, the Video Slider provides the flexibility to align with your design vision.

Video Slider Layout Styles

The Video Slider widget introduces an immersive and elegant Lightbox feature, allowing users to open and view videos in a responsive overlay on your website. This sophisticated functionality offers an enhanced, distraction-free video-watching experience, seamlessly blending with your site's design and maintaining user engagement.

Open video in a popup

The Video Slider widget offers complete customization, letting you adapt its design to fit your website's look. You can readily tweak colors, fonts, spacing, and more, ensuring a seamless integration with your site. A real-time preview function lets you experiment until you find the ideal design combination, enhancing user experience while achieving your aesthetic goals.

Fully Customizable Video Slider Widget

The Video Slider widget is designed to be fully responsive, delivering an optimized user experience across all devices, from desktops to mobiles. In today's mobile-first world, its adaptability ensures a smooth, intuitive website navigation for all visitors, giving your site a competitive edge in terms of functionality and design.


Perfectly Responsive Video Slider

The Video Slider widget is simple to use and does not require any coding expertise. Our intuitive dashboard, complete with drag-and-drop functionality, empowers you to customize the widget to your liking with just a few clicks.



Easy to use

The Video Slider widget lets you go beyond built-in options by incorporating custom CSS for a truly unique touch. This feature empowers you to adjust size, shape, and position or create new styles from scratch. This extensive customization promotes perfect alignment with your site's aesthetic and enhances the user experience.

Video Slider Custom CSS

Easily embed the Video Slider widget on your website by copying a single line of code. The Video Slider will update automatically with each modification you make. Copy the code for the widget and paste it into your website's HTML code. Place the code in the appropriate section of your website, such as the footer or header.

Easy To Embed Video Slider

The Video Slider widget, along with its captivating animation effects, will effortlessly grab users' attention toward your content. In a world where visuals matter, this tool becomes an essential asset for cutting through the digital noise and making your content stand out.

Capture Attention with Video Slider

The Video Slider widget offers extensive customization options, allowing you to tailor the widgets to your preferences and seamlessly integrate them with your website's overall design. Its user-friendly interface enables even beginners to create eye-catching widgets with minimal effort.

Enhance Your Website Design with Video Slider

Leverage the power of video to tell compelling stories about your brand, products, or services, which can create a stronger emotional connection with your audience and boost customer loyalty. Moreover, such rich storytelling can stimulate curiosity, encouraging users to explore more about what you have to offer, ultimately driving higher conversion rates.

Engage Users with Rich Storytelling

Video Slider

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

JQZoom Evolution - Zoom Product Images

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Audio Player

Calculator

FAQ

Booking

Video Slider

Diagrams

Animated Headline

G2 Reviews

Live Weather Forecast

Linkedin Feed

Spinning Wheel

Team Members Blobs

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

JQZoom Evolution - Zoom Product Images

PrestaShop module

App Details

Pricing

Check Out the Audio Player Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Audio Player

Calculator

FAQ

Booking

Video Slider

Diagrams

Animated Headline

G2 Reviews

Live Weather Forecast

Linkedin Feed

Spinning Wheel

Team Members Blobs

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine