<p>Formit Hook for the mtCaptcha. It is a smart captcha service that is GDPR and WCAG compliant.</p>

Jan Dähne

mtCaptcha

Present content items in a designed and customizable list

Example 1

Example 2

Example 3

Example 4

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 your design requirements.

Multiple Layouts

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

Gentle Intro Animation

You can add images to increase association with specific information, or to make certain information more recognizable, visually.

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 star rating icons (five stars) that you can use, should you desire. You can then, customize how many stars are highlighted to indicate a level of proficiency, popularity or anything else.

Rating

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 items List

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 is fully customizable and therefore can be customized to fit any design to complement your website. 

Enhance Design

With the app, you can make the user’s journey easier, more focused and more engaging, which in turn, will undoubtedly improve the user’s experience and increase conversions.

Improve User Experience

The app will allow you to focus your message in an organized way that includes visual hierarchies which will eventually lead to the Call-to-Action button and encourage users to act.

Encourage to Act

Info List

Lists & Cards

Website Components

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

Showcases images in a collapsible format, expanding when clicked to reveal the selected image.

The Image Accordion comes with the option to choose the accordion’s direction — vertical or horizontal, enabling you to customize it to fit your design needs. The Image accordion widget also gives you the option to add several images and captions, providing you the freedom to present your content in a captivating manner.


Accordion Direction

The Image Accordion allows you to choose an image to focus on which will be put forward, making it the centerpiece of your visual presentation. You can show your content in an engaging way by using the image accordion widget, which also provides you the opportunity to add multiple images and subtitles.


Image Accordion Focus Items

When links are added to photos in an image accordion widget, users can click on a button to be redirected to another website or resource. By offering more information or relevant content in a visually beautiful and engaging manner, can enhance user experience.

Adding Call For Action

Adding a title and description to each image in an Image Accordion widget can provide users with additional context and information about the image. This feature can enhance the user experience by making it easier for them to understand the content of the images and the overall purpose of the widget.

Additional Information

You may fully customize the Image Accordion 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.

Any website would benefit from the widget Image Accordion widget. 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.

The use of the Image Accordion 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 Image Accordion 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.

To embed the Image Accordion 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 Image Accordion editor will be reflected automatically on your website without the need for any additional manual updates.

Easy To Embed 

With the Image Accordion widget, you can display a large number of images in a small space, without overwhelming the users, thus saving space for other visual elements and improving the loading speed of your website.

Save Space & Improve Website Speed

The Image Accordion widget enables you to provide a better user experience by improving the organization of your content and allowing users to quickly browse through a series of images and find the information they need.

The Image Accordion comes with full customization options, and as such, it can greatly improve the aesthetics of your website by adding visual interest and interactivity to your pages. 


Enhance Aesthetics With Image Accordion

Image Accordion

Get Creative

Images & Galleries

Detects ad blockers on websites, enhancing ad revenue security.

Choose from a range of beautifully crafted skins for the AdBlocker Detector widget to match your brand and website's look. This feature greatly reduces the time and effort needed for customization while enhancing your site's visual appeal. Whether your website sports a contemporary, minimalist, or traditional design, there's a perfect skin to align with it, ensuring a consistent and attractive user interface.

Multiple AdBlocker Detector Design Skins

Improve your interaction with users who have ad blockers enabled by employing a personalized message accompanied by your choice of icons or images. This feature of the AdBlocker Detector allows you to create a visually engaging alert, informing users that their ad blocker is detected. You have the option to select from a range of icons or upload your own image, crafting a unique and attention-grabbing notification on your website.

Enhance Alert with Icons or Images

When the AdBlocker Detector identifies a visitor using an ad blocker, it presents a customized message. This message can be a polite reminder or an informative alert, informing users about the impact of ad blockers on your site. Utilize this feature to communicate the importance of advertising in supporting your content, while maintaining a professional and consistent tone across your site. This not only educates visitors about the effects of ad blocking but also underscores the value of your content and encourages more responsible web-behavior.

Tailored Message content for Ad Blocker Detection

The AdBlocker Detector widget is engineered to identify a wide range of ad blockers used by visitors. This feature ensures that your website is equipped to detect and respond to numerous ad-blocking tools, from the most common to more niche varieties. The ability to recognize multiple ad blockers is crucial in effectively managing how ad blocking impacts your site's revenue and user experience, ensuring that you have comprehensive insights and control over the advertising display and engagement on your website.

Robust Detection of Various Ad Blockers

The AdBlocker Detector includes a handy refresh button feature. This button becomes visible to users once they have disabled their ad blocker, assisting them in easily refreshing the page. The addition of this refresh button streamlines the process for users, enabling them to immediately see your content without ad block interference. It's a user-friendly approach that simplifies the user's action to comply with your request, enhancing the overall experience on your website and encouraging compliance with your ad-display policies.

Convenient Refresh Button Post Ad Blocker Disabling

With extensive customization options, the AdBlocker Detector can be tailored to your specific design preferences. Adjust colors, fonts, spacing, and more to fit the unique aesthetic of your site. This level of customization provides unparalleled flexibility, allowing you to create an AdBlocker Detector that is not only effective but also uniquely yours.

Fully Customizable AdBlocker Detector Widget

The AdBlocker Detector is designed to display elegantly across all devices. Its responsive design is essential in today's mobile-centric world, ensuring a consistent user experience whether on a desktop, tablet, or smartphone.

Perfectly Responsive AdBlocker Detector widget

This widget is crafted for ease of use, requiring no coding skills for customization. Its intuitive interface simplifies the customization process, allowing for quick and easy adjustments. This accessibility makes the AdBlocker Detector an ideal choice for website owners of all technical backgrounds.

Easy to use AdBlocker Detector widget

For those who desire even more creative control, the AdBlocker Detector offers the option to add custom CSS. This feature caters to developers and designers looking to apply a unique touch, enabling deeper customization to match the specific style and interaction needs of your website.

Enhanced Creativity with Custom CSS in AdBlocker Detector

Embedding the AdBlocker Detector on your website is straightforward, involving just a single line of code. This ease of integration, combined with automatic updates, simplifies maintenance and ensures your website always displays the most current version of the widget without additional effort.


Effortless Embedding of the AdBlocker Detector

The Adblock Detector widget plays a crucial role in safeguarding your digital advertising revenue. By identifying visitors using ad blockers, it enables you to take appropriate actions, such as requesting users to whitelist your site. This proactive approach helps maintain the flow of ad revenue, which is essential for the financial sustainability of many websites.

Enhanced Revenue Protection with Adblock Detector

By addressing the impact of ad blockers, the Adblock Detector can positively influence key website performance metrics. Understanding and managing ad-block usage helps in maintaining healthy traffic levels and engagement rates, crucial factors in the overall performance and ranking of your website.

Boost in Website Performance Metrics

The Adblock Detector aids in protecting the value of your content. By identifying users who bypass ads, you can ensure that the effort and resources put into creating content are adequately compensated through advertising revenue, keeping the content accessible and sustainable.

Protection of Content Value

AdBlocker Detector

Popups, Bars & Buttons

Add a Messenger chat button to your website, allowing users to start a chat using Messenger.

Example 5

The Messenger Chat widget features multiple button icons for you to choose from that can complement your design and deliver the message you want to deliver.

Multiple Icons

The Messenger Chat widget features the ability to toggle the messages’ time on or off. Keep it on to show users just how fast your replies are, or remove it completely for a more minimal, visually pleasant chat design.

Toggle Time On or Off

The Messenger Chat widget features full customization options so you can edit the design to fit your needs — change the colors, fonts, spacings and anything else!

The Messenger Chat widget app is perfectly responsive and will look great on any device. In a mobile-first world, this feature will put you ahead of your competitors.

The Messenger Chat 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.

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

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

Allow users to contact you by Messenger chat for support or for more information that’s not readily available on your website and improve their experience.

Offer Support & Helpful Information with a Messenger Chat

You can expedite your users’ decision-making process by providing quick answers to their questions in a Messenger Chat. The more informed they are, the better decisions they are going to make.

Speed up the Decision-Making Process

Make your users feel important and well taken care of by offering them, a more personalized communication method with the Messenger Chat widget.

Provide a Personalized Experience

Messenger Chat

User Engagement

Messenger Button template 6

Messenger Button template 5

Messenger Button template 4

Messenger Button template 3

Messenger Button template 2

Messenger Button template 1

Allow users to sign a consent form, save submissions, enable notifications, and more

The Consent Form builder introduces a special feature that allows you to collect user handwritten signatures. This unique field enhances the authenticity of the consent, providing an additional layer of verification. It's as simple as adding a new field to the form, and users can easily sign in using their mouse or touch screen. This feature not only reinforces the validity of the user's consent but also brings a personal touch to the digital agreement process.

Collect User Handwritten Signatures

The Consent Form builder offers a wide array of fields, from basic to specialized formats, allowing you to design consent forms that perfectly suit your needs and objectives. Simply click on the "Add Field" option and choose from a vast selection of field types. Plus, you can easily modify the field sequence using the user-friendly drag-and-drop feature.

Easy-to-Adjust, Complete Choices for Consent Forms

The Consent Form builder aids in organizing and displaying all user consent data in an understandable and accessible format. This feature simplifies the monitoring of user consent submissions, ensuring you can review and manage responses more effectively and efficiently.

Efficient Data Collection from Consent Forms

The Consent Form now enables you to collect payments directly from your users. Whether you’re managing event registrations, selling products, or accepting donations, this feature integrates payment options into your forms effortlessly. With secure payment processing and a streamlined setup, you can enhance your form’s functionality while providing a seamless user experience.

Collect Payments Seamlessly Through Your Consent Form

You can make easy-to-follow forms that have several steps or pages. This makes filling out long or detailed forms simpler and less overwhelming for the people using them.

Multi-Step Consent Forms

Including specific Consent Form fields like acknowledgment checkboxes, agreement statements, and more, you can gather all necessary consent details. Fields addressing specific consent aspects can provide deeper insights into users' agreement, offering a more thorough understanding of their consent and ensuring a well-documented agreement process.

Consent Form Specific Fields 

Incorporating headings, descriptive text, and visuals into your Consent Form enhances the user experience, making it more engaging and user-friendly. Informative form elements guide users through the consent process, promoting a seamless experience and increasing the likelihood of successful consent submissions.

Enhance the Form Submission Experience

The Consent Form builder includes header and footer customization options, including the ability to insert images. This feature provides a fantastic opportunity to reinforce your brand and create an aesthetically pleasing form that harmonizes with your website's overall appearance and style.

Personalize Headers & Footers

The Consent Form builder allows you to enable the CAPTCHA anti-spam feature, which users must complete before submitting their consent. This functionality prevents bots and automated scripts from submitting spam entries through your form, ensuring you receive valid submissions from real users.

Prevent Spam in Your Consent Form

The Consent Form's submission data can be exported to a CSV file, enabling you to transfer it to other applications or tools for comprehensive analysis or integration. This feature is particularly beneficial for administrators seeking to maintain a complete record of user consent information for data evaluation, reporting, and consent management purposes.

Export Consent Data to CSV

The Consent Form builder gives you the option to enable notifications for both the form administrator and the user. You can activate automated email notifications for each consent submission, send them to multiple recipients, and also send a confirmation email to the user upon successful submission.

Receive Notifications for New Consent Submissions

The Consent 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 Consent Forms

The Consent Form builder features a range of visually appealing skins that you can choose from, simplifying the design process and reducing the need for extensive customization. These pre-designed skins cater to various aesthetics, enabling you to effortlessly align your form with your website's appearance and style.

Diverse Consent Form Styles

The Consent Form builder offers vast customization options, allowing you to personalize the design to fit your specific needs. From modifying colors and fonts to adjusting field layouts, you have complete control over the form's appearance and functionality.

Extensively Customizable Consent Form

The Consent Form builder is optimally responsive and will display perfectly on any device. Having a form that is optimized for mobile viewing is critical in today's world, where a growing number of people are accessing the internet through their phones and tablets.

Highly Responsive Consent Form

The Consent Form Tool is designed for ease of use and doesn't demand any programming skills. In just a few steps, you can personalize the form to match your needs using our straightforward interface, ensuring a smooth and hassle-free experience.

User-Friendly Consent Form Tool

Our advanced editor is a powerful tool that gives you complete control over the Consent Form's appearance. With this feature, you can easily customize every aspect of the form's design, from colors and fonts to layout and positioning. For those seeking to push their creative boundaries further, direct CSS editing offers even more extensive customization options.

Custom CSS for Consent Form

To embed the Consent Form builder into your website, simply copy and paste the provided code snippet into your page's HTML code. The form is designed to auto-update, meaning any changes you make in the Consent Form builder will automatically appear on your website. This feature streamlines the embedding process and ensures that your consent form is always current and compliant.

Easy Embedding of Consent Form

Consent forms provide users with comprehensive information about what they are agreeing to. This transparency fosters trust and promotes effective communication between your business and its users, reassuring them that their decisions are respected and their rights are upheld.

Improved Trust and Transparency

Implementing a consent form ensures that your business stays in line with legal and ethical requirements, regardless of the context, be it data collection, course registration, or service provision. It provides a clear way to gain users' explicit agreement, protecting your business from potential legal complications and demonstrating your commitment to ethical standards.

Compliance with Legal and Ethical Standard

Consent forms serve as a secure record of users' agreements. This is crucial in the event of audits or disputes, as it can serve as valid evidence of users' consent, safeguarding your business interests.

Documentation of Agreements

Consent Form

Forms

Upload a sequence of images, create engaging stop-motion displays, and enhance website interactivity.

The Stop Motion Player widget makes applying filters to your images easy, with advanced settings for more control. This feature enables a variety of visual effects to align with your website's aesthetic. Advanced filtering allows for fine-tuning image appearance, enhancing your website's visual appeal.

Advanced Image Filters

The Stop Motion Player widget allows for varied animation settings. You can set the animation to repeat, alternate (forward and backward), or display images in a randomized order. These settings enhance the visual storytelling, making the widget a flexible tool for creative display on your website.

Stop Motion Player Animation Settings

The Stop Motion Player widget allows you to set the time interval between image swaps. This feature enables a personalized pace for the stop-motion display, allowing control over the image sequence progression. Adjusting the timing enhances the widget's flexibility and ensures the display aligns with the website's desired ambiance and message.

Customized Timing with Stop Motion Player

The Stop Motion Player widget facilitates the upload of multiple images at one time. This bulk upload feature streamlines the process of setting up your stop-motion display, saving time and effort. By allowing for bulk uploads, this feature enhances the ease of use and efficiency of managing the visual content on your website.

mtCaptcha

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Info List

Catalog

Image Accordion

AdBlocker Detector

Messenger Chat

Consent Form

Stop Motion Player

LinkedIn Feed Slider

Instagram Carousel

Restaurant Menu List

Image Magnifier

Payment Method Logos

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

mtCaptcha

MODX extra

App Details

Pricing

Check Out the Info List Widget

App Info

Some of the best Common Ninja extras for MODX

Info List

Catalog

Image Accordion

AdBlocker Detector

Messenger Chat

Consent Form

Stop Motion Player

LinkedIn Feed Slider

Instagram Carousel

Restaurant Menu List

Image Magnifier

Payment Method Logos

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine