<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>You will get <b>easy way to send your visitors a welcome message, notice, or advertisement&amp;nbsp;</b>when you will add this popup module to your store.</div><div><br/></div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Popup box notification Banner, Images, Vimeo Video

Create infographics: custom icons, dynamic tooltips, and responsive design.

Experience enhanced control and customization with the Ratio Widget's Group Information setting. Website owners can assign specific information to each group, including selecting unique icons, adjusting icon colors, and adding titles. This feature ensures each group is distinct and aligns with the intended message and aesthetic, offering a tailored infographic experience to every visitor.

Group Customization Flexibility

The Ratio Widget enriches user interaction with its Tooltip Description feature. As visitors hover over each group, a dynamic tooltip emerges, displaying content that’s tailored based on the group count. This interactive element not only enhances user engagement but also provides additional insights, making the exploration of your infographic both an informative and engaging experience.

Interactive Tooltip Insights

The Ratio Widget introduces a smart, Automatic Ratio Calculation feature that optimizes the display of icons on your webpage. Users can set a maximum number of icons to be shown, ensuring the webpage remains uncluttered. The widget adeptly calculates and adjusts the quantity of icons for each group, based on the specific ratios, delivering a concise, yet comprehensive visual representation of data.

Efficient Icon Display

The Ratio Widget enhances data presentation through its animated infographic feature. Icons unveil sequentially, employing a typewriter effect, which ensures visitors are captivated. This progressive revelation of information not only captivates attention but also facilitates an easier understanding of the data shared, making each piece of information stand out distinctively.

Animated Infographic Display

With the Ratio Widget, total customization is at your fingertips. This feature allows site owners to manipulate every aspect of the ratio infographics, from icons to display style, ensuring it aligns precisely with their preferences and brand identity. Every infographic created is a true reflection of the website’s character, achieving a harmonized look and feel.

Complete Customization Control

The Ratio Widget is crafted with a responsive design, ensuring your infographic ratios are displayed seamlessly on various devices, from mobile phones and tablets to desktop computers. Each icon and piece of information is adjusted to fit and function perfectly, offering a consistent and optimal viewing experience to all visitors.

Responsive Infographic Design

Navigating and customizing infographics is a breeze with the Ratio Widget’s user-friendly interface. It’s designed to be straightforward and intuitive, empowering site owners to effortlessly create and tailor their ratio infographics. Even without advanced technical skills, users can seamlessly integrate and manage this feature on their websites.

User-friendly Interface

The Ratio Widget is adaptable for those well-versed in coding, offering support for custom CSS. This allows users with advanced technical skills to have precise control over the appearance and behaviour of the ratio infographics, ensuring a bespoke visual representation that aligns with specific needs and aesthetics.

Enhanced Styling with Custom CSS

Embedding the Ratio Widget is a straightforward process, requiring only a single line of code to integrate it into any website. This simplicity ensures that site owners, regardless of their technical proficiency, can effortlessly enhance their webpages with informative and engaging ratio infographics.

Easy to embed on any website

Implement the Ratio widget to transform data into compelling visual stories. Visitors can easily absorb and interact with information, presented through creative and intuitive infographics. This visual touch not only enhances understanding but also adds an aesthetic element to your site.

Visual Engagement with Ratio Widget

With the Ratio Widget, your data speaks for itself. Infographics make the interpretation of complex information simple, aiding in clearer communication with your audience. Website visitors can quickly grasp the essential points, resulting in an efficient information transfer.

Express Information Clearly

Integrating the Ratio Widget enables your content to reach a wider audience. The eye-catching design of ratio infographics encourages sharing, increasing the visibility of your content. This expanded reach can result in enhanced brand awareness and audience growth.

Amplify Content Reach with Infographic

Ratio

Get Creative

Use tabs to organize content into different parts

Incorporating subtle transition effects between tabs adds a touch of finesse and professionalism to a website. These smooth animations improve the user experience by offering seamless navigation and enhancing the overall look and feel of the content.

Add gentle transition effects

The Tabs widget provides multiple layout options, allowing webmasters to choose the most fitting design for their content. This flexibility ensures that the widget seamlessly integrates with various website aesthetics, enhancing the overall user experience.

Multiple tabs layouts

With a variety of pre-designed skins available, the Tabs widget can be customized to match the website's branding and color scheme. This feature allows for consistency in design, creating a cohesive visual appearance that resonates with visitors.

Various tabs skins

The Tabs widget supports both horizontal and vertical orientations, enabling webmasters to select the most suitable layout for their content structure. This adaptability allows for optimal content presentation, ensuring users can easily navigate and engage with the website.

Horizontal and Vertical Tabs

The Tabs widget provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying the layouts, you have complete control over the tabs' appearance and functionality. With our tabs widget's user-friendly interface, you can easily customize the tabs to match your website's design and create a seamless experience for your visitors.

Fully Customizable Tabs

The Tabs widget is fully responsive and will look great on any device. Having tabs that are optimized for mobile viewing is essential in a world where more and more people are accessing the internet through their phones and tablets. With the tabs widget, you can create tabs that are perfectly responsive and provide a seamless navigation experience on any device.

Perfectly Responsive Tabs

The Tabs widget is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the tabs to your liking using our intuitive interface, making it an effortless experience.

Easy To Use

Our advanced editor is a robust tool that grants you full control over the Tabs' appearance. With this feature, you can effortlessly personalize every aspect of the tabs' design, colors, and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom Tabs CSS 

To integrate the Tabs widget into your website, copy and paste the provided code snippet into your page's HTML code. The Tabs widget is designed to auto-update, which means any modifications you make in the Tabs editor will be automatically reflected on your website.

Easy to Embed Tabs Widget

The Tabs widget enhances the user experience by presenting information in a clean and organized manner. It enables visitors to quickly and easily navigate through different content sections, reducing confusion and ensuring that they find what they're looking for.

Simplified Content Management

Implementing a Tabs widget can help minimize page clutter and make it visually appealing. By consolidating multiple content pieces into separate tabs, users can access relevant information without being overwhelmed by an excessive amount of text or images on a single page.

Reduced Page Clutter

Managing content becomes easier with a Tabs widget, as it allows for better organization and presentation. By separating content into distinct sections, webmasters can update or modify individual parts without disrupting the overall structure, ensuring that the website remains up-to-date and relevant.

Tabs

Website Components

New!

Present your team members in a dynamic, shape-based animation

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


Simple. Informative. Elegant.

Style 2

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner. 


Detailed Information — Easy Navigation

Style 4

Style 5

Some information doesn’t need to be long, it needs to be presented in a visually appealing manner, with little text and navigational buttons. 


Clear, Concise & Stylish

The Team Members app features a selection of different blob shapes that you can choose from to make your pages truly unique. 

Multiple Blob Types

The Team Members app features various layouts for you to choose from to better customize the blobs to fit your website and its design needs.

Various Layouts

The Team Members app features different color filters that you can use and match with your team members to make them stand out or, on the contrary, to present a unity.

Vivid Color Filters

The Team Members app features a whopping 16 blend modes so that you can customize your blobs even more and make your team members' page truly unique.

Extensive Blend Modes

The Team Members app features gentle blob animation, the speed of which can be regulated and adapted to complement the page’s design.

Gentle Animation

The Team Members app enables you to add links to the following: a personal website, an email address, LinkedIn, Facebook, Twitter & GitHub. Once you add a link, a relevant icon will automatically appear under the portrait.

Social Media Link & Icons

The Team Members app 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 Team Members app 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 Team Members 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’d like to with just a few simple clicks.

Easy To Use team Members Widget

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

Custom CSS

You can embed the Team Members app 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 

With features like color filters, layouts and animation, the Team Members app can make your team members stand out in a visually appealing way.

Make Your Team Members Stand Out

By showing the team behind the company, and by adding social buttons with links to their social media profile you can easily increase trust in your company.

Increase Trust

The Team Members app enables you to create beautiful team member pages by offering you a wide range of customization options that you can employ. Make your page stand out and set the right tone — professional, fun, glamorous, or anything else!

Enhance Design

Team Members Blobs

Showcase LinkedIn posts in a customizable, responsive carousel that auto-updates and boosts user engagement.

Easily navigate through LinkedIn posts with intuitive carousel controls like arrows and swipe gestures, offering a seamless and user-friendly browsing experience.

Smooth Scrolling and Navigation Controls

Adjust colors, fonts, layouts, and spacing to match your website’s branding, ensuring the LinkedIn Feed Carousel fits perfectly with your site’s style.

Fully Customizable Carousel Design

The LinkedIn Feed Carousel Widget automatically adapts to any screen size, delivering an optimized experience on desktops, tablets, and smartphones.

Fully Responsive and Mobile-Friendly

Control how fast the carousel scrolls and how long each post remains visible to tailor the browsing experience to your audience’s preferences.

 Adjustable Scrolling Speed and Display Time

Keep your website dynamic with the carousel’s auto-refresh feature, which syncs directly with your LinkedIn feed to showcase the latest updates.



Auto-Updating LinkedIn Content

Allow visitors to click on individual posts in the carousel, directing them to your LinkedIn profile or specific updates, increasing engagement with your professional content.

Clickable Posts for Enhanced Interaction

The widget requires no coding knowledge and can be installed and customized quickly using its intuitive interface, making it accessible for all users.

Easy to Set Up and Customize

For advanced users, the LinkedIn Feed Carousel Widget supports custom CSS, offering detailed control over its design and functionality to suit unique requirements.

Advanced Customization with Custom CSS

Embed the LinkedIn Feed Carousel Widget with a single line of code, ensuring seamless integration with all major website builders and CMS platforms.

Quick Integration Across Platforms

The LinkedIn Feed Carousel Widget allows you to present your professional updates in a stylish, scrollable carousel format, capturing visitors’ attention with engaging visuals.


Highlight LinkedIn Posts in an Interactive Carousel

Featuring LinkedIn posts on your website highlights your expertise and accomplishments, helping to build trust and credibility with your audience.

Build Credibility by Showcasing Professional Achievements

Integrating LinkedIn updates into a sleek carousel elevates your website’s design while promoting your professional journey, leaving a strong impression on visitors.

Strengthen Your Professional Brand with Visual Content

LinkedIn Feed Carousel

Social Feeds

Multi-row image slider with customizable features

Example 1

Example 2

Example 3

Example 4

Experience a vibrant display of visuals with the multiple rows feature in the Multi-Row Slider. You can effortlessly add many rows, each showcasing a series of images moving in a direction opposite to its adjoining rows. This creates a fascinating and cool effect on your website, potentially making the visual content more engaging for users.

Experience Multi-Row Displays with the Multi-Row Image Slider

Enhance user interaction with the Multi-Row Image Slider's "Stop on Hover" functionality. This feature allows users to hover over an image to pause the sliding motion temporarily, offering them the opportunity to view an image in more detail. This thoughtful addition caters to users' convenience, enabling a more leisurely and controlled browsing experience.

Hover-and-Hold Feature

Make the most of the Multi-Row Slider’s ability to incorporate links into each image. This feature serves as a gateway to additional content, encouraging users to explore further and engage more with your website. It's a user-centric addition that can potentially elevate the browsing experience, offering more depth and information with a simple click.

Link-Enabled Images

Offer users a bespoke browsing experience with the Multi-Row Image Slider's sliding speed control feature. This functionality enables you to dictate the speed at which images transition, providing an adaptable visual journey that can be modified to suit the overall ambiance of your website. It's a nuanced tool that allows you to fine-tune the user experience to perfection.

Customize Sliding Speed

The Multi-Row Image Slider widget is fully adaptable to your website's specific aesthetic needs. It allows you to modify various elements such as colors, fonts, and spacing to harmonize seamlessly with your existing design. Leveraging this feature, you can create a distinct visual appeal that resonates with your brand, enhancing the browsing experience on your website without the need for extensive technical know-how.

Tailorable Multi-Row Image Slider Design

Experience the versatility of the Multi-Row Image Slider, designed to deliver a consistent and seamless user experience across all devices, including desktops, laptops, tablets, and smartphones. In an era dominated by mobile browsing, this feature ensures that your website remains user-friendly and ahead in terms of functionality and design. Utilize the Multi-Row Slider to offer your visitors a swift and intuitive navigation experience, irrespective of the device they use.

Device-Responsive Multi-Row Image Slider

Implementing the Multi-Row Slider is a hassle-free process, requiring no coding expertise. Its user-friendly dashboard, complete with a drag-and-drop feature, facilitates easy customization with just a few clicks, making it a breeze to incorporate into your website and enhance the user engagement levels.

Easy To Use slider

Unleash your creativity with the Multi-Row Image Slider's custom CSS functionality. Whether you're a seasoned developer or someone with a knack for design, this feature grants you the autonomy to tweak the slider further to truly align with your website's theme. From adjusting the slider's dimensions to crafting entirely new styles, the possibilities are vast, helping you to forge a unique and engaging user experience on your site.

Multi Row Image Slider Custom CSS

Embedding the Multi-Row  Slider onto your website is a straightforward process, involving just the copy-pasting of a single line of code. This method not only facilitates easy integration but also automatically implements any changes you make to the slider, ensuring a continually updated and enhanced user experience. The ease of embedding means you can swiftly incorporate the Multi-Row Image Slider into various sections of your website, enhancing its visual appeal and functionality.

Easy To Embed Multi-Row Image Slider widget

The Multi-Row Image Slider offers an enriching visual journey for the users who visit your website. By engaging with contrasting slide directions, users are likely to find a renewed interest in browsing through the content showcased. This unique user experience could foster a positive and memorable interaction with your website, encouraging repeat visits.

Enhanced User Engagement with Multi-Row Image Slider

Implementing the Multi-Row Image Slider could be a significant upgrade to the aesthetic appeal of your website. Users can enjoy a refreshing change from the standard image sliders, as they navigate through rows of images that slide in opposite directions, offering a novel visual treat that is as pleasant as it is unique.

Aesthetic Enhancement with the Multi-Row Image Slider

Embrace the art of visual storytelling with the Multi-Row Slider. It allows users to follow a visual narrative with more interest and engagement, possibly leading to a richer and more satisfying browsing experience. Its distinctive structure serves as an innovative platform to portray your content in a visually captivating manner, enhancing the user's connection with the material displayed.

Use a Multi-Row Image Slider for Visual Storytelling

Multi-Row Image Slider

Images & Galleries

Let users view and navigate PDF files directly on your website

Style 1

Style 3

The PDF Viewer widget comes with five layout options that you can choose from — Embed, Gallery, List, Designed List and Grid. This selection of layout options will allow you to choose the best design for your brand and users.

Multiple Layouts

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

To save you time and effort, the PDF Viewer widget includes a selection of attractive skins that you can choose from to give your viewer a professional and polished look. This way, you don't have to invest a lot of time in extensive customization. Simply pick the skin that best fits your needs and you're good to go!

Multiple Skins

You can upload an image to be used as the thumbnail for your PDF file. This image could be the cover of a book or any other image that accurately reflects the content of the PDF. By choosing an attractive image, you can increase the chances of users clicking on and viewing your PDF. So consider selecting a visually appealing image to serve as the thumbnail for your PDF file.

Thumbnail

Make it easy for your website visitors to download the PDF file by including a Download button on your site. This will give them the ability to access the file and save it for their own use. By clearly displaying a Download button, you can make it simple for your website visitors to get their hands on the PDF file.

Download

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

With a PDF Viewer, you can allow your users to read more about your products and services. Offer them catalogs, brochures and menus for a better understanding of what you are offering.

Provide Easy Access to Relevant Information

Allow your users to access your PDF products (like ebooks, magazines, journals, etc.) in a visually appealing way with an easy option to download them.

Promote Your Products

Support your users with technical documentation, support articles and manuals that they can download and view offline or embed PDF Files on your website.

Offer Support for Better User Experience

PDF Viewer

Media

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.

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.

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

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.

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

Display the latest posts from your Linkedin page

You can add a sense of movement to your Linkedin feed pages by using the "ticker" animation, which mimics a news ticker. You can use it to grab the user's attention immediately.

Popup box notification Banner, Images, Vimeo Video

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Ratio

Tabs

Team Members Blobs

LinkedIn Feed Carousel

Multi-Row Image Slider

PDF Viewer

Stories

Linkedin Feed

Coupon Bar

YouTube Slider

Progress Circles

WhatsApp Chat

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Popup box notification Banner, Images, Vimeo Video

PrestaShop module

App Details

Pricing

Check Out the Ratio Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Ratio

Tabs

Team Members Blobs

LinkedIn Feed Carousel

Multi-Row Image Slider

PDF Viewer

Stories

Linkedin Feed

Coupon Bar

YouTube Slider

Progress Circles

WhatsApp Chat

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine