<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>With this module you can upload your logo in svg format (also supported raster formats jpg, png, gif). The module supports a multilingual version and you can upload a separate logo for each language.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Logo svg multilangual

Showcase progress and completion using animated fill-up bars

Information, like the progress of a goal, is best understood when it’s presented clearly and in a clean way. With a few tweaks and edits, it is possible to create clear and easy-to-follow progress bars.

Clean Design to Better Follow Set Goals

Style 2

People are different, and some love to add a little color, or showcase their personality through the use of creativity. With full customization options, it is easy to play with the design until you find the right way to represent your personality.

Bright & Playful To Fit The Personality

Style 4

Style 5

The Progress Bar widget enables you to add multiple progress bars to show the progress of various projects and other relevant topics.

Multiple Bars

The Horizontal Progress Bar widget features a gentle “filling up” animation showing the progress more vividly and visually attractively.

Progress Bars Animation

The Animated Progress Bars widget comes available with multiple layouts that you can choose from to fit your website’s design & style. 

Progress Bars Multiple Layouts

The Progress Bars widget comes with a variety of beautiful skins that you can choose from so you don’t have to spend much time on extensive customization.

Multiple Skins

The Horizontal Progress Bars widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable Progress Bars

The Progress Bars 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

The Horizontal Progress Bars 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 Progress Bars

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

Custom CSS

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

Easy To Embed Progress Bars

With the Animated Progress Bars widget, you can easily show the progress of your projects and inform relevant parties of what stages your project (or various projects) is in.

Showcase Progress with Progress Bars

The Animated Progress Bar widget is fully customizable. With features like multiple layouts and gentle animation, you can present important information in a visual representation that your users will better understand.

Visual Representation of Data

Certain projects, like a campaign to collect donations, for example, will greatly benefit from a visual representation of how much money has been collected by encouraging viewers to help complete the progress bar.

Use Progress Bars to Encourage Action

Progress Bars

Website Components

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!

Fully Customizable

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.

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

Add interactive, two-sided cards to your website with customizable flip animations.

The Flip Card widget allows you to present content on both the front and back of each card, doubling your available space without overwhelming the layout. You can use the front side to highlight key information and the back side for extended details, links, or calls-to-action. This layered format keeps your design clean while delivering more value per card.

Two-Sided Content Display

Choose from a variety of sleek animation styles to control how your cards flip—up, down, left, right, or with push effects. These transitions add a sense of interactivity and motion that enhances user engagement. With just a few clicks, you can match the animation to your site’s tone, whether playful, dynamic, or professional.

Smooth and Customizable Flip Animations

The widget lets you populate cards with a wide variety of fields, such as images, titles, descriptions, pricing, contact details, and ratings. This comprehensive setup makes it ideal for showcasing products, services, or team members in detail. You can mix and match fields to fit any use case or structure.

Support for Diverse Content Types

Enhance your cards with interactive elements like clickable buttons, email links, phone numbers, and coupon codes. These features make it easy for users to engage directly with your content. Whether it’s tapping a link or revealing a deal, the Flip Card promotes hands-on interaction.

Built-In Interactivity to Drive Action

Arrange multiple fields on the same horizontal line for a cleaner, more compact card layout. This option is great for pairing elements like ratings and prices, or phone and location info. It helps you display essential data in a space-efficient, visually balanced way.

Neatly Align Fields Side by Side

The Flip Card widget comes with multiple layout configurations to suit different website designs. Whether you're building a grid of product showcases or a vertical list of team profiles, you can choose a layout that complements your site’s flow. This flexibility ensures that your flip cards look organized and professional on any page.

Variety of Layout Options

Save time and effort with a collection of beautifully crafted skins designed to fit a wide range of styles. Whether your website is sleek and modern or more playful and bold, there’s a skin that works right out of the box. Each skin offers a polished look without requiring manual design work.

Choose from Pre-Styled Flip Card Skins

Customize every visual element of the Flip Card widget—colors, fonts, spacing, borders, and more—to create a cohesive design that fits your site perfectly. These styling options give you the freedom to personalize each card while maintaining full consistency with your brand identity.

Fully Customizable to Match Your Brand

Flip Cards are designed to be fully responsive, so they display perfectly across all screen sizes and devices. Whether your visitors are browsing from desktops, tablets, or smartphones, they’ll enjoy a seamless and interactive experience. This mobile-friendly design ensures maximum engagement everywhere.

Optimized for All Devices

You don’t need any coding skills to use or customize the Flip Card widget. With a clean and intuitive editor, anyone can adjust content, styling, and animations with just a few clicks. This makes it easy to set up and manage your cards without technical help.

No Coding Required – User-Friendly Design

For developers and designers who want extra control, the widget supports custom CSS. You can tweak specific visual elements or create entirely unique styles to match advanced branding needs. This flexibility is perfect for adding a personal or professional touch beyond the standard options.

Add Custom CSS for Advanced Control

The Flip Card widget can be embedded into any website with a simple line of code. Once added, all changes you make in the editor are automatically reflected live on your site. This hands-off maintenance ensures your content always stays up to date without extra effort.

Easy Embedding on Any Website

Flip Card's engaging animation draws users’ attention and encourages interaction, making your content more noticeable. This helps reduce bounce rates and increases the time visitors spend on your site. Interactive content like this can play a big role in improving user experience and engagement metrics

Boost Engagement with Flip Card Visual Interactivity

By using Flip Cards to emphasize calls-to-action, promotions, or special features, you can guide visitors toward key conversion points. The engaging format helps important content stand out without overwhelming the page. This focused approach contributes directly to lead generation and sales growth.

Drive Conversions with Interactive Callouts

Use Flip Cards to present important details—like features, pricing, or team bios—in a compact and attractive format. By making the information both accessible and engaging, you help visitors absorb content more effectively. This boosts the chances they'll take desired actions, such as signing up or making a purchase.

Highlight Key Information Creatively

Flip Card Builder

Lists & Cards

New!

Display the latest posts from your YouTube channel

Example 1

Example

Example 3

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.

YouTube Feed Multiple Layouts

The YouTube Feed 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.

YouTube Feed Multiple Skins

The YouTube Feed widget provides full RTL support for those who write from right to left. Make your news accessible to more users from all over the world.

Full RTL Support

The YouTube Feed 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 YouTube Feed 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 YouTube Feed

The YouTube Feed 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 YouTube Feed Widget

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

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

Easy To Embed YouTube Feed

The YouTube Feed widget allows users to choose between Tabs and Mixed feeds. In the Tabs type, you arrange all your tabs according to their feed order, whereas in the Mixed type, you mix different YouTube feeds to create a diverse feed.

Different YouTube Feed Types 

The YouTube Feed widget has an "auto-refresh" option that keeps refreshing and updating the feed when toggled.

YouTube Feed Automatic Refresh

Using the YouTube Feed widget, you can add an animated "ticker" to your page to simulate an old news ticker. Grab the user's attention immediately with it.

YouTube Feed

Social Feeds

Add a WhatsApp chat button to your website, allowing users to start a chat using WhatsApp.

Example 2

Example 4

Example 5

The WhatsApp Chat Button widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

The WhatsApp Chat widget allows you to change the chat’s background to make it fit your website’s design, make your chat stand out, or reinforce brand awareness via well-crafted company backgrounds.

Change Chat Background

The WhatsApp Chat widget features the ability to toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it entirely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The WhatsApp Chat widget features full customization options so you can edit the design to fit your needs — change the colors, fonts, spacings and anything else!

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

The WhatsApp Chat widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the app any way you want it with just a few simple clicks. 

Easy To Use

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

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

Easy To Embed

Allow users to contact you by WhatsApp chat for support or for more information that’s not readily available on your website and improve their experience.

Offer Support & Helpful Information with a WhatsApp Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a WhatsApp Chat. The more informed they are, the better decisions they are going to make.

Speed up the Decision-Making Process

Make your users feel important and well taken care of by offering them a more personalized communication method with a WhatsApp Chat widget.

Provide a Personalized Experience

WhatsApp Chat

User Engagement

Whatsapp Button template 6

Whatsapp Button template 5

Whatsapp Button template 4

Whatsapp Button template 3

Whatsapp Button template 1

Whatsapp Button template 2

Show events or important moments in the order they occurred, using pictures and text

The Timeline widget allows you to choose either vertical or horizontal timelines to help you tailor the design to your specific needs. 

Vertical & Horizontal Timelines

The Timeline widget's feature of incorporating images into individual timeline items not only enhances its visual appeal and captivates your audience but also helps convey complex ideas or events more effectively, contributing to an overall more engaging and comprehensible user experience.

Ability To Add Images

The Timeline widget provides you with an array of trigger options for displaying items, including "always," "never," "on hover," and "scroll to view," empowering you to create a tailored user experience that enhances content accessibility and engages your audience by controlling when and how the information is revealed.

Item Visibility Controls

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

Multiple Timeline Layouts

The Timeline 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 Timeline Widget Skins

You can fully customize the Timeline widget so that it meets your demands by changing the design. Customize anything you want, including the fonts, spacing, and colors! In order to create a unified and polished appearance, you may also select from a variety of font choices and modify the font's size, style, and color. You can alter the spacing in addition to these style choices to make sure it blends in with the rest of your website's design.

Fully Customizable Timeline

The Timeline widget has a clean and contemporary style that will improve the overall appearance of your site in addition to being fully responsive, which means it will shift fluidly to fit the screen size of any device. Having a website that is optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. The Timeline widget will allow you to do just that, providing you an edge over the competition.

Perfectly Responsive Timeline Widget

No coding expertise is necessary to use the Timeline widget. With only a few mouse clicks, you can modify the timeline however you wish using our user-friendly interface. This implies that even individuals without coding knowledge may quickly and simply build a timeline with a professional appearance that connects with their website, enhancing their online presence and audience engagement.

Easy To Use Timeline Widget

You have total control over how the Timelin appears thanks to our robust advanced editor. This feature makes it simple to change the Timeline's appearance in every way, from the layout and positioning to the colors and fonts. Yet, if you're feeling extremely inventive, you can enhance your customization by making changes straight to the CSS. This enables you to customize the widget even more by making more sophisticated changes. Our powerful editor will help you whether you want to make a few minor adjustments or go all out with complex changes.

Timeline Widget Custom CSS

Simply copy and paste a code snippet into the HTML of your webpage to integrate the Timeline widget on your website. It is also self-updating, so any modifications you make to the Timeline Editor will be automatically reflected on your website without the need for any further manual updates.

Easy To Embed Timeline Widget

With the Timeline widget, you can organize and present information in chronological order, making it easier for your users to understand the content on your website. It is particularly useful for websites that deal with historical information, or for websites that try to convey a narrative through an engaging timeline. 

Logo svg multilangual

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Progress Bars

FAQ

Flip Card Builder

YouTube Feed

WhatsApp Chat

Timeline

Size Chart

Google Maps

RSS Feed

Corner Button

Video Slider

Image Carousel

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Logo svg multilangual

PrestaShop module

App Details

Pricing

Check Out the Progress Bars Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Progress Bars

FAQ

Flip Card Builder

YouTube Feed

WhatsApp Chat

Timeline

Size Chart

Google Maps

RSS Feed

Corner Button

Video Slider

Image Carousel

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine