Overview <div class="primary-text regular-text text"><div> Use the Image Convert module to optimize the size of your website&apos;s images, speed up the page loading, free up the space for storing data on the server and increase your ranking in search engines such as Google, Yandex, etc.</div></div> Gallery

Community developer

Image Convert: webp, jp2, lazy load, png &amp; jpg compress

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

Eye-Catching Ticker Animation

Keep your feed current without any manual updates. The Bluesky Feed widget refreshes automatically, providing your visitors with the latest posts in real-time to keep them engaged.

Automatic Bluesky Feed Updates

Display your Bluesky content in a variety of ways, such as a Tabs layout or a Mixed feed. This flexibility ensures that your feed seamlessly fits your website's design and meets your audience's engagement preferences.

Choose from Multiple Bluesky Feed Types

Select from different layout styles, including grid, list, or carousel, to present your Bluesky feed. These layout options allow you to enhance user interaction while complementing your website’s overall look and feel.

Diverse Bluesky Feed Layouts

Choose from various pre-made skins to match your website’s aesthetic with minimal effort. Bluesky Feed’s design skins provide a quick way to enhance your site's visual appeal without needing extensive customization.

Wide Range of Design Skins

Choose how the date and time appear on your Bluesky posts with flexible formatting options. This allows you to match the feed's date display with your website's overall design and user preferences.

Customize Bluesky Feed Date & Time Display

Adjust the character limit of displayed posts to suit your website’s layout. Shorter text can make the Bluesky Feed more compact, optimizing space and ensuring a neat, organized appearance.

Control Post Character Length

Bluesky Feed supports right-to-left languages, making your content accessible to a global audience. This feature ensures that visitors using languages like Arabic or Hebrew can easily read and interact with your feed.

Full Right-to-Left (RTL) Language Support

Tailor the Bluesky Feed to align perfectly with your brand's style. From color schemes to font selections and spacing adjustments, you have the freedom to craft a feed that fits seamlessly into your website's unique design.

Fully Customizable Bluesky Feed

Bluesky Feed automatically adapts to all screen sizes, ensuring a consistent and attractive presentation on desktops, tablets, and mobile devices. This responsiveness guarantees an optimal user experience regardless of how visitors access your site.

Responsive on All Devices

Designed for simplicity, the Bluesky Feed widget requires no coding knowledge. It features an intuitive dashboard and drag-and-drop functionality, allowing you to effortlessly customize the feed to match your website’s style and enhance user engagement without technical hassle.

User-Friendly Bluesky Feed Widget

For those seeking deeper customization, Bluesky Feed offers support for custom CSS. This feature lets you apply advanced styling, providing a way to perfectly tailor the widget's look and behavior to your specific requirements.

Advanced Customization with Custom CSS

Adding Bluesky Feed to your site is hassle-free. Simply copy and paste a single line of code, and the widget integrates seamlessly. It also updates automatically, ensuring your visitors always see the latest content.

Effortless Embedding

Embedding Bluesky Feed can attract visitors to your social profile, promoting cross-platform engagement and growing your online community.

Drive Traffic to Your Bluesky Profile

Displaying real-time Bluesky content on your website keeps visitors engaged, encouraging them to explore and interact with fresh updates.

Boost User Engagement with Bluesky Feed

The Bluesky Feed widget automatically refreshes with the latest posts, ensuring your website offers constantly updated content for returning visitors.

Enhance Site Content with Real-Time Updates

Bluesky Feed

Social Feeds

New!

A button placed at the bottom of a webpage that, when clicked, scrolls the page back to the top

The Back to Top Button widget comes with an option to change the position of the button (right, left, center), which will allow you to customize it to fit your specific needs. This flexibility ensures that the button blends seamlessly with the overall design of your website, making it an essential tool for improving user experience and navigation.

Easy Button Position Change

The Back to Top Button widget features different arrow icons you can choose from. Simply select the one that will complement your website’s design. This customization option provides the flexibility to match the button to your website’s aesthetic, creating a seamless and visually appealing user interface.

Different Icon Types

The Back to Top Button widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style. With this versatility in design options, you can seamlessly integrate your brand's aesthetic into your website while maintaining a polished look.

Back to The Top button Multiple Layouts

The Back to Top Button 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. And even if you decide to customize the widget further, its user-friendly interface makes it easy for you to personalize it to match your website's unique style and aesthetic.



Multiple Skins for the Back to Top button

The Back to Top Button widget is designed to be fully customizable, allowing you to adjust the design to match the look and feel of your website. With various customization options at your fingertips, you can easily change the colors, fonts, spacing, and other elements to create a button that fits seamlessly into your website design. Whether you're looking to match your brand colors, create a unique look, or personalize your website, the Back to Top Button widget provides you with all the tools you need to get the job done. Additionally, with the ability to preview your changes in real time, you can easily experiment with different styles and design elements until you find the perfect combination that fits your needs and enhances the user experience on your website.

Fully Customizable Widget

The Back to Top Button widget is designed to provide a seamless user experience on any device. With its fully responsive design, the button will look great and function smoothly on desktop computers, laptops, tablets, and smartphones. This is especially important in today's mobile-first world where more and more people are using their smartphones and other mobile devices to browse the web. By ensuring that your website is optimized for all devices, you'll improve the user experience for your visitors and stay ahead of your competitors in terms of functionality and design. With the Back to Top Button widget, you'll be able to provide your visitors with a fast, easy, and intuitive way to navigate your website no matter what device they use.

Perfectly Responsive Widget

The Back to Top Button 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

In addition to the built-in customization options, the Back to Top Button widget allows you to add your custom CSS to enhance the button further and make it truly unique. Whether you're a seasoned developer or simply looking to get creative, the ability to add custom CSS gives you the power to take your website design to the next level. With custom CSS, you can change the button's size, shape, and positioning, or even create entirely new styles from scratch. The possibilities are endless, and with some creativity, you can make the Back to Top Button widget your own. This level of customization allows you to create a button that fits perfectly with the look and feel of your website and enhances the overall user experience for your visitors. Whether you're looking to create a sleek, modern design or a more traditional, classic look, the Back to Top Button widget and its custom CSS capabilities give you the tools you need to make it happen.

Back to Top button Custom CSS

You can embed the Back To Top button on your website easily by copying a single line of code. The Back to Top Button widget will also be updated automatically with every change you make.
Copy the code for the button and paste it into your website's HTML code. The code should be placed in the appropriate section of your website, such as the footer or header.



Easy To Embed Back to Top button

The Back to Top button provides users with easier on-site navigation as with a simple click, they will be transformed back to the top of the page. This is ideal for pages where there’s a lot of text, and scrolling back up may be an annoyance.

Easy Navigation with Back to Top button

The improved navigation that the Back to Top button offers will undoubtedly improve the users’ experience on your website, encouraging them to come and visit your website again. Additionally, the added convenience of quickly returning to the top of the page with just one click can save time and effort for the user, further enhancing their overall experience on your website.

Improved User Experience

With simple navigation to the top of the page, users will be able to engage with other elements on your website, for example, with call-to-action buttons, additional links, videos, images, and more. This, in turn, can lead to increased engagement, higher conversion rates, and ultimately, a boost in overall website success.

Use a Back to Top button for More Engagement

Back to Top Button

Popups, Bars & Buttons

Multiple Floating Corner Pop-up Layouts

The Corner Pop-up widget boasts an array of attractive skins. This collection eliminates the hassle of extensive design modifications. Site owners can effortlessly pick a skin that aligns with their desired look and feel.

Variety of Toast Notification Skins

The Corner Popup widget provides comprehensive customization features. Website owners can adjust elements such as colors, fonts, and spacing to seamlessly integrate the notification with their site's design. Every aspect can be tweaked to fit unique preferences.

Tailored Design Options

With the Corner Pop-up widget, you're not just limited to text. A curated collection of striking icons is available to enhance the visual appeal of the notification. By incorporating these icons, website owners can make their messages more engaging and visually compelling.

Diverse Icon Choices

With the Corner Popover widget, positioning becomes a breeze. Website owners can opt to display the notification in the left, center, or right corner. This flexibility allows for tailored placement to suit individual site structures.

Corner Popover Position Flexibility

The Floating Corner Pop-up widget is equipped with intricate display rule settings. Users can decide when or where the widget should appear based on specific actions or triggers, such as "on exit", "time delay", or "page scroll". These adaptable rules give greater control over visitor interactions.

Defined Display Preferences

The Corner Popover widget simplifies the customization process with its user-friendly dashboard. Even without any coding knowledge, the intuitive drag-and-drop feature ensures a seamless experience. With just a few clicks, your widget is tailored to your liking.

Effortless Corner Pop Up Customization 

In today's mobile-centric environment, the Corner Popup widget stands out by being fully responsive. Regardless of the device being used, this widget maintains its visual appeal and functionality. This adaptability gives you a competitive edge in ensuring user satisfaction.

Perfectly Responsive Corner popup

While all of Common Ninja's widgets come with their own set of features, the Corner Popup widget takes it a notch higher by allowing custom CSS. Dive deeper into customization and let your creativity shine, refining the widget's appearance to your exact specifications.

Corner Pop-Up Custom CSS

Embedding the Corner Pop-Up on your website is a breeze. Just copy and paste a single line of code, and it's integrated. Moreover, the Corner Popup widget continually refreshes, automatically reflecting every modification you make, ensuring your site remains up-to-date.

Easy To Embed Corner pop-up

The Corner Pop-Up provides a subtle notification approach, ensuring site visitors aren't overwhelmed by full-screen alerts. This means site content remains front and center, resulting in a more welcoming experience.

Enhanced User Experience with Corner Pop-Up

The Corner Pop-Up widget's strategic corner placement captures attention without dominating the screen. By striking this balance, site owners can effectively convey their messages while preserving visitor satisfaction.

Maximized Engagement Without Intrusiveness

The Corner Pop-Up widget's design is optimized to use website space wisely. By placing notifications in a corner, it ensures the core content of the site remains unobstructed and easily accessible to visitors.

Efficient Real Estate Utilization

Corner Pop-up

Allow users to register for courses and classes, save submissions, enable notifications, and more

The Course Registration Form Widget offers a variety of customizable fields to create the perfect course registration form for your needs. You can easily tailor the form to suit your requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect registration form.

Customizable Fields for Course Registration Form

The Course Registration Form Widget simplifies the collection and organization of all registrant data in a clear and accessible format. This feature streamlines the tracking of registrations, ensuring that you can review and respond to registrants more quickly and effectively. With our widget, you can easily manage and access all the information submitted in the form, making it easier to keep track of your course registrants.

Easy Collection of Course Registrant Data

The Course Registration Form Widget's export functionality for registrant data to a CSV file offers significant benefits in terms of efficient registration organization and integration with other tools. This feature allows for easy transfer of registrant data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of registrant information for data analysis, reporting, and management purposes, this feature is an invaluable asset. 

Export Course Registrant Data to CSV

The Course Registration Form widget makes it simple to accept payments from your users. Whether you’re offering classes, workshops, or training sessions, this feature allows you to integrate secure payment options directly into your form. With an intuitive setup and dependable payment processing, you can streamline the registration process while delivering a seamless experience for your participants.

Collect Payments Directly Through Your Course Registration Form

By incorporating designated fields for course registration such as Personal Information, Course Selection, and Course Prefered Time, you can gather important information that can help you manage your courses more efficiently. By including fields such as Preferred course dates, special requirements or accommodations, and payment options, you can provide a more personalized and streamlined registration experience for your students.

Key Fields for Course Registration Form

Incorporating headings, descriptive text, and visuals into your course registration form enables a more engaging and intuitive registration experience for students. Including informative form elements can guide registrants through the process, promoting a seamless experience and increasing the chances of successful registrations. With the ability to customize the form with text, images, and other visuals, you can create a registration form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Course Registration Form with Text and Images

With the Course Registration Form Widget, you have the option to personalize your registration form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Course Registration Form Widget also includes the option to enable notifications for both the form owner and the registrant. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the registrant upon successful registration. 

Receive Notifications for New Course Registration Submissions

The Course Registration Form allows you to enable the CAPTCHA anti-spam feature, which registrants must complete before submitting their registration. This functionality helps prevent bots and automated scripts from submitting spam entries through your registration form, ensuring that you receive authentic registrations from genuine students. 

Prevent Spam in Your Course Registration Form

The Course Registration Forms ensures HIPAA compliance, offering end-to-end data encryption and role-based access management to protect sensitive information. Seamless integrations, including a HIPAA-compliant API and support for tools like Google Sheets and EMR systems, enhance functionality. Additionally, activity tracking and audit logs provide full transparency over data access.

HIPAA Compliance for Secure Forms

The Course Registration Form Widget comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Course Registration Form Styles

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

Fully Customizable the Course Registration Form

The Course Registration Form Widget is fully responsive and will look great on any device. Having a form 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. With our widget, you can create a registration form that is perfectly responsive and provides a seamless registration experience on any device.

Perfectly Responsive Course Registration Form

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

Easy-to-Use Course Registration Form Widget

Our advanced editor is a robust tool that grants you full control over the Course Registration Form Widget's appearance. With this feature, you can effortlessly personalize every aspect of the widget's design, from 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 CSS for Course Registration Form Widget

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

Easy Embed of Course Registration Form Widget

The Course Registration Form widget allows students to register for a course online at their own convenience without having to visit the organizer's office or make a phone call.


Convenient Online Course Registration

Track the number of registrations and contact registered students with ease. This reduces the chances of registration mix-ups and also ensures that students receive all necessary communication from the organizer.

Effortless Tracking Course Registrations

The Course Registration Form widget helps reduce the time and effort required for manual registration processes. The organizer can use the time saved in managing other important tasks.

Streamline Your Course Registration

Course Registration Form

Forms

Fight for Equality

Display a feed of the latest posts from a Facebook user or page

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

Facebook Feed Date & Time Display Settings

The Facebook 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 Facebook Feed widget — Tabs and Mixed. The Tabs type keeps all your tabs organized by order of feed, while the Mixed type, mixes the various Facebook feeds to create a diverse feed.

Different Feed Types

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

Customize Character Display Length

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

Facebook Feed Multiple Layouts

The Facebook 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.

Multiple Skins

The Facebook 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 Facebook 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!

Fully Customizable 

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

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

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

Custom CSS

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

Easy To Embed Facebook Feed

With the Facebook Feed widget, you can collect and group various Facebook feeds into one page for more accessible, and quicker access.

Group Facebook Feeds

By grouping all the Facebook feeds into one page, you’ll make accessing these feeds much easier for your readers, thereby improving their experience. 

Improve User Experience

The Facebook Feed widget is fully customizable, and you can use it to enhance your page’s design. You can additionally enhance the design by implementing the gentle “ticker” animation, which is sure to make your page more appealing.

Image Convert: webp, jp2, lazy load, png & jpg compress

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Before & After Slider

Bluesky Feed

Back to Top Button

Corner Pop-up

Course Registration Form

Facebook Feed

Lottie Player

Cookies Consent Bar

Animated Number Counter

Image Poll

Skill Flip Cards

TikTok Carousel

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Image Convert: webp, jp2, lazy load, png &amp; jpg compress

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

Bluesky Feed

Back to Top Button

Corner Pop-up

Course Registration Form

Facebook Feed

Lottie Player

Cookies Consent Bar

Animated Number Counter

Image Poll

Skill Flip Cards

TikTok Carousel

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Image Convert: webp, jp2, lazy load, png & jpg compress