Jan Peca 1.1.0-pl (21 KB)Other VersionsNeed help installing this extra?

ChromePHP

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!

Create, customize, and display product catalogs seamlessly on any website.

Utilize the Catalog widget to sort products into organized categories. An intuitive navigation panel lets visitors swiftly filter by these categories. This enhances the browsing experience, guiding users directly to their desired products.

Catalog Categories

Incorporate a "Call to Action" (CTA) button with the Catalog widget, directly linking to each item. This clickable element streamlines user navigation, leading them effortlessly to more detailed information or purchase pages. Enhance user engagement and potentially increase conversions with this intuitive feature.

CTA button

Using the Catalog widget, showcase a complete profile for each item with a title, description, and image. This holistic presentation ensures visitors receive a clear and concise overview of every offering, enhancing their browsing experience.

Comprehensive Item Details

Integrate a search bar with the Catalog widget to empower your visitors. This feature allows for immediate and accurate product searches, streamlining user navigation and helping them effortlessly find what they're looking for.

Instant Product Lookup

With the Catalog widget, choose between two distinct item layouts. This flexibility allows you to select the visual representation that best suits your content and aligns with your website's design, ensuring a cohesive and appealing user experience.

Tailored Visual Presentation

The Catalog widget offers a range of beautiful skins to choose from. Customize the appearance to match your website's style and vibe, ensuring not only functionality but also a visually appealing and cohesive user experience.

Diverse Aesthetic Catalog Skins

With the Catalog widget, easily integrate via CSV or API to auto-populate your catalog. This ensures your products and items are showcased effortlessly and accurately, minimizing manual input and enhancing the efficiency of your site's content management.

Seamless Integrations

The Catalog widget is designed with ease of use in mind and doesn't require any coding expertise. Its intuitive dashboard, paired with a drag-and-drop interface, empowers you to tailor the widget to your preferences effortlessly. Customize and curate your catalog with just a few simple clicks.

Easy to Use Catalog

With the Catalog widget, you're in the driver's seat when it comes to design. Adjust various elements, from colors and fonts to spacings, ensuring it complements your brand or personal aesthetic. Whether you're aiming for a contemporary feel or a classic touch, the Catalog widget offers a plethora of customization choices, allowing you to achieve the ideal design for your endeavor.

Fully Customizable Catalog Widget

The Catalog widget is more than just a visual asset; it's an essential tool for modern websites. It boasts a fully responsive design, ensuring it adapts gracefully to any device's screen size. In today's mobile-driven world, a site optimized for mobile viewing isn't just a luxury—it's a necessity. And with the Catalog widget, your website will shine on any platform, providing you with a competitive advantage.

Perfectly Responsive Catalog Widget

Dive deep into the design with the Catalog widget's advanced editor, granting you unparalleled control over its aesthetics. Tailor everything, from colors and fonts to layout nuances, suiting your unique taste. For those seeking a more intricate touch, direct CSS editing is at your disposal. Whether aiming for modest tweaks or extensive customizations, our advanced editor ensures your vision comes to life.

Custom CSS for Catalog Widget

Embedding the Catalog widget is as simple as copying and pasting a given code snippet into your webpage's HTML. What's more, the widget's design prioritizes ease-of-use and adaptability. Any modifications made in the Catalog Editor automatically reflect on your site, eliminating the hassle of manual updates and ensuring real-time synchronization.

Easy to Embed Catalog Widget

The Catalog widget allows for a systematic and visually appealing presentation of your items. You can showcase products, services, or any other listings in a structured manner. This organization not only aids in clarity but also aids in user navigation.

Organized Display of Items

By utilizing the Catalog widget, your website gains an edge in professionalism. A well-structured catalog signifies attention to detail and dedication to user experience. As a result, your site's credibility is enhanced, potentially attracting more visitors.

Enhance Site Professionalism

Updating your catalog becomes a breeze with the Catalog widget. You can make real-time changes, ensuring that visitors always access the most recent and relevant information. The widget eliminates the need for manual adjustments or overhauls, saving you time.

Streamlined Updates

Catalog

Display important messages and notifications in a designed bar, at the top or bottom of the screen

Example 1

Example 2

Example 3

Example 4

Example 5

The Notification Bar 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 Notification Bar widget comes with two position options — you can either show it at the top of the screen or at its bottom.

Top or Bottom Notification Bar

The Notification Bar widget features the “sticky” option, which can pin your notification bar and fix it to a position of your choosing. That way, when the user scrolls, down or up, they’ll still see the notification bar.

Sticky Feature Bar

You can add a button to the Notification Bar widget, and add a link to it to improve navigation, encourage action and improve conversions.

Add a Button to the Notification Bar

The Notification Bar widget comes with a selection of beautiful icons that you can use to add to the notification bar and enrich its visual appearance.

Show an Icon

To enable the process of customization quicker, you can choose one of the many button templates available.

Multiple Button Templates

The Notification Bar widget comes with a playful “shaking” button animation, with which you can draw attention to the button and encourage users to click on it.

Shaking Button Animation

The Notification Bar 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 Notification Bar 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 Widget

The Notification Bar 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 Notification Bar

The Notification Bar 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 Notification widget

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

Custom CSS

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

Easy To Embed on your website

The Notification Bar widget lets you notify your site visitors of important information. Whether it’s about updates, changes in pricing or policy, or promotions and discounts — your site visitors will certainly notice it.

Notify Site Visitors

The Notification Bar widget comes with full customization options, a “sticky” feature as well as a “shaking” button animation, and further templates and skins — all of which will serve to draw the attention of your visitors to the message you are trying to convey.


Draw Attention

With the Notification Bar widget, you can easily tailor a message that will drive your users to action. The Notification Bar widget features the ability to add a button, link it, and make it extra visible with animation. Whether you want your users to sign up, purchase something, or perform another action, the widget will surely help you with that.

Encourage Action

Notification Bar

Popups, Bars & Buttons

Boost Sales

notification bar 1

Showcases quotes in a rotating or sliding manner

The Quotes Carousel widget comes with the option to change the carousel’s sizes — from small, to large, vertical, or horizontal, you make the widget fit your specific needs.
This flexibility allows you to showcase quotes in various ways, depending on the layout and design of your website. Whether you want to highlight a single quote or display multiple quotes at once, the Quotes Carousel widget can accommodate your needs. With the ability to customize the size, the Quotes Carousel widget gives you complete control over how you present quotes on your website.

Carousel Size

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

Quotes Carousel Arrows & Pagination

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

Slider Speed & Time Per Slide

The Quotes Carousel widget comes available with multiple layouts that you can choose from to make sure it fits your overall website design and style.
This allows you to create a cohesive look and feel across your website by matching the Quotes Carousel widget's design with the rest of the elements on your website.

Multiple Layouts

The Quotes Carousel widget comes with the option to choose from three types of quote displays — with quote marks, highlighted, or standard.
This feature allows you to present quotes in a way that best suits your website's design and the type of quotes you're featuring. With these different display options, the Quotes Carousel widget allows you to present quotes in a way that is most effective and impactful for your audience and to provide a unique visual experience for your visitors, and make your website stand out.

Multiple Quotes Types

You can choose from a large selection of premade skins to kick-start your design process.
This feature saves you time and effort by providing a variety of ready-made skins that you can use as a starting point for your design. The premade skins have been carefully crafted to suit different website styles and themes, and you can easily customize them to match your brand's colors, fonts, and overall aesthetic. This way, you don't have to start from scratch when designing your Quotes Carousel widget; you can pick a skin closest to your desired design and make minor adjustments to make it perfect for your website. Furthermore, having a variety of premade skins also means that you have a more comprehensive range of options to choose from, ensuring that you'll find one perfect for your website.

Multiple Quotes Carousel Skins

The Quotes Carousel 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!
This gives you complete control over the widget's appearance, ensuring that it perfectly matches the design of your website. With the ability to customize all aspects of the Quotes Carousel widget, you can make it stand out or blend seamlessly with the rest of your website. Furthermore, the customization options allow you to create a unique and personalized experience for your visitors. You can also use it to match your brand's visual identity, making it consistent across all website pages. In addition to design, you can customize other features such as the transition effects, the layouts, and the quote displays. All in all, the Quotes Carousel widget provides a wide range of customization options, giving you the freedom to create a truly unique and engaging experience for your visitors.

Fully Customizable Quotes Carousel Widget

The Quotes Carousel 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. With more and more people accessing the internet through their smartphones and tablets, your website must be optimized for mobile devices.

Perfectly Responsive Quotes Carousel widget

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

Embedding the Quotes 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 Quotes widget every time you make a change. This feature can save you a lot of time and effort and ensure that your Quotes Carousel is always up-to-date and accurate.

Easy To Embed Quotes Carousel

With the Quotes Carousel widget, you can enhance your website’s design by displaying powerful quotes. With the ability to change the carousel’s size, and the slider’s options, you will be able to create a quotes carousel that is perfect for your website.
With the Quotes Carousel widget, you can add a dynamic and engaging element to your website that will leave a lasting impression on your visitors.

Use Quotes Carousel to Enhance Design

A major benefit of the Quotes Carousel is that it doesn’t take up much space. Unlike galleries, cards, and other forms that take up a lot of space, the Quotes Carousel can show as many quotes as you want, from within a fixed position, and in an interactive manner. Additionally, you can create different carousels for different categories, and avoid building unnecessary pages for different categories.

Save Space On your Website

The Quotes Carousel widget is a perfect way to grab visitors' attention and encourage them to interact with your website.
Not only does it add visual appeal to your website, but it also allows you to showcase meaningful and inspiring quotes that can resonate with your visitors. You can use quotes from famous figures, industry leaders, or even customers to connect with your audience on a deeper level. 

Increased Engagement

Quotes Carousel

Get Creative

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

Social Feeds

Displays a timer counting down to a specific date or event

The Countdown widget features captivating animations for number transitions, adding a dynamic and engaging element to your timer. Customize the animation style and speed to suit your preferences and make your countdown timer stand out to your website visitors.

Animated Number Transitions

The Countdown widget offers the unique feature of creating an evergreen timer, which sets a personalized countdown for each visitor, beginning the moment they enter the website. This individualized approach fosters a sense of urgency and engagement, as users experience a tailored countdown that directly corresponds to their visit, making your event or promotion even more compelling.

Individualized Countdown for Each Visitor

The Countdown widget offers the flexibility to personalize the titles or labels for days, hours, minutes, and seconds, allowing you to make the timer more relevant to your specific event or promotion. Tailor the labels to your audience and context, ensuring a more engaging and meaningful user experience.

Customizable Titles and Labels in Countdown

Upon reaching the countdown's end, the Countdown widget can showcase a vibrant confetti animation and reveal a tailored message to mark the occasion. This attention-grabbing element amplifies the excitement and engagement, providing users with a memorable experience as they engage with your event or promotion at the culmination of the countdown.

Festive Confetti Animation and Custom Completion Message

With a selection of design skins available, the Countdown widget can easily be tailored to match your website's aesthetic. Choose from different pre-built themes and effortlessly adapt the widget's appearance to blend seamlessly with your site's overall design.

Customizable Countdown Design Skins

The Countdown widget offers various layout options, allowing you to choose the style that best suits your website's design. Select from a range of presentation formats, including horizontal, vertical, or circular timers, to create an attractive and visually appealing countdown display.

Multiple Layout Options

Control the look and feel of your Countdown timer by adjusting colors and fonts to match your brand identity. With a wide array of color options and a vast selection of fonts, you can easily create a countdown timer that complements your website's design language.

Extensive Color and Font Customization

The Countdown widget boasts a responsive design that ensures optimal display and functionality across various devices and screen sizes. Whether your visitors are accessing your website via desktop, tablet, or mobile, the countdown timer will automatically adapt to deliver a seamless and visually appealing experience, keeping your website professional and engaging at all times.

Perfectly Responsive Design

The Countdown widget is incredibly user-friendly, requiring no coding skills or technical expertise to implement on your website. Its intuitive interface and simple setup process make it accessible to users of all experience levels, allowing anyone to create and customize a countdown timer with ease.

Effortless Setup and No Coding Skills Required

For those looking to dive deeper into customization, the Countdown widget provides full CSS control. This feature allows advanced users or web developers to fine-tune the appearance and behavior of the timer, ensuring that it aligns perfectly with their specific design vision and requirements.

Full CSS Control for Advanced Customization

The Countdown widget is designed to work seamlessly with various website builders and platforms, ensuring smooth integration with your site. Its user-friendly setup process allows you to quickly add the countdown timer to your website without any technical difficulties or compatibility issues.

Easy Integration and Platform Compatibility

The Countdown widget generates a sense of urgency and anticipation among website visitors, encouraging them to interact with your content and offers. By creating a real-time countdown, users become more invested in the event, promotion, or deadline, which ultimately increases their engagement with your site.

Boost Engagement and Excitement with Countdown

By displaying a dynamic Countdown timer on your website, you create an engaging element that invites users to return and track the progress of the countdown. This encourages regular site visits and enhances user retention, as visitors are more likely to come back to stay updated on the countdown's progress or to participate in the event or offer when it becomes available.

Increase User Retention and Return Visits using Countdown

Utilizing the Countdown widget can create a sense of urgency, motivating website visitors to take action before time runs out. This can be particularly useful for limited-time offers, promotions, or event registrations, ultimately increasing conversions, sales, and user participation.

Drive Conversions and Sales using Countdown

Countdown

Allow users to submit support tickets, save submissions, enable notifications, and more

The Support Form Builder offers a wide range of customizable fields, from basic ones to unique and specialized formats, which allows you to tailor your form to your specific requirements and intended use. You can easily add fields by clicking on the "Add Field" option and selecting from the vast collection of formats available. Additionally, you can effortlessly reorder the fields by dragging and dropping them as needed.

ChromePHP

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Course Listings

Catalog

Notification Bar

Quotes Carousel

Vimeo Carousel

Countdown

Support Form

WhatsApp Chat

Highlighted Headlines

Pricing Tables

Card Builder

Form Builder

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

ChromePHP

MODX extra

App Details

Pricing

Check Out the Course Listings Widget

App Info

Some of the best Common Ninja extras for MODX

Course Listings

Catalog

Notification Bar

Quotes Carousel

Vimeo Carousel

Countdown

Support Form

WhatsApp Chat

Highlighted Headlines

Pricing Tables

Card Builder

Form Builder

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine