<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Converts the process of selling your store something nice for your customers and increase conversions visit to customer with this excellent module.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

One Page Checkout PS (Easy, Fast &amp; Intuitive)

Example 1

Example 2

Example 3

Example 4

Example 5

The Before & After Slider widget features the option to create horizontal or vertical sliders, enabling you to unleash the full power of your creativity. With the option to create either horizontal or vertical sliders, you'll have the flexibility to tailor your sliders to fit the needs of your project whether you're a designer, photographer, or business owner, the Before & After Slider widget is the perfect tool to help you showcase your work uniquely and engagingly.

Horizontal & Vertical Slider Direction

With the Before & After Slider widget, you can create as many sliders as you desire, giving you the ability to tell a complete visual story that is tailored to your needs whether you want to showcase the progression of a construction project, the transformation of a home renovation, or the change in the appearance of a person or animal over time.

Multiple Sliders

The Before & After Slider 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 also customize the spacing of the widget to ensure it fits seamlessly into your website layout.

Fully Customizable

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

Perfectly Responsive Before & After

The Before & After Slider 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 Before & After 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.

Before & After Custom CSS

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

Easy To Embed Before & after

You have the ability to adjust the positioning of the labels on the Before and After Slider widget. This allows you to customize the location of the labels to fit best the design and layout of your website or application.

Label's Position

Regardless of whether your image is in the landscape, portrait, or square format, you have the ability to define the image ratio for optimal display.

Image Ratio

With the Before & After Slider, you can increase engagement on your website by offering an interactive feature for your users to interact with. More engagement increases interest and, subsequently, improves the decision-making process that will convert curious visitors into paying customers.

Increased Engagement Through Interaction

With the Before & After Slider widget you can convey a compelling story by using the right images. Demonstrate the changes global warming has on nature, show the powerful transformations of people, present interesting item restoration results and much more!

Compelling Visual Storytelling 

The Before & After Slider allows you to showcase the benefits of your product or service in the most effective way — visual, side-by-side comparison. Show how you’ve restored a mouthful of crooked teeth, or how your product has cleaned the same item, only better, or how you’ve restored a decrepit house into a glorious abode — the options are limitless!

Effective Showcase Presentation

Before & After Slider

Website Components

Images & Galleries

The Website Search Widget includes a floating button, ensuring the search function is always accessible without disrupting the user’s browsing experience. Positioned strategically on your site, the button allows visitors to initiate a search from any page, streamlining navigation. This design element enhances usability and keeps your website clean and uncluttered.

Convenient Access with the Floating Button

The Search Bar Widget is designed for seamless integration, allowing you to embed it on your website with minimal effort. With just a single line of code, you can activate the search functionality powered by Google’s robust search engine. This streamlined process ensures compatibility with any website builder or platform, saving time and making it accessible to all users, regardless of technical expertise.

Effortless Setup and Integration

The Search Widget ensures users receive accurate and contextually relevant search results tailored to your website’s content. Powered by Google’s sophisticated algorithms, the widget provides fast and precise responses, helping visitors find what they need effortlessly. This capability enhances user satisfaction and keeps them engaged with your site longer.

Deliver Precise and Relevant Results

The Website Search Widget offers three distinct search bar layouts—box, line, and box with an external button—allowing you to choose a design that complements your website's style. Each layout is crafted for usability and aesthetics, ensuring a seamless fit within your site's visual theme. This flexibility ensures your search bar looks professional while enhancing the overall user experience.

Customize Your Search Bar Design

The Search Bar Widget provides multiple layout options for displaying search results, including inline, popup, and other configurations. Whether you prefer results to appear seamlessly within the page or in a dedicated popup window, you have full control over how they are presented. This flexibility ensures the search experience aligns perfectly with your website’s design and functionality.

Flexible Layouts for Displaying Search Results

The Google Search Widget allows you to customize the search icon to align with your website’s branding. Choose from various styles, colors, and sizes to create a cohesive look that complements your site’s design. This level of personalization ensures the search feature integrates seamlessly with your visual identity while maintaining a professional appearance.

Personalize the Search Icon to Match Your Brand

With a range of design skins, the Search Widget enables you to pick a look that matches your website’s branding. These ready-made skins reduce the need for customization while delivering a polished and professional appearance. Whether your site features a minimalist or bold design, there’s a skin to suit your needs.

Select from Multiple Google Search Widget Design Skins

The Website Search Widget provides robust customization options, including adjustable colors, fonts, spacing, and more. This ensures you can tailor the widget to meet your specific requirements and maintain a consistent brand aesthetic. The customization flexibility helps you create a search feature that is both functional and visually cohesive.

Fully Customizable Website Search Widget

Designed to be fully responsive, the Search Widget adapts flawlessly to all devices, including desktops, tablets, and smartphones. This ensures your visitors enjoy a seamless search experience no matter how they access your site, improving usability and engagement across all platforms.

Perfectly Responsive Search Widget

The Website Search Widget is user-friendly and doesn’t require any coding knowledge. Its intuitive interface allows for simple setup and customization, making it accessible for all website owners. With just a few clicks, you can integrate a professional search tool into your site.

Easy-to-Use Website Search Widget

For advanced users, the Search Widget supports custom CSS, enabling unique styling and deeper customization. This feature is perfect for developers or designers who want to fully align the widget with their creative vision and functional requirements.

Custom CSS for Enhanced Creativity

Embedding the Search Widget on your website is quick and straightforward, requiring just a single line of code. Once integrated, updates to the widget are applied automatically, saving time and effort while ensuring your website always features the latest version.

 Effortless Embedding of the Search Widget

By offering a search bar tailored to your site’s content, you allow visitors to discover relevant pages, products, or blog posts effortlessly. This improved accessibility encourages deeper interaction with your site, helping users stay longer and explore more.

Improve User Engagement Through a Tailored Search Bar

When users find what they’re searching for quickly, they’re more likely to take action—whether it’s making a purchase, signing up, or reading more articles. A well-integrated search feature simplifies the user journey, leading to higher conversions and better results for your business.

Boost Conversions with a Website Search Widget

The widget leverages Google’s powerful search engine, ensuring fast and accurate results. This means your visitors can trust the results they receive, and you can rest assured your site offers the best search experience possible, matching their expectations.

Seamless Integration with Google Search Capabilities

Website Search

New!

The widget comes with three different panel types that you can choose from to better fit your design and needs. Furthermore, each panel type is customizable, enabling you to match your brand's colors, fonts, and other visual elements for a cohesive and on-brand user experience.


Different Panel Types

The widget features different button layouts that can further help you customize your panel to fit your requirements. The various button layouts offer a versatile and efficient method to interact with visitors to your website, whether you want to draw attention to a limited-time deal or highlight a new product.


Multiple Button Layouts

The widget has various button animations that are sure to draw the user’s attention and encourage them to click on the button. To make it more appealing to your consumers, you can also alter the button animations in accordance with the design language of your website or brand.

Various Button Animations

You have the freedom to tailor the user experience with the slide-in panel widget by choosing the location from which the panel will slide in, either at the top or bottom of your website, depending on your particular design and marketing requirements. This feature not only enables you to seamlessly integrate your new layout, but it also makes sure that the slide-in panel's promotional material is clearly displayed, grabbing visitors' attention and boosting the effectiveness of your marketing campaign.

Two Positions To Choose From

The Slide-In Panel widget features advanced display rules — like when or where to display the widget — that you can set and customize. The rules include action triggers like “on exit”, “time delay”, “page scroll” and more.

Customizable Display Rules

The Slide-in Panel widget has a selection of beautiful skins that you can use to add to it and enrich its visual appearance. The widget offers a selection of skins that you can use to alter the panels' style to fit your website's identity. By using these options, you can quickly and easily construct a Slide-in Panel that matches the general style of your website and has a professional appearance without having to spend hours designing it from scratch.

Multiple Skins

The Slide-In Panel widget comes with a selection of beautiful icons that you can use to add to it and enrich its visual appearance.

A Selection of Beautiful Button Icons

You may fully customize the Slide-in Panel widget to change the style to suit your needs. 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.

Any website would benefit from the widget Slide-In Panel. It 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. You may use the widget to accomplish just that, providing you an advantage over rivals.

Perfectly Responsive

The use of the Slide-In Panel widget is simple and doesn't require any coding expertise. With only a few mouse clicks, you can modify the widget however you wish using our user-friendly interface. As a result, even people without coding knowledge can quickly and easily develop designed elements with a professional appearance that interact with their website and increase their online visibility and audience engagement.

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

Custom CSS

To embed the Slide-In Panel 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 Slide-In Panel editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Slide-In Panel widget, you can greatly increase conversions by making your promotional information clearly visible. This is so that there is a greater chance that website visitors will take action and convert since the Slide-In Panel widget grabs their attention and conveys a clear and concise message.


Increase Conversions

The Slide-In Panel widget’s animation is attention-drawing and is sure to divert the users’ attention to the promotional message you are trying to convey. Using the Slide-In Panel widget to draw attention to your marketing message can boost user interaction and, as a result, your website's conversion rates.


Draw Attention

With the Slide-In Panel widget, you can improve your users’ experience by offering them valuable information that will save them money, and improve their experience. This widget can be easily integrated into your website or application, allowing you to enhance user engagement and drive conversions.

Improve User Experience

Slide-In Panel

Popups, Bars & Buttons

Boost Sales

Customizable measurement guides with responsive layouts and multi-category support.

Easily display size charts for different product categories (e.g., shirts, shoes, shorts) using intuitive tab navigation. This allows your customers to toggle between sizing tables without leaving the page, streamlining their shopping experience.

Multi-Category Support with Tabs

Enhance clarity with visuals that show how to measure chest, waist, inseam, foot length, and more. These illustrations help users take accurate measurements, reducing errors and helping them find the perfect fit.

Visual Measurement Diagrams

Update your size chart directly within the preview using intuitive inline editing. This allows you to click and modify sizing values on the spot without switching views or navigating away. It’s a fast and efficient way to keep your sizing table accurate and up to date.

Inline Editing for Quick Size Updates

Tailor the table headers and accompanying text for each product type to match your brand tone and product line. This feature ensures your sizing table communicates clearly to your audience and stays on-brand.

Custom Table Titles and Descriptions

Showcase clear measurement illustrations—like where to measure chest, waist, or foot length—using built-in example images. These visuals make the sizing process easier for users to understand at a glance. You can also upload your own custom images to match your product line and brand style.

Visual Illustrations with Custom Image Upload

The Size Chart widget offers a variety of layout styles to fit seamlessly into your website’s design. Choose from table formats, tabbed views, or sectioned layouts depending on your needs and the complexity of your sizing information. This flexibility ensures that your sizing table looks professional and stays user-friendly across different devices and design themes.

Varied Size Chart Layouts

Easily match your size chart to your brand identity with a wide selection of beautifully designed skins. The Size Chart widget lets you pick a style that aligns with your overall website aesthetics, saving time on customizations while keeping your pages visually cohesive. No matter if your site is bold, minimalist, or playful, there’s a skin ready to fit perfectly.

Select from Multiple Size Chart Design Skins

Personalize every element of the Size Chart widget to reflect your unique brand voice and visual style. You can adjust colors, fonts, spacing, and more to create a sizing guide that feels completely integrated with your website. With this level of flexibility, your size chart won’t just be functional—it’ll enhance the overall customer experience.

Fully Customizable Size Chart Widget

Designed for full responsiveness, the Size Chart widget ensures a seamless viewing experience across all devices. Whether your visitors are shopping on a desktop, tablet, or mobile phone, your sizing table will adjust elegantly to fit the screen. This adaptability is key to maintaining a smooth and professional shopping experience everywhere.

Perfectly Responsive Size Chart

The Size Chart widget is built with simplicity in mind, making it easy for anyone to set up and customize—no coding skills required. With a straightforward, user-friendly editor, you can quickly create, update, and manage your sizing tables. This approachability saves time and empowers all users to maintain professional-looking charts effortlessly.

Easy To Use Size Chart Widget

For those who want even greater control, the Size Chart widget supports custom CSS styling. This option is perfect for developers and advanced users who want to fine-tune every aspect of the sizing table’s appearance and behavior. It opens up unlimited possibilities to ensure your size chart is truly one-of-a-kind

Adding the Size Chart widget to your site is quick and easy, requiring only a single line of embed code. Once installed, any updates you make within the editor are automatically reflected on your live site. This means you can keep your sizing information fresh and accurate with minimal effort.

Effortless Embedding of the Size Chart on Any Website

Accurate sizing information means fewer surprises when orders arrive. By offering a clear and consistent measurement guide, businesses can significantly reduce the volume of returns due to incorrect sizing. This saves time, money, and hassle for both store owners and customers.

Reduce Return Rates

Displaying an easy-to-read sizing table or fit chart helps demonstrate that your store is detail-oriented and customer-focused. Visitors appreciate transparency, and knowing exactly what to expect in terms of fit builds trust and improves satisfaction.

Boost Customer Trust with Clear Sizing Information

A visually clean and well-organized measurement guide adds polish to your product pages. The Size Chart widget’s sleek design and customization options ensure it fits seamlessly into your website, contributing to a cohesive and professional brand appearance.

Strengthen Brand Image Through Professional Presentation

Size Chart

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.

Ticker Animation

You can further customize the Linkedin Feed widget by displaying the time and date of the feeds.

Date & Time Display Settings

With the "auto-refresh" option toggled on, the Linkedin Feed widget automatically updates the feed with new messages.

Refresh Feed automatically

The Linkedin Feed widget offers two feed types: Tabs and Mixed. Tabs are arranged based on feed order, while Mixed feeds are mixed together to create a diversified feed.

Multiple Feed Types

Customize the length of the characters in the Linkedin Feed widget to make it more compact.

Customize Character Display Length

In order to make sure the Linkedin Feed widget fits your overall design and style, it comes with multiple layout options.

Various Linkedin Feed Layouts

A variety of gorgeous skins are available for the Linkedin Feed widget, so customizing it isn't difficult.

Stunning Skins

The Linkedin Feed widget provides full RTL support for those who write from right to left. It will be easier for your news to be accessed by more people around the world.

RTL Supported

The Linkedin Feed widget allows you to customize the design to meet your needs. There are a lot of options for changing the colors, fonts, and spacing!

Totally Customizable

Any device will be able to use this Linkedin Feed widget. This feature will give you an edge over your competitors in a mobile-centric world. 

The Linkedin Feed widget is easy to install and requires no coding knowledge. Customize the widget in any way you like with our drag-and-drop dashboard.

Simple To Use Linkedin Feed Widget 

The Linkedin Feed widget and all of Common Ninja's widgets can be customized with CSS.

Simply copy and paste the code into your website to embed the widget. Whenever you make a change to your Linkedin Feed, the widget will automatically update.

Simple to Embed

Displaying a LinkedIn feed on a website helps showcase the user's professional expertise, skills, and accomplishments. This can establish credibility, build trust among site visitors, and potentially lead to increased business opportunities or collaborations.

Increase Professional Credibility

By showcasing LinkedIn content on a website, users can promote their LinkedIn presence and encourage site visitors to connect or follow their professional journey. This can lead to an expanded network of connections and prospects, ultimately benefiting the user's professional growth and brand.

Network Expansion

A LinkedIn feed on a website can simplify content management by automating the process of sharing updates and information across platforms. This saves time and effort for the user, ensuring that their website stays current with their LinkedIn activity and further enhancing the site's value for its visitors.

Streamlined Content Sharing

Linkedin Feed

Social Feeds

Display the latest posts from your Mastodon page

You can show your feed in a gallery format, with no other distractions to create a truly immersive experience for your visitors. 


An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 


An Invitation to Explore

Style 3

Style 4

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts. 


Detailed Information for Better Decisions

Style 6

Your page will look more lively with Mastodon Feed's "ticker" animation that mimics an old news ticker. It can be used to grab the user's attention immediately.

Mastodon Feed 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 Mastodon Feed widget according to your needs, and the preferences of your visitors.

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

The Mastodon Feed Refresh Automatically

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

Different Mastodon Feed Types

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

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

Multiple Mastodon Feed Layouts

Various beautiful skins are available for the Mastodon Feed widget, so you don't have to spend much time customizing it.

Mastodon Feed Multiple Skins

The Mastodon 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 Mastodon Feed widget offers full customization options to make it fit your needs. Change the colors, the fonts, the spacing, and anything else!

Any device will look great with the Mastodon Feed widget. You will be ahead of your competitors with this feature in today's mobile-first world.

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

Custom CSS can be added to the Mastodon Feed widget, as with all Common Ninja widgets.

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

Easy To Embed Mastodon Feed on your website

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

Group Mastodon Feeds

When toggled on, the Mastodon Feed widget will keep refreshing and updating its content.

Auto Mastodon Feed Refresh

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

One Page Checkout PS (Easy, Fast & Intuitive)

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Before & After Slider

Website Search

Slide-In Panel

Size Chart

Linkedin Feed

Mastodon Feed

Google Maps

Payment Method Logos

Google Play Reviews

TikTok Feed

Currency Converter

Highlighted Headlines

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

One Page Checkout PS (Easy, Fast &amp; Intuitive)

PrestaShop module

App Details

Pricing

Check Out the Before & After Slider Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Before & After Slider

Website Search

Slide-In Panel

Size Chart

Linkedin Feed

Mastodon Feed

Google Maps

Payment Method Logos

Google Play Reviews

TikTok Feed

Currency Converter

Highlighted Headlines

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

One Page Checkout PS (Easy, Fast & Intuitive)