<p>With this MODX Revolution package you can generate a xPDO where clause on base of request parameters. This where clause can i.e. be used as pdoRessources or getResources where property.</p>

Thomas Jakobi

FilterWhere

Shows images in a Slideshow sequence that transitions from one slide to the next.

The Slideshow widget lets you control how each slide is displayed so it fits your layout and content. You can switch between different image sizes and orientations, such as small, large, vertical, or horizontal, depending on what looks best on your page. Each slide can also include a caption, which helps you add context, explain what visitors are seeing, or guide them toward another section or page. Navigation between slides is simple, so users can move through the Slideshow without friction.

Control Slide Size, Orientation, and Captions

You can customize the Slideshow widget to match your site’s visual style in detail. Adjust colors, fonts, spacing, borders, backgrounds, and other design elements until the Slideshow feels native to your page. This makes it easy to use the widget across different sections of your site while keeping a consistent look, whether you want something minimal or more branded.

Customize the Slideshow Look to Match Your Site

The Slideshow widget is fully responsive, so slides scale smoothly across desktop, tablet, and mobile. Images remain sharp, controls stay usable, and captions remain readable at every screen size. Since many visitors browse on phones, having a responsive Slideshow helps keep the visual experience clear and interactive without forcing extra zooming or scrolling.

Responsive Image Slideshow Across Devices

The Slideshow includes clear navigation controls such as arrows and pagination indicators. Arrows let visitors move forward or backward one slide at a time, while pagination dots or numbers show how many slides exist and where the visitor is in the sequence. These controls make the Slideshow easy to explore and help users understand that more content is available within the same visual frame.

Choose Navigation Arrows and Slide Indicators

The Slideshow widget lets you customize how visitors move between slides. You can choose different arrow designs and select the pagination style shown below the slides, such as dots or other indicators. This helps you match the controls to your website’s UI so the Slideshow feels consistent with your overall design, while still making navigation clear.

You can control how quickly the Slideshow transitions and how long each slide stays visible when autoplay is enabled. Adjusting speed and delay lets you shape the viewing rhythm, whether you want a calm, gallery like flow or a faster sequence for short highlights. These settings help align the Slideshow behavior with the type of content you are showing.

Set Autoplay Speed and Slide Timing

The Slideshow widget includes several layouts you can pick from depending on where you place it. You might choose a classic single slide view, a layout that shows part of the next slide, or a more structured frame that fits a specific section. Having multiple layouts makes it easier to integrate a Slideshow into different page types without redesigning the area around it.

Multiple Slideshow Carousel Layouts

The Slideshow widget is designed to be simple to build and update. You can add slides, reorder them, edit captions, and adjust design or behavior settings through a straightforward editor, without needing code. This lets anyone on your team manage the Slideshow quickly and keep it current as your visuals change.

Simple No Code Slideshow Editor

The Slideshow widget supports custom CSS, giving developers and designers deeper control beyond the built in settings. You can create your own styles for slide layout, transitions, captions, spacing, and responsive behavior. This is useful when you want the slideshow to follow a specific design system or include visual details that are not available in the standard editor.

Custom CSS for Slideshow Styling

Adding the Slideshow widget to your site takes one line of embed code. Copy the snippet from the editor and paste it into your page HTML or platform embed area. After embedding, the Slideshow updates automatically whenever you change slides, captions, design, or behavior settings, so you do not need to reinstall or replace the code.

Easy to Embed Slideshow on Any Website

The Slideshow widget helps you add a focused visual area to a page without overcrowding it. You can choose strong images, control their size, and set how slides transition, so the Slideshow fits your design and supports the content around it. This makes it easier to create a polished section that looks intentional rather than improvised.

Improve visual layout with a Slideshow

If you need to show several related visuals, a Slideshow gives you a clear way to display them together. Instead of spreading images across the page, you can keep them in a single sequence that visitors can click through. This is useful for portfolios, project highlights, case studies, or any page where images are part of the story.

Present work and images in one organized place

A Slideshow naturally invites users to engage by moving between slides. Visitors tend to spend more time looking through images when they are presented as a sequence, especially on landing pages or feature sections. This keeps attention on the content you want to highlight and supports deeper browsing.

Encourage interaction with your content

Use the Slideshow widget when you want to present multiple visuals that support one idea, but you do not want them to take over the page. Instead of placing images one after another in a long stack, a Slideshow cycles through them inside a compact area. This keeps the layout tidy and lets visitors move through the visuals at their own pace.

A Slideshow works well for showing product views, service examples, customer stories with photos, or step by step sequences. Because the slides stay in one focused frame, the important content around them stays visible and your page feels more structured. This is especially useful in hero sections, above the fold areas, and landing pages where you want to add visual depth without crowding the screen.

Slideshow

Images & Galleries

Create your form for any purpose with a friendly form builder

Example 1

Example 2

Example 3

Example 4

Example 5

Example 6

Effortlessly craft tailor-made forms with our form builder, designed to cater to your unique requirements and user intentions. Add and choose from an extensive variety of field types, ranging from basic to specialized formats, with a simple click. Rearrange fields effortlessly using the drag-and-drop feature for the perfect form layout.

Various Form Fields To Select From

The Form Builder enables you to effortlessly manage and view all submissions in a user-friendly, organized display. This feature allows you to keep track of all the collected data and user responses, facilitating faster and more efficient follow-ups and decision-making.

Easy Entry Collection

The Form Builder's submission data can be exported to a CSV file, enabling seamless import into other software or tools for in-depth analysis or integration. This functionality is highly beneficial for businesses seeking to maintain comprehensive records of client interactions and for data analysis and reporting objectives.

Export the Form Submissions to CSV

With our Form Builder, effortlessly receive files and images submitted by your users. This powerful feature is designed to cater to businesses and professionals who need to gather crucial information, documentation, or visual assets from their clients or customers. No matter the industry, our Form Builder streamlines the process, making it easier than ever to collect the necessary data to drive your business forward and ensure client satisfaction.

Use the Form To Receive Files and Images

The Form Builder allows you to accept payments directly through your forms for any need. Whether you’re handling event registrations, selling products, collecting donations, or offering services, this feature seamlessly integrates secure payment options. With a straightforward setup and reliable payment processing, you can enhance your form’s functionality while delivering a convenient experience for your users.

Collect Payments Easily for any need

Incorporating headings, descriptive text, and visuals into your form enables a more comprehensive and intuitive submission experience for users. By integrating instructive form components, you guide users through the submission process, ensuring a seamless and efficient experience that ultimately boosts the chances of conversion.

Enhance Your Form with Engaging Content and Visuals

The Form Builder offers the ability to personalize the form's header and footer, including the option to add images. This feature empowers you to reinforce your brand identity and create a polished, visually engaging form that seamlessly integrates with your website's overall design and aesthetic.

Personalize Headers & Footers for Your Form

The Form Builder provides the option to enable notifications for both the form owner and the submitting user. Configure automated email notifications for each form submission, allowing you to send alerts to multiple email addresses, as well as deliver a confirmation email to the user upon successful submission.

Streamlined Email Notifications and Confirmations

The Form Builder offers the option to enable the CAPTCHA anti-spam feature, requiring users to complete a verification step before submitting the form. This functionality effectively prevents bots and automated scripts from sending spam messages, ensuring that you receive authentic submissions from real users.

Prevent Spam in Your Form Submissions

The Form Builder is designed to create perfectly responsive forms, ensuring that your users can access and submit them effortlessly, regardless of the device or screen size. Our Form Builder's responsive design ensures that your forms look great and function perfectly on any device, including desktops, laptops, tablets, and mobile devices, maximizing your audience reach and engagement.

Form Builder Widget: Perfectly Responsive Forms

The 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 Form Builder widget comes equipped with a diverse selection of attractive skins, allowing you to jumpstart the design process and create visually appealing forms in no time. These pre-designed templates save you the effort of extensive customization while ensuring your form aligns with your desired style and aesthetic, resulting in a seamless user experience.

Pre-Designed Skins for Effortless Form Aesthetics

The Form Builder provides the option to enable multiple submissions by a single user, facilitating situations where users need to update or supplement their submitted information. With this feature enabled, users can submit the form multiple times without encountering any restrictions, ensuring that they can provide accurate and complete data.

Multiple Submissions

The Form Builder offers complete customization options, enabling you to edit and tailor the form's design to suit your specific needs. Whether it's changing colors, fonts, field sizes, or layouts, our Form Builder gives you the flexibility to fully customize your forms with ease, ensuring a seamless user experience that aligns with your brand and objectives.





Create Fully Customized Forms with Ease

The Form Builder is incredibly user-friendly and requires no coding knowledge to use. With just a few clicks, you can customize your forms to your liking using our intuitive interface, streamlining the process and eliminating the need for technical expertise.

Easy to use Form Builder

The Form Builder's advanced editor is an incredibly powerful tool that gives you complete control over every aspect of your form's appearance. In addition to the user-friendly interface that allows you to customize colors, fonts, and layout, the CSS editing feature enables you to take customization to a whole new level. With CSS editing, you can fully customize your form's design, ensuring that it aligns perfectly with your brand's image and objectives. Whether you're a beginner or an experienced designer, the Form Builder's CSS editing feature empowers you to create stunning, unique forms with ease.

Take Customization to the Next Level with CSS Editing

Integrating the Form widget onto your website is effortless, requiring only a copy-and-paste of the provided code snippet into your HTML page. Additionally, the widget is designed to be auto-updating, ensuring that any changes you make using the Form Builder editor will automatically reflect on your website, eliminating the need for manual updates.

Easy To Embed Form

Discover the future of form creation with our state-of-the-art form builder. Say goodbye to tedious, time-consuming processes, and embrace the simplicity and power of this versatile tool. Effortlessly design stunning forms for surveys, registrations, feedback, or contact needs, and watch your audience enjoy a seamless user experience, all while you capture the crucial data that drives your success.

Revolutionize Your Form Creation Experience

Our form builder offers unparalleled customization and flexibility, with a wide array of unique and advanced field types to accommodate your specific needs. This means users can tailor forms to their requirements, without any need for coding or technical expertise. The editor's user-friendly interface allows for easy customization and design, ensuring that the forms not only capture the necessary data but also align with the users' brand and aesthetics.

Comprehensive Customization and Flexibility

Our form builder simplifies data collection and management like never before. With the click of a button, submitted data is automatically organized into a user-friendly table, making analysis and interpretation a breeze. Focus on what truly matters - making data-driven decisions and optimizing your business or organization.

Data Collection Made Easy

Use the Form Builder widget when you need custom data collection that does not fit into a simple contact form or template. It lets you design forms for surveys, lead capture, registrations, internal requests, and more, all within a single flexible interface. You can add various field types, control layout, and adjust labels to match your language and processes. This is helpful for growing businesses that refine their workflows over time and want a tool that adapts without requiring development work. By centralizing form creation in one place, you keep your site consistent, gather cleaner data, and respond faster when new information needs appear in marketing, operations, or support.

Form Builder

Forms

User Engagement

Embed real-time Bluesky feeds on your site with customizable, responsive display options.

Add a scrolling ticker animation to your feed to highlight important content. This feature of the Bluesky Feed widget draws the visitor's attention to key updates, adding a dynamic touch to your site.

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

Use the Bluesky Feed widget when your brand is active on Bluesky and you want that real time activity to enrich your site. Embedding a live feed of posts shows visitors that you share updates, thoughts, and conversations beyond static pages. This is helpful for creators, media outlets, and companies that publish frequently or comment on current events. The feed keeps your site feeling fresh automatically as you post, and can encourage visitors to follow you on Bluesky to keep up with new content. It also helps align your web presence with your social presence so users see a consistent voice across channels.

Bluesky Feed

Social Feeds

Showcase the company's various office locations in a stylized and adjustable list format

With a simple design, it’s easy to deliver the right information clearly, and in a stylish manner. 


Simple. Informative. Elegant.

Style 2

With a few tweaks, it’s easy to compress a lot of information into the cards while also keeping a certain visual style. 


Detailed Information — Easy to Follow & Stylish

Style 4

Sometimes there’s a need to add more information. Long pieces of text can be daunting, but by using the right layouts, icons, fonts, and colors, it’s easy to add a lot of information in an easy-to-understand manner and add a call-to-action button, to take the user to even more information. 


Detailed Information — Easy Navigation

The app features a selection of beautiful icons that will fit any requirement — does your branch have WiFi? Does it allow pets in? Does it offer easy access to handicapped people? Make this information instantly visible.
You can add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Multiple Icons To Select From

The app features six layouts with varying image sizes and text layouts, supporting both horizontal and vertical design to make sure that the app fits any design requirements.1661077905123_branches-layouts.png

Multiple Layouts

The app features the option to enable a gentle animation that the user will see when first accessing the Company Branches List, to make the page less static and more appealing.

Gentle Intro Animation

You can add images to the app so that your branches will be immediately identifiable and easy to find.

Images

The app 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 app 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 app 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

The 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 app any way you’d like to with just a few simple clicks.

Easy To Use Company Branch Widget

As with all of Common Ninja’s apps, you can add custom CSS to customize the app and be even more creative.

Custom CSS

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

Easy To Embed

The app allows you to add locations, working hours easily, and supplementary symbols, such as WiFi availability, handicap access, and others, to improve your users’ experience with quickly and visually accessible information about the branches.

Location, Working Hours & Supplementary Symbols

The Company Branches List app will enable you to provide important information about many different branches in a concise way, which will be easily accessible by your users.

Easy Access To Information

The Company Branches List app, with its full customization features, will be a great visual addition to your website. You can design and customize it any way you want to complement your existing design.

Enhanced Design

The Company Branches List app will improve your users’ experience by providing quick and easy access to important information. This, in turn, will most certainly affect their decision-making process in your favor.

Better User Experience

Use the Company Branch List widget when you have multiple locations and want customers to find the right one quickly. A structured list can show addresses, phone numbers, hours, and short notes for each branch in a consistent layout, so visitors do not need to hunt through separate pages. This is essential for franchises, clinics, retail chains, and service providers with regional offices. Clear location presentation reduces confusion, missed visits, and support calls. It also strengthens trust by proving that your business has real presence in multiple places. By making branches easy to discover and compare, you create a smoother experience and increase the chance that visitors take action.

Company Branch List

Lists & Cards

Displays multiple time zones; customizable, responsive design.

The World Clock Widget offers the ability to display several clocks, each representing a different time zone. This feature is crucial for websites that cater to an international audience, as it allows for easy display of multiple time zones at once. It's particularly beneficial for websites involved in global business, communication, or events, ensuring users from various regions can easily find their local time.

Display Multiple Time Zones

This feature of the World Clock Widget allows you to not only set the specific time for each clock but also to label each with a custom title. This customization enhances the clarity and usability of your website, making it easy for visitors to identify the time zone represented by each clock. It's an invaluable tool for sites that need to reference multiple global locations, ensuring that each clock is easily distinguishable and accurately labeled.

Customizable Clocks with Titles

The World Clock Widget provides a selection of different display styles, ranging from classic analog clocks with hands to modern digital and list displays. This variety allows you to choose a layout that best fits the aesthetic and functional needs of your website. Whether your site has a traditional feel or a more contemporary vibe, you can align the clock display accordingly, enhancing the visual appeal and user experience of your site.

Varied Clock Layouts

With the World Clock Widget, you have the flexibility to select the format of the marker for classic clock displays. You can choose to show numbers, only markers, or a combination of both. This feature allows for a high degree of customization, ensuring that the clock not only provides accurate time information but also aligns with the visual design of your website. It's perfect for tailoring the look of your clocks to match your site's theme, enhancing the overall aesthetic and functionality.

Customizable Markers Formats for Classic Clocks

The World Clock Widget offers a variety of beautiful skins, enabling you to choose a design that aligns seamlessly with your brand and website aesthetics. This feature is designed to not only enhance the visual appeal of your site but also to significantly reduce the time and effort involved in customizing the widget. Whether your site has a modern, minimalist, or more traditional design, you'll find a skin that complements it perfectly, ensuring a cohesive and attractive user interface.

Select from Multiple design skins

The World Clock Widget empowers you to tailor the time display according to your preferences and audience needs. You can select between the 24-hour or the more traditional 12-hour clock format. Moreover, for the 12-hour format, there's an option to include or exclude the AM/PM indicator. This adaptability ensures that the widget's time presentation aligns.

Flexible Time Format Customization

The World Clock Widget comes with extensive customization capabilities, enabling you to modify its design to suit your specific requirements. You have the freedom to alter colors, fonts, spacing, and various other elements. This level of customization offers unparalleled flexibility, allowing you to craft a World Clock that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable World Clock widget

The World Clock Widget is designed to be fully responsive, ensuring it displays elegantly on any device. In today's mobile-first environment, this adaptability is crucial, as it guarantees that your website's time display is accessible and visually appealing on smartphones, tablets, and desktops alike. This responsiveness not only enhances user experience but also gives your site a competitive edge in accessibility and design.

Perfectly Responsive World Clock

The World Clock Widget is designed with user-friendliness in mind, requiring no coding expertise for customization. Its intuitive dashboard simplifies the customization process, allowing you to tailor the widget to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the widget, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use World Clock Widget

The World Clock Widget offers the option to add custom CSS, aligning with Common Ninja’s commitment to flexibility. This feature is ideal for developers and designers seeking to apply their unique touch, allowing for deeper customization of the widget's look and functionality. It provides an avenue for creative expression, ensuring the widget can be finely tuned to match the specific style and interaction needs of your website.

Custom CSS for Enhanced Creativity

Embedding the World Clock Widget on your website is a straightforward process, requiring just a single line of code. This ease of integration simplifies the setup, making it accessible for users of all technical levels. Additionally, the widget updates automatically with every change you make, ensuring that the maintenance and updating process is hassle-free. This feature guarantees that your website always displays the most current version of the widget without any extra effort.

Effortless Embedding on Any Website

Integrating the World Clock Widget into your website allows you to connect more effectively with an international audience. By displaying various time zones, you demonstrate awareness and consideration for visitors from different parts of the world. This feature fosters a sense of inclusivity and global reach, which can be pivotal for websites with a diverse user base.

Get Global Engagement Enhancement with World Clock

Having the World Clock Widget on your site offers a practical advantage for users needing quick time zone references. It eliminates the need for visitors to look up time differences elsewhere, saving them time and effort. This convenience enhances user experience and can increase the time visitors spend on your site.

User Convenience Boost

For websites that deal with time-sensitive information or events (like webinars, live streams, or international conferences), the World Clock Widget is particularly beneficial. It helps in clearly communicating the timing of these events to a global audience, reducing confusion and ensuring better participation and engagement.

Enhanced Time-Sensitive Communication

Use the World Clock widget when your audience or team is spread across time zones and timing matters for coordination. Showing multiple clocks with city labels on your site or dashboard makes scheduling calls, webinars, and releases easier. This is important for remote companies, global communities, and services that operate across regions. Instead of constantly converting times, visitors can reference the clock and adjust their plans. A world clock also reinforces the idea that your brand is truly international. It turns abstract time differences into a simple, always available reference that reduces mistakes and missed meetings.

World Clock

Website Components

Add interactive areas on images that reveal extra information when clicked or hovered over.

With Common Ninja’s Image Hotspot Widget, every hotspot can become a conversion opportunity.
Add custom links to any product page, section, or external UR, so when users click an interactive marker, they go exactly where you want them to.

Use Cases:
Highlight shoppable areas on product images.
Link hotspots on a map to location pages.
Direct users from a visual diagram to related content.

This seamless linking not only improves user experience (UX) but also increases click-through rates (CTR) and conversions, all without code.

Make Any Hotspot Clickable and Link It Anywhere

Make your visuals fit your brand style.
The Image Hotspot Widget includes 10 professionally designed icon styles, allowing you to:
Match your design’s tone (modern, playful, minimal, or elegant).
Use consistent visual language across your site.
Differentiate categories or product types visually.
Each icon is scalable, responsive, and customizable, ensuring it looks perfect across desktop and mobile.
For advanced users, you can even apply custom CSS styling for total creative freedom.

Choose From 10 Sleek, Customizable Icons

Motion attracts the human eye, and Common Ninja’s Image Hotspot Widget lets you use that principle strategically.
Add gentle animations to your hotspots to make them stand out and guide user attention naturally toward key details or clickable areas.

Benefits of Animated Hotspots
Highlight important features or products.
Encourage interaction and exploration.
Increase click-through rates through motion cues.

Smooth animations make your visuals feel alive without being distracting, a balance proven to improve visual engagement and dwell time across modern websites.

Draw Attention with Subtle Hotspot Animations

Want to make your content more dynamic? You can embed videos directly inside hotspot tooltips.
This adds a powerful visual storytelling layer and helps explain complex ideas effortlessly.

Ideal For:

Product demos and tutorials.

Educational visuals and training materials.

Interactive tours or infographics.

Videos reduce text clutter and increase engagement — studies show that viewers retain 95% of a message when watched in a video, compared to only 10% through text.
Adding this feature helps users understand your content faster while keeping them immersed.

Add Videos Inside Tooltips for Richer Interactivity

Tooltips are where your story lives, and with Common Ninja, they’re completely customizable.
You can change tooltip colors, fonts, borders, icons, and animations to perfectly align with your site’s branding.

Use Tooltips To:
Explain specific image parts or features.
Display short product descriptions or prices.
Add contextual details to maps, infographics, or learning visuals.

By matching your tooltip style to your website aesthetic, you create a consistent, polished user experience that feels fully integrated with your design, not an external add-on.

Customize Tooltip Design for a Cohesive Look

Use the Image Hotspot widget when your content depends on visuals and you want people to understand details without reading long instructions. It lets you attach short, clear explanations directly to specific areas of a product photo, illustration, map, or diagram, so context never gets lost. Visitors can explore at their own pace, focusing only on what matters to them. This reduces confusion, cuts support questions, and turns a single image into a guided experience that feels structured and intentional. It is especially useful for feature tours, product breakdowns, galleries, and any page where you want to explain what users are seeing in a precise and interactive way.

FilterWhere

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Slideshow

Form Builder

Bluesky Feed

Company Branch List

World Clock

Image Hotspot

Currency Converter

Pomodoro Timer

TikTok Feed

Age Gate

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

FilterWhere

MODX extra

App Details

Pricing

Check Out the Slideshow Widget

App Info

Some of the best Common Ninja extras for MODX

Slideshow

Form Builder

Bluesky Feed

Company Branch List

World Clock

Image Hotspot

Currency Converter

Pomodoro Timer

TikTok Feed

Age Gate

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine