<p class="headings headings-small secondary-font font-weight-bold desc-block-title">Overview</p> <div class="primary-text regular-text text"><div>Allow your customers to save and manage their favorite products in advance wishlist for latter shoppings and share to anyone via multiple channels with secure token.</div></div> <p class="headings headings-small secondary-font font-weight-bold desc-block-title">Gallery</p>

Community developer

Advanced Wishlist | Favorites | Save for later

Customizable widget to manage and display your online course catalog effectively.

The Course Listings widget comes with predefined fields for key details such as course name, description, start date, and price. This setup ensures that all essential information is neatly presented for potential students.

Dedicated Course Information Fields

Tailor your course listings with flexible custom fields. Add extra information like prerequisites, course format, or certification details to meet your institution’s specific needs.

Adaptable Custom Fields

Every course listing features a Full Details Card, offering a comprehensive overview of the course content, prerequisites, and instructor information. Students gain valuable insights to determine their suitability for the course and interest in enrolling.

Detailed Curse Information

Enhance your course listings with interactive visual elements. Incorporate images, videos, and other multimedia to create an engaging and informative experience for prospective students.

Interactive Visual Elements

Adapt the presentation of courses with customizable display options. Choose which fields appear in the preview lists and detailed course cards to provide potential students with essential information at a glance and in-depth insights when needed.

Versatile Courses Display

Offer advanced search capabilities and filters to users. Allow students to find courses by category, level, duration, and more, making it easy for them to find the right course.

Advanced Search and Filter Options

Provide customizable sorting options for users. Let students sort courses by name, date, popularity, and other criteria, making navigation intuitive and user-friendly.

Personalized Sorting Features

The widget provides a variety of beautiful skins, enabling you to align the design with your brand and website aesthetics. This reduces customization time and ensures a cohesive and attractive interface.

Select from Multiple Course Listings Design Skins

Enjoy extensive customization capabilities with the Course Listings widget. Modify colors, fonts, spacing, and other elements to create a widget tailored to your website’s look and functionality.

Fully Customizable Course Listings Widget

The Business Listings widget is user-friendly and requires no coding expertise for customization. Its intuitive dashboard makes it simple to integrate and modify, making it accessible for all users.



Easy-To-Use Business Listings Widget

The Course Listings widget is fully responsive, ensuring an elegant display on any device. This feature is crucial for providing a consistent user experience across desktops, tablets, and smartphones.

Perfectly Responsive Course Listings

Add custom CSS to the Course Listings widget for deeper customization. This feature is ideal for developers and designers who want to apply a unique touch, allowing for fine-tuned adjustments to match your website’s style.

Custom CSS for Enhanced Creativity

Embedding the Course Listings widget is straightforward, requiring just a single line of code. This ease of integration ensures that users of all technical levels can set it up quickly, with automatic updates reflecting every change made.

Effortless Embedding of Course Listings on Any Website

With the Course Listings widget, you can enhance the visibility of your educational offerings. By displaying your courses prominently on your website, you ensure that visitors are aware of the full range of programs available, helping to attract a wider audience and improve your institution's reach.

Enhance Visibility of Your Educational Offerings

The Course Listings widget simplifies course discovery for users by organizing courses into an intuitive and searchable format. This ease of navigation allows potential students to quickly find courses that match their interests and needs, improving their overall experience and satisfaction.

Simplify Course Discovery for Users

Using the Course Listings widget can improve enrollment rates by making your courses more accessible and appealing. The clear and structured presentation of course information encourages visitors to take the next step in their educational journey, ultimately leading to higher conversion rates.

Improve Enrollment Rates with Course Listings

Course Listings

Website Components

New!

Easily craft, customize, and integrate flow charts on your website.

The Diagrams widget offers a versatile range of shapes to represent your information best. Choose from rectangles, ellipses, or triangles to create distinct visuals. Whether you're outlining a process, highlighting key points, or showcasing a hierarchy, these shapes ensure your diagrams are both functional and aesthetically pleasing.

Shape Variety at Your Fingertips

Tailor the connections between your shapes with a variety of connector types. Whether you prefer the artistic curves of bezier, the simplicity of a straight line, or the elegance of smooth steps, the Diagrams widget has you covered. This feature allows you to design diagrams that are both clear in conveying information and visually engaging.



Flexible Connection Choices

Breathe life into your diagrams with animated connectors. This feature gives the illusion of data streaming from one shape to another, adding a dynamic touch to your visuals and making your diagrams more engaging for the audience.

Dynamic Connector Animations

Enhance the clarity of your diagrams with the addition of labels and tooltips. Attach descriptive labels to your connectors to provide context, and use tooltips on shapes to offer additional information on hover. This ensures that your audience receives a comprehensive understanding of the content, all while interacting with the diagram.

Informative Labels and Tooltips

Add clarity to the flow of your diagrams with customizable connector arrows. The Diagrams widget lets you set arrows at the start, end, or both ends of your connectors. This ensures that your audience can easily follow the direction and flow of information, making your diagrams more intuitive and user-friendly.

Directional Arrow Options

Elevate the visual appeal of your diagrams by embedding images directly into your chosen shapes. Whether it's a logo, an icon, or any relevant image, this feature enhances the informational and visual value of your diagrams. By combining imagery with textual content, you can create a more immersive and informative experience for your website visitors.

Embed Images Within Shapes

Tailor the look of your diagrams with a variety of skins. Whether you're aiming for a modern, classic, or unique aesthetic, the Diagrams widget offers multiple designs to align with your website's theme and your personal preferences.

Diverse Aesthetic Skins

Dive into a world of endless possibilities with the Diagrams widget. Designed to be fully customizable, it empowers you to tweak every aspect, from shapes and connectors to skins and animations. This ensures that your diagrams not only serve their purpose but also resonate with your brand and vision, making your website truly stand out.

Complete Customization Control

Experience simplicity at its best with the Diagrams widget. Designed with users in mind, its intuitive interface ensures that creating and modifying diagrams is a breeze, even for those new to the world of web design.

User-Friendly Interface

Ensure a seamless viewing experience across devices with the Diagrams widget. Whether accessed from a desktop, tablet, or smartphone, the widget adjusts perfectly, guaranteeing that your diagrams look impeccable every time.

Adaptable Responsiveness

Unleash your creativity and tailor the Diagrams widget to your exact specifications using custom CSS. This feature allows for deeper customization, ensuring that your diagrams not only function well but also align perfectly with your website's design.

Customize with CSS

Embedding the Diagrams widget into your website is as simple as copying and pasting a code. With its straightforward integration process, you can quickly enhance your site with interactive diagrams without any technical hurdles.

Effortless Integration

Relying solely on text can make content monotonous. By integrating diagrams and flow charts, site owners can diversify their content presentation, catering to a broader audience. Some visitors prefer visual explanations over textual ones, and offering both can cater to varied learning styles, ensuring a more inclusive user experience.

Diversified Content Presentation

Visual aids, such as diagrams and flow charts, are known to improve content retention among users. By presenting information visually, site owners can ensure that their content is not only understood but also remembered by visitors. This can lead to better brand recall and a stronger connection with the audience.

Enhance Content Retention

A well-organized website with clear visuals, like diagrams and flow charts, can elevate the site's professionalism. Visitors often associate such visual aids with thorough research and expertise, enhancing the site's credibility and making them more likely to trust and return to your content.

Increas Professionalism and Credibility

Diagrams

Get Creative

Example 1

Example 2

Example 3

Example 4

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.

Fully Customizable

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.

Easy To Use

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

Display the latest posts from your Vimeo channel

The Vimeo Feed widget comes with a “ticker” animation that imitates an old news ticker and adds a sense of action to your page. Use it to immediately grab the user’s attention.

Ticker Animation

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

Vimeo Feed Date & Time Display Settings

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

Vimeo Feed Auto Refresh

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

Different Vimeo Feed Types

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

Customize Character Display Length

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

Multiple Vimeo Feed Layouts

The Vimeo 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 Vimeo Feed Skins

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

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

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

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

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

Easy To Embed Vimeo Feed

You can select between tabbed and mixed feeds in the Vimeo Feed widget. If you choose the Tabs type, you will organize your tabs by the order of your Vimeo feeds, whereas the Mixed type will mix together the various Vimeo feeds.

Different Vimeo Feed Types 

Vimeo Feed widgets include an animated "ticker" that mimics old news tickers and gives your page a sense of action. Grab your user's attention immediately by using it.

Vimeo Feed Ticker Animation

Using the "auto-refresh" option on the Vimeo Feed widget, you can keep refreshing the feed so that the new posts are displayed.

Vimeo Feed

Social Feeds

Effortlessly explore your Vimeo video collection using intuitive arrow buttons and dot indicators. These navigation tools make it simple for visitors to browse through your carousel, creating a seamless and engaging user experience.

Smooth Navigation with Arrows and Dots

The Vimeo Carousel Widget offers extensive design flexibility, letting you fine-tune its appearance to align with your website’s branding. Modify colors, fonts, spacing, and other elements to achieve a cohesive and unique look that enhances your site.

Fully Customizable Design for the Vimeo Carousel

Ensure your Vimeo carousel displays flawlessly on any screen size. The widget is optimized for responsiveness, providing a consistent and attractive viewing experience on desktops, tablets, and smartphones alike.

Responsive Vimeo Carousel for All Devices

Control the flow of your Vimeo Carousel by setting the slide speed and how long each video stays on screen. This feature lets you deliver a tailored viewing experience that matches your audience’s preferences and keeps them engaged.

Adjustable Carousel Speed and Display Timing

Keep your website dynamic with a Vimeo Carousel that refreshes automatically to showcase your newest videos. This ensures your site always displays the latest content, keeping visitors interested and encouraging repeat visits.

Auto-Updating Vimeo Content for Freshness

Make your carousel interactive by enabling clickable videos. Visitors can click on any video to view it directly, increasing engagement and helping them connect with your content on a deeper level.

Clickable Videos for Enhanced Engagement

Setting up and managing the Vimeo Carousel widget is straightforward, even for those with no coding experience. Its intuitive interface allows you to customize and embed the carousel with just a few simple steps.

Easy-to-Use Vimeo Carousel Widget

For those seeking even more flexibility, the Vimeo Carousel widget supports custom CSS. This feature is ideal for designers and developers looking to refine the carousel’s appearance and functionality to fit specific requirements.



Advanced Customization with CSS

Embedding the Vimeo Carousel widget is quick and easy, requiring just a single line of code. Once integrated, any updates you make will automatically reflect on your website, saving time and effort

Effortless Embedding on Any Website

The Vimeo Carousel widget helps you present your video content in a sleek, scrollable carousel format. This enhances your website’s aesthetic while keeping visitors engaged with visually appealing media.

Showcase Your Vimeo Content in Style

Using the Vimeo Carousel widget can significantly enhance your website’s visual impact, helping you showcase your brand’s creativity. By featuring high-quality Vimeo videos in a dynamic carousel, you leave a lasting impression on your visitors.

Elevate Your Brand’s Visual Presence

With the Vimeo Carousel, embedding and displaying your Vimeo videos is effortless. It allows you to create a smooth, professional display that aligns with your site's design and captivates your audience.

Seamlessly Integrate Vimeo Videos into Your Website

Display your Vimeo videos in a customizable, responsive, and easy-to-navigate carousel.

Vimeo Carousel

The Pomodoro Widget is a customizable online timer with adjustable session lengths and easy website embedding

The Pomodoro Widget allows you to set your own work and break durations, giving you complete control over your time management. You can adjust the Pomodoro session length, short breaks, and long breaks to match your personal workflow. This flexibility ensures that the timer adapts to your productivity style, whether you're following the classic 25-minute method or a customized schedule.

Customize Your Pomodoro Timer Settings

With the Pomodoro Widget, you can rename each timer session to suit your needs. Whether you prefer "Focus Time" instead of "Pomodoro" or "Recharge" instead of "Short Break," custom labels help you stay organized. This makes the widget more intuitive and aligned with your work habits, improving your time-tracking experience.

Personalized Labels for Better Organization

The Pomodoro Widget offers multiple pre-designed skins, allowing you to choose a style that fits seamlessly with your website’s aesthetics. Whether you prefer a minimalistic look or a bold, eye-catching design, you can select a skin that enhances your site’s appearance. This feature ensures a visually appealing experience without the need for extensive customization.

Variety of Pomodoro Widget Design Skins

The Pomodoro Widget comes with extensive customization options, enabling you to modify colors, fonts, and other visual elements. You can tailor the widget to match your website’s branding, ensuring a cohesive and professional look. This flexibility allows you to create a Pomodoro timer that aligns perfectly with your design preferences.

Fully Customizable Pomodoro Widget

Designed for all devices, the Pomodoro Widget adapts seamlessly to desktops, tablets, and smartphones. Whether users are working from a computer or tracking their time on the go, the widget maintains a smooth and functional experience. This ensures accessibility and usability across different screen sizes.

Perfectly Responsive Pomodoro Widget

No coding skills are required to set up and customize the Pomodoro Widget. With an intuitive interface, users can easily adjust timer settings, labels, and appearances with just a few clicks. This user-friendly design makes it simple for anyone to integrate and modify the widget according to their needs.

Easy-to-Use Pomodoro Widget

For those who want more control over the widget’s design, the Pomodoro Widget supports custom CSS. This feature allows developers and designers to apply unique styles and modifications beyond the default customization options. It ensures that the widget can be finely tuned to match any specific branding or visual requirements.

Custom CSS for Advanced Styling

Adding the Pomodoro Widget to your website is quick and easy, requiring just a single line of code. Once embedded, any updates or changes you make to the widget will automatically reflect on your site. This seamless integration ensures that your visitors always experience the latest version without additional maintenance efforts.

The Pomodoro Widget helps users break their work into focused intervals, improving efficiency and reducing procrastination. By integrating it into your website, you provide visitors with a structured way to manage their time effectively. This leads to better work habits and increased task completion rates.

Boost Productivity with the Pomodoro Widget

A built-in Pomodoro Widget encourages visitors to stay longer on your site by offering a valuable productivity tool. Whether they are studying, working, or managing tasks, the widget helps them maintain focus while remaining on your page. This extended session time can improve engagement metrics and SEO performance.

Keep Users Engaged on Your Website

Adding a Pomodoro Widget to your site provides visitors with a helpful, real-world tool they can use immediately. Unlike static content, this interactive feature adds real value by assisting users in time management. A more engaging and useful website leads to repeat visits and higher retention.

Enhance User Experience with a Practical Tool

Pomodoro Timer

The All in One Reviews widget aggregates and displays reviews from various platforms seamlessly.

The All in One Reviews widget consolidates reviews from Google, Airbnb, Amazon, TripAdvisor, Yelp, G2, AliExpress, eBay, Etsy, App Store, Capterra, Google Play, SiteJabber, and Glassdoor. This ensures comprehensive feedback is displayed on your website, enhancing credibility and trust.

Multi-Source Review Aggregation

The All in One Reviews widget offers three review display options: Carousel, Grid, and List. This allows you to tailor the appearance of reviews to match your website’s design, whether you prefer rotating testimonials, a visually appealing grid, or a straightforward list. Customizing the look of reviews to fit your branding ensures seamless integration into your site.

All in One Reviews: Different Review Types

The All in One Reviews widget allows for keyword filtering, enabling you to include or exclude specific terms. This feature helps highlight reviews relevant to particular products or services.

Include or Exclude Keywords

The All in One Reviews widget includes advanced filtering options, such as setting a minimum star rating for reviews. This ensures that only the most positive feedback is displayed on your website.


Reviews Filter

With the All in One Reviews widget, you can manually approve reviews before they appear on your site. This feature guarantees that only appropriate and high-quality content is showcased.

Advanced Wishlist | Favorites | Save for later

PrestaShop module

App Details

Pricing

App Info

Some of the best Common Ninja modules for PrestaShop

Course Listings

Diagrams

Slide-In Panel

Vimeo Feed

Vimeo Carousel

Pomodoro Timer

All in One Reviews

Bracket Maker

Progress Circles

Progress Bars

Image Carousel

Image Grid Slider

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine

Advanced Wishlist | Favorites | Save for later

PrestaShop module

App Details

Pricing

Check Out the Course Listings Widget

App Info

Some of the best Common Ninja modules for PrestaShop

Course Listings

Diagrams

Slide-In Panel

Vimeo Feed

Vimeo Carousel

Pomodoro Timer

All in One Reviews

Bracket Maker

Progress Circles

Progress Bars

Image Carousel

Image Grid Slider

modules You Might Like

Discover the best apps for your website

Common Ninja Search Engine