<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Talk with visitors on your website. Live chat &amp; offline messaging for businesses. Answer questions, solve problems, increase conversions. Live chat and offline messaging in one product&amp;nbsp;&amp;nbsp;</div> </div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Chatra Free Live Chat Integration

Showcases images in a rotating or sliding manner

Example 1

Example 2

Example 3

Example 4

Example 5

The widget comes with the option to change the carousel’s image sizes — from small, to large, vertical, or horizontal; you make the widget fit your specific needs.
Additionally, the widget also includes the ability to add captions to each image, giving you the ability to provide more information and guide visitors to other pages on your website. The carousel feature also allows for easy navigation between images, making it user-friendly and interactive.

Image Carousel Slide Size

With the option to change the arrow types of the Image Carousel slider, and the pagination icons below, you can further customize the widget and make it fit your design requirements.

Arrows & Pagination 

The Image Carousel widget comes with the options to control the speed at which the images slide, and how much time should be spent on the images. You can use these options to tailor your user’s experience.

Slider Speed & Time Per Slide

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

Image Carousel Multiple Layouts

The Image Carousel widget is designed to provide complete customization options, allowing you to edit the design to fit your needs perfectly. With this widget, you can change the colors, fonts, spacing, and a wide range of other design elements to create a custom look and feel tailored to your requirements.


Fully Customizable Image Carousel

The Image Carousel widget is fully responsive and will look great on any device, this feature can give you a significant advantage over your competitors in today's mobile-first world. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Image Carousel

The Image Carousel 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, the Image Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Image Carousel Custom CSS

Embedding the Image Carousel widget on your website is easy, simply copy a single line of code, and paste it into the HTML of your webpage. This allows you to quickly and easily add the widget to your website without any complicated setup or installation process. Once the widget is embedded, it will automatically update with every change you make, so you don't have to worry about manually updating the widget every time you make a change. This feature can save you a lot of time and effort, and ensure that your Image Carousel is always up-to-date and accurate.

Easy To Embed Image Carousel

With the Image Carousel widget, you can enhance your website’s design by selecting beautiful photos, and with the ability to change the photo’s sizes, and the slider’s options, you will be able to create an image carousel that is perfect for your website.

Use Image Carousel to Enhance Design

The Image Carousel widget is especially useful to people who need to promote their images and photos, on a portfolio website, for example, as it gives a simple way to showcase different works in an eye-pleasing manner.

Promote Your Work with Image Carousel

The Image Carousel widget is a perfect way to grab the attention of visitors and encourage them to interact with your website.

Increased Engagement

Image Carousel

Images & Galleries

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

Website Components

New!

Build structured content cards with customizable fields and layout.

Add a Variety of Field Types
The Card Builder widget supports a broad selection of field types, making it easy to create cards that fit your content needs. You can include elements such as title, subtitle, description, image, price, rating, and location, among others. This flexibility allows you to build detailed and well-structured cards that suit a wide range of use cases.

Add a Variety of Field Types

You can add clickable fields like buttons, links, phone numbers, emails, and coupon code buttons. These interactive elements encourage user engagement by making it easier for visitors to take action directly from the card. Whether it’s starting a call, sending an email, or copying a coupon, these fields help drive meaningful interactions.

Interactive Fields for Better Engagement with Card Builder

With the Card Builder, you can place multiple fields side by side within the same row, offering more layout control. This feature helps create compact and visually balanced cards, especially when displaying shorter pieces of information. It's ideal for combining related fields like phone and email, or price and rating, into a single, clean line.

Arrange Fields on the Same Row

Choose from a variety of visually appealing skins to quickly match your site's branding without needing to design from scratch. These pre-made designs save time and effort while ensuring that your cards look polished and professional. Whether your site is modern, playful, or classic, there's a skin to complement it.

Beautiful Pre-Designed Card Builder Skins

The Card Builder widget offers several layout options to ensure it fits seamlessly with your website’s design. Whether you're going for a grid, list, or a more unique structure, you can select the layout that best supports your content and aesthetic goals. This versatility helps you present your information clearly and attractively.

Multiple Card Builder Layouts

You can customize nearly every aspect of the Card Builder widget—from fonts and colors to spacing and alignment. This allows you to create a card style that fits your website’s visual identity perfectly. It’s an ideal solution for tailoring the appearance without compromising on functionality.

Fully Customizable Card Builder Widget

The Card Builder is designed to look great on all screen sizes, including desktops, tablets, and smartphones. This ensures your cards remain readable and well-structured, providing a smooth user experience across all devices. Mobile optimization is built-in, so there’s no extra work needed on your part.

Responsive Design for All Devices

The Card Builder widget is built with simplicity in mind, so no coding skills are required to get started. The intuitive editor makes it easy to add fields, rearrange content, and fine-tune the design with just a few clicks. It’s accessible for beginners while still powerful enough for advanced users.

Easy-to-Use Interface

For those who want deeper control, the widget includes an option to add custom CSS. This feature is perfect for developers and designers who want to apply unique styles or fine-tune the layout beyond the standard settings. It gives you complete creative freedom to make the cards your own.

Custom CSS Support

Embedding the Card Builder on your site is as simple as pasting a single line of code. Once it’s live, any changes made in the editor are automatically updated on your website. This keeps maintenance hassle-free and ensures your content is always up to date.



Quick and Simple Embedding

Once you define your card structure, you can easily replicate it to create multiple entries without starting from scratch. This speeds up content creation and ensures a uniform design across your listings, saving valuable time and effort.

Increase Efficiency with the Card Builder's Reusable Structure

The Card Builder supports a wide range of scenarios—from service listings to team member profiles or event details. Its flexible field setup means you can tailor the widget to fit your specific needs, reducing your reliance on multiple plugins or workarounds.

Adapt to Various Use Cases Without Extra Tools

Presenting information in a structured card format helps visitors quickly scan and absorb key details. Whether you're showcasing products, services, or profiles, consistency improves readability and keeps users engaged longer on your site. A clean layout also supports better user flow, reducing bounce rates.



Boost Engagement with Visually Consistent Content

Card Builder

Manage appointments, sync calendars, and send reminders efficiently.

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

Personalized Booking Pages

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

Integration with Calendars

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

Email Reminders

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

Smart Scheduling

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

Select from Multiple Booking Widget Design Skins

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

Fully Customizable Booking Widget

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

Perfectly Responsive Booking Widget

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

Easy To Use Booking Widget

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

Custom CSS for Enhanced Creativity

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

Effortless Embedding on Any Website

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

Streamline Booking Processes

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

Increase Engagement and Conversion Rates

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

Maximize Resource Utilization

Booking

Forms

User Engagement

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

Fight for Equality

The weather widget provides real-time weather information for their specific area. Leveraging advanced geolocation technology, the weather widget tailors meteorological data to a precise location, ensuring the user receives the most accurate and up-to-date forecasts.

Location-Based Weather Data

The widget provides both short-term and long-term weather forecasts, offering users a comprehensive view of upcoming weather conditions. This feature allows users to plan accordingly for daily activities, travel, and events based on the forecasted weather.

Weather Forecast

The weather widget displays a variety of weather metrics, such as temperature, humidity, wind speed, and precipitation. This feature provides users with a more detailed understanding of the current and forecasted conditions, allowing for more informed decision-making.

Multiple Weather Metrics

The weather widget allows users to view weather information for multiple locations simultaneously, making it an excellent tool for individuals who need to keep track of conditions in different places. This feature benefits businesses and users who have interests in multiple cities or regions, providing a convenient way to access essential weather data all in one place.

Using Multiple Locations

The weather widget offers a variety of layout options, enabling website owners to choose the best format to suit their specific needs and preferences. This flexibility ensures that the widget can be easily adapted to different website designs and structures, enhancing the overall user experience and integration.

Multiple Layouts

With multiple skins available, the weather widget can be easily customized to match the website's look and feel. This feature allows website owners to maintain consistent branding and aesthetics while offering users valuable weather information, creating a cohesive visual experience across the site.

Multiple Skins

The weather widget provides a wide range of weather icons to choose from, allowing website owners to select the ones that best align with their site's design and branding. This feature ensures that the visual representation of weather conditions is consistent with the overall aesthetics of the website, creating a harmonious user experience.

Select from a Various Set of Icons

The Weather widget's design can be easily customized to match the website's branding and aesthetic. Website owners have control over the colors, fonts, and layout, ensuring that the widget seamlessly integrates with the existing design.

Customizable Design

The weather widget is fully responsive, automatically adjusting to fit various screen sizes and devices. This feature guarantees that the widget will display correctly on desktops, tablets, and smartphones, ensuring a consistent user experience across all platforms.

Responsive weather widget Design

The weather widget is designed with user-friendliness in mind, making it simple and straightforward for users to access and understand the provided weather information. This ease of use encourages user engagement and ensures that visitors can quickly obtain the data they need without any unnecessary complications, enhancing the overall experience on the website.

Easy to Use Weather widget

Like all our widgets, the weather widget allows you to incorporate custom CSS for a truly personalized touch. Users with coding expertise can elevate the widget's appearance, achieving the ideal design by adding their own custom CSS.

Infuse Your Unique Style with Custom CSS

The weather widget is designed for easy integration into a website's existing code, requiring minimal technical knowledge to implement. This feature allows website owners to quickly add the widget to their site without needing extensive development resources or expertise.

Easy Integration of a Weather Widget

A weather widget can significantly improve the user experience on a website. By providing real-time, location-specific weather information, users can quickly access relevant data without needing to leave the site or search elsewhere.

Enhanced User Experience with a Weather Widget

A weather widget drives user engagement by offering relevant weather information, allowing users to make informed decisions based on current conditions or forecasts. This can lead to a more satisfying experience on the website, encouraging visitors to explore other content and services offered.

Increased Website Engagement

By integrating a weather widget, businesses can help users make better-informed decisions related to their products or services. For example, a travel website that includes weather information allows users to plan their trips more effectively, increasing the likelihood of booking through the platform.

Chatra Free Live Chat Integration

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Image Carousel

Flip Card Builder

Card Builder

Booking

Course Registration Form

Live Weather Forecast

Order Form

Opening Hours

Code Snippets

World Clock

Info List

Consent Form

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Chatra Free Live Chat Integration

PrestaShop module

App Details

Pricing

Check Out the Image Carousel Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Image Carousel

Flip Card Builder

Card Builder

Booking

Course Registration Form

Live Weather Forecast

Order Form

Opening Hours

Code Snippets

World Clock

Info List

Consent Form

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine