<p>With this MODX Revolution custom template variable a color select input could be used to select a color in a MODX resource.</p>

Benjamin Vaucheljako

ColorPicker

Make your titles stand out to capture the attention of your visitors

Example 1

Example 2

Example 3

Example 4

The widget offers 10 different animation effects, allowing site owners to choose the perfect style to match their website's theme and brand identity. This level of customization ensures that animated titles always blend seamlessly with the site's design.

Diverse Animation Effects

With advanced typography options, site owners can easily customize the font, size, and color of their animated titles to create the desired look and feel. These options enable users to maintain a consistent visual style across their website.

Advanced Typography Options

With our new feature in the Animated Headline Widget, you're no longer confined to animating only full sentences or headlines. You now have the ability to animate any segment of your sentence - be it the beginning, the middle, or the end. This feature gives you more flexibility to emphasize specific words or phrases, making your content even more engaging and interactive.

Animate for Any part of Your Sentence

The animated title widget is fully customizable, empowering site owners to modify every aspect of the title to suit their preferences. This level of control ensures that the final result is always in line with the desired outcome and the website's branding.

Complete Customization

The widget's fully responsive design ensures that animated titles display perfectly on all devices, including mobile phones, tablets, and desktop computers. This guarantees a consistent and enjoyable experience for visitors, regardless of the device they use.

Responsive Design

The Animated Title Widget features an easy-to-use interface, making it simple for site owners to create and customize their animated titles. This user-friendly approach ensures that even those with minimal technical knowledge can effectively implement the widget on their websites.

User-friendly Interface

For users with coding knowledge, the widget supports custom CSS, allowing for even more precise control over the appearance and behavior of the animated titles. This feature caters to advanced users who seek a higher level of customization.

Custom CSS Support

The animated title widget is simple to embed on any website with just one line of code, ensuring a hassle-free integration process. This ease of use makes it accessible to site owners of all skill levels, from beginners to experienced web developers.

Easy to embed on any website

The addition of an animated headline widget can greatly enhance a website's visual appeal, making it more attractive to visitors. This not only improves the user experience but also reflects positively on the site's brand and professionalism.

Improve your website's Aesthetics

Using animated headlines enables you to convey complex ideas or important information more effectively to your website visitors. This facilitates better communication and understanding, ensuring that both parties benefit from a more streamlined and informative user experience.

Better Communication

By emphasizing key messages or calls to action, the animated headline widget can effectively guide your website's visitors toward desired actions, such as signing up for a newsletter or purchasing. This ultimately leads to higher conversion rates and increased profits.

Increased Conversion Rates

Animated Headline

Get Creative

A payment button that initiates a linked payment form with PayPal or Stripe for convenient and secure transactions

The Payment Button currently works with the Stripe and PayPal payment gateways, from which you can choose the one that fits your needs. This compatibility ensures seamless integration into your existing e-commerce platform, allowing for a more flexible and user-friendly payment experience.

Multiple Payment Gateway Integrations for the Payment Button

The Payment Button widget features the option to toggle email notifications and webhooks. The email notifications can be toggled both for the website owner and the customers. Keep track of your sales efficiently with this powerful tool.

Payment Button Email Notifications

The Payment Button widget enables viewing all the transactions that were made through the button, with the additional option that enables to export of these transactions into a CSV file.

Displaying and Exporting Transactions to a CSV File

The Payment Button allows adding taxes and shipping prices manually, enabling a more accurate pricing listing.

Option To Add Taxes & Shipping Prices

The widget comes with the option to add post-payment messages, that can be used to assure users that their payment has been processed or to thank them for their payment. Adding a personal touch can make your customers feel valued and foster long-lasting relationships.

Option To Add Post-Payment Messages

The Payment Button 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. Offering a visually appealing Payment Button will attract more customers and enhance their overall shopping experience.

Choose from Multiple Skins for Your Payment Button

The Payment Button 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! These personalized adjustments will enable you to maintain consistent branding across your online presence, improving customer recognition and trust.

Completely Customizable Payment Button

The Payment Button 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. By catering to all screen sizes and devices, you increase the likelihood of capturing sales and maintaining user engagement.

Perfectly Responsive Payment Button

The Payment Button 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 Payment Button

In addition to the built-in customization options, our Payment Button widget allows you to incorporate custom CSS, enabling even more creative control over its appearance. With this feature, you can fine-tune the widget to perfectly align with your website's design and brand identity.

Payment Button Custom CSS for Enhanced Creativity

Embedding the Payment Button on your website is a breeze – simply copy and paste a single line of code. Additionally, the Payment Button widget will update automatically with every change you make, ensuring your website remains current and functional without any extra manual intervention.

Effortless Embedding the Payment Button

A payment button streamlines the payment process, allowing customers to make a purchase quickly and easily with just a few clicks. This can reduce the time and effort required for customers to complete a payment, leading to increased sales and customer satisfaction. Integrating the Payment Button will undoubtedly enhance your website's functionality.

Effortless Payment Process with Payment Button

A payment button can simplify the checkout process, reducing cart abandonment and increasing sales. Customers can quickly complete their purchases without navigating through multiple pages, providing a sense of security and trust in the website's payment processing. This easy-to-use feature will help your business grow and prosper.

Payment Button: Boost Sales & Minimize Cart Abandonment

A payment button can improve user experience by streamlining the checkout process, making it more convenient and efficient for customers. With just a few clicks, users can quickly and securely complete their purchase without the need to navigate through multiple pages. Implementing this Payment Button is a smart way to keep your customers happy and engaged.

Enhanced User Experience with the Payment Button

Payment Button

Website Components

Allow users to submit emails or inquiries, save entries, activate notifications, and more with the Email Subscription Form.

The Email Preference Form comes with a broad range of selectable fields, from standard inputs to more specialized formats, allowing you to tailor the form to meet specific needs and objectives. Using the "Add Field" option, you can access a diverse array of field types and conveniently organize them via drag-and-drop to suit the structure of your form perfectly.

Customizable Field Selection for Email Subscription Form

The Email Subscription Form simplifies the process of managing and viewing entries. All subscriber information is displayed in a clear, straightforward format, making it easy to monitor and respond to user inquiries promptly. This functionality ensures that you can maintain effective communication with your subscribers, enhancing responsiveness and engagement.

Efficient Management of Subscriber Entries

The Email Subscription Form enables you to export submission data to a CSV file, facilitating easy importation into other software for further analysis or integration. This functionality is invaluable for businesses that require comprehensive records of subscriber interactions for data analysis, reporting, or archival purposes.

Export Email Subscription Form Data to CSV

Utilize the Email Subscription Form to collect files and images from your subscribers. This capability is crucial for businesses and professionals who need to obtain documents or visual content from their clients, enhancing the versatility and utility of your subscriber interactions.

Receive Files and Images via the Email Subscription Form

Enrich the Email Subscription Form by adding titles, descriptive texts, and images to craft a more engaging and comprehensive user experience. Incorporating these elements not only guides subscribers through the form submission process but also enhances usability, making the process smoother and boosting the chances of increasing your subscriber base.

Enhance Your Email Subscription Form with Rich Content

The Email Subscription Form integrates smoothly with key platforms like Zapier, Mailchimp, MailerLite, and Klaviyo. This feature enables easy synchronization with your email campaigns, streamlining workflows and enhancing subscriber engagement through automated processes and targeted communications.

Robust Integration Capabilities with Leading Platforms

The Email Subscription Form allows for detailed customization of headers and footers, including the ability to integrate images. This feature is pivotal for reinforcing your brand identity and elevating the professional appearance of your form. It ensures that the form is not only functional but also visually consistent with your website’s design and aesthetic.

Customize Headers and Footers in the Email Subscription Form

The Email Subscription Form allows you to activate notifications for both the form owner and the user submitting the form. Set up automated email alerts for each submission that can be sent to multiple recipients, and ensure submitters receive a confirmation email upon successful submission, keeping everyone informed and engaged.

Instant Alerts for New Email Subscription Form Submissions

The Email Subscription Form includes a CAPTCHA feature to block spam effectively. Users must complete the CAPTCHA before they can submit the form, preventing bots and automated scripts from flooding your inbox with spam. This ensures that you receive only genuine submissions from real users.

Enhanced Spam Protection for Your Email Subscription Form

The Email Subscription Form offers the flexibility to permit multiple submissions from a single user. This feature is particularly useful for situations where users might need to update information or provide additional details, enhancing the form's functionality and user convenience.

Allow Repeated Submissions on the Email Subscription Form

The Email Subscription 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 Email Subscription Forms

The Email Subscription Form widget now lets you collect payments from your subscribers effortlessly. Whether you’re offering premium content, exclusive newsletters, or paid subscriptions, this feature integrates secure payment options directly into your form. With an easy setup and reliable payment processing, you can enhance your subscription experience while providing convenience for your audience.

Accept Payments Through Your Email Subscription Form

The Email Subscription Form features a selection of attractive skins, allowing you to quickly enhance its design without the need for extensive customization. Choose from various styles to align the form seamlessly with your website’s aesthetics, simplifying the setup process while maintaining a professional look.

Variety of Skins for the Email Subscription Form

The Email Subscription Form offers extensive customization capabilities, allowing you to tailor its design to perfectly match your specific needs. Modify everything from layout to styling to ensure the form integrates seamlessly with your website's aesthetic.

Complete Customization Options for the Email Subscription Form

The Email Subscription Form is designed to be fully responsive, ensuring it displays beautifully across all devices. With the increasing prevalence of mobile and tablet internet access, having a form that adapts flawlessly to different screen sizes is crucial for maintaining a professional and accessible user experience.

Optimized Responsiveness of the Email Subscription Form

The Email Subscription Form is exceptionally easy to use and does not require any coding skills. With just a few clicks, you can customize the form to your preferences using our intuitive interface, making it accessible for anyone to tailor the form quickly and effectively.

 User-Friendly Email Subscription Form

Our sophisticated editor empowers you with full control over the aesthetics of the Email Subscription Form. Effortlessly adjust colors, fonts, layout, and positioning to match your site's style. For those who wish to delve deeper into customization, the option to edit the CSS directly allows for even more creative and precise adjustments to the form's appearance.

Advanced Custom CSS for the Email Subscription Form

Embedding the Email Subscription Form on your website is straightforward—just copy and paste the provided code snippet into your site’s HTML. The form is designed to auto-update, so any modifications you make in the editor will automatically appear on your website, keeping your form up-to-date with no extra effort.

Effortless Embedding of the Email Subscription Form

The easy-to-use Email Subscription Form enables visitors to quickly subscribe to your newsletters, enhancing your ability to connect directly and efficiently. This widget is essential for growing your subscriber list and increasing your outreach, ultimately boosting your business revenue.

Boost Your Subscriber Base

With the Email Subscription Form widget, tracking and managing your subscribers becomes a breeze. Receive instant notifications when someone subscribes, and easily organize subscriber data in a structured table. This feature ensures efficient management of your contacts and simplifies the process of engaging with your audience.

Streamline Subscriber Management

The Email Subscription Form widget offers seamless integration with major email marketing platforms, making it easier to synchronize your subscriber list directly with your existing campaigns. This feature allows for automatic updates to your mailing lists, ensuring that every new subscriber is immediately engaged with your marketing efforts. With this integration, you can streamline your workflows and enhance the effectiveness of your email marketing strategies.

Seamless Integration with Email Marketing Platforms

Email Subscription Form

Forms

Boost Sales

User Engagement

New!

Create interactive, customizable maps with color coding, tooltips, and easy website embedding.

The Interactive Maps widget offers a selection of over 250 maps of world countries. This extensive library allows you to choose the exact map that fits your needs, making it easy to create detailed and customized data visualizations for any region across the globe.

Extensive Map Selection

The Interactive Maps widget allows you to set custom color coding categories and assign them to each polygon on the map. This feature makes it easy to visually distinguish between different data sets, regions, or categories by using a variety of colors. Whether you're highlighting states, counties, or any other geographic areas, this option provides a clear and effective way to represent your data in a visually engaging manner.

Customizable Color Coding for Interactive Maps

The Interactive Maps widget includes an option to display a legend, making it easy for users to understand the color coding and data categories on the map. The legend enhances clarity by providing a quick reference, ensuring that your audience can easily interpret the data represented in the map’s color-coded regions.

Integrated Legend Display for Interactive Maps

The Interactive Maps widget allows you to set custom links for each polygon, directing users to external webpages. This feature is ideal for providing additional information, resources, or related content, making your map not just a visual tool but an interactive gateway to deeper engagement with your audience.

Link Polygons to External Webpages

The Interactive Maps widget offers a variety of beautiful design skins, allowing you to choose a look that seamlessly aligns with your website's aesthetics. Whether your site has a modern, minimalist, or traditional style, there’s a skin that will enhance the visual appeal of your map while saving you time on customization.

Multiple Design Skins for Interactive Maps

The Interactive Maps widget enables you to create custom tooltips for each polygon, complete with a header image and text. This feature allows you to provide rich, detailed information when users hover over different regions, enhancing the interactivity and depth of your map. It’s a powerful way to deliver context and insight directly within the map itself.

Add Tooltips with Image and Text for Each Polygon

The Interactive Maps widget provides extensive customization options, letting you adjust colors, fonts, spacing, and more to suit your specific needs. This flexibility ensures that your map not only functions well but also complements the unique design of your website.

Fully Customizable Interactive Maps

Designed for responsiveness, the Interactive Maps widget ensures your map displays elegantly on any device, from desktops to smartphones. This feature is crucial for providing a consistent user experience, regardless of how visitors access your site.

Perfectly Responsive Interactive Maps

The Interactive Maps widget is user-friendly, requiring no coding skills for customization. Its intuitive dashboard allows you to easily tailor the map to your preferences, making it accessible for users of all technical levels.

Easy-to-Use Interactive Maps Widget

For those seeking deeper customization, the Interactive Maps widget supports custom CSS. This feature is perfect for developers and designers who want to apply a unique style or add advanced functionality to the map, allowing for a truly personalized experience.

Custom CSS for Advanced Styling

Embedding the Interactive Maps widget on your website is straightforward, requiring just a single line of code. The widget automatically updates with any changes you make, ensuring that your map is always current without any extra effort.

Effortless Embedding of Interactive Maps

Empower your website with visually appealing data representation using Interactive Maps. These maps allow users to easily interpret complex data through color-coded regions, improving user engagement and understanding.

Enhance Data Visualization with Interactive Maps

Transform complex datasets into easily digestible visuals with Interactive Choropleth Maps. This tool helps website visitors quickly grasp insights by representing data through color variations across geographic regions.

Simplify Complex Information Using Interactive Choropleth Maps

Utilize the power of Interactive Choropleth Maps to present data in a way that aids decision-making. The ability to highlight and compare different regions at a glance makes it easier for users to draw meaningful conclusions.

Drive Decisions with Interactive Choropleth Maps

Interactive Maps

Display a restaurant menu in a stylized and adjustable list format

The Restaurant Menu List widget features a selection of beautiful icons that will fit any requirement — is the meal vegetarian? Is it spicy? Is the drink alcoholic? Make this information instantly visible.
The Restaurant Menu widget allows you to easily add the prices of your delicious dishes and supplementary, informative symbols to indicate whether the food is spicy, vegetarian, etc. 

Multiple Icons To Select From

The Restaurant Menu List widget features six layouts with varying image sizes and text layouts, supporting horizontal and vertical design to ensure that the widget fits your design requirements.

Restaurant Menu List Widget Multiple Layouts

You can add images to the Restaurant Menu List to whet the users’ appetite with photos of your delicious meals.

Restaurant Menu List Images

The Restaurant Menu List 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 Restaurant Menu List 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 Restaurant Menu widget

The Restaurant Menu List 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 Restaurant Menu widget

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

Easy To Use Restaurant Menu Widget

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

Custom CSS

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

Easy To Embed Restaurant Menu widget

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

Gentle Intro Animation

With the Restaurant Menu List widget, you can increase conversions by providing all the relevant information in one place, including the meal’s description, its price, dietary specifications, images and links to more information.

Increase Conversions

The Restaurant Menu List widget’s extensive customization options will allow you to design it as you desire, to make it fit your overall website design.

Enhance Design using a Restaurant Menu widget

By providing all the information in an organized, concise manner, with the ability to click on relevant links, you will make your users’ journey easier, shorter and better.

Improve User Experience

Restaurant Menu List

Lists & Cards

Showcases images in a rotating or sliding manner

Example 5

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

Image Carousel Slide Size

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

Arrows & Pagination 

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

Slider Speed & Time Per Slide

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

Image Carousel Multiple Layouts

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


Fully Customizable Image Carousel

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

Perfectly Responsive Image Carousel

The Image Carousel widget is easy to use and requires no coding knowledge. Our intuitive dashboard with the drag-and-drop feature will enable you to customize the widget any way you’d like to with just a few simple clicks.

Easy To Use widget

As with all of Common Ninja's widgets, the Image Carousel widget also provides the option to add custom CSS, which allows you to take your customization to the next level and be even more creative. Custom CSS will enable you to create custom styles and design elements that are unavailable through built-in customization options.

Image Carousel Custom CSS

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

Easy To Embed Image Carousel

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

Use Image Carousel to Enhance Design

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

Promote Your Work with Image Carousel

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

ColorPicker

MODX extra

App Details

Pricing

App Info

Some of the best Common Ninja extras for MODX

Animated Headline

Payment Button

Email Subscription Form

Interactive Maps

Restaurant Menu List

Image Carousel

Flip Cards

Glassdoor Reviews

Card Slider

Countdown Bar

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine

ColorPicker

MODX extra

App Details

Pricing

Check Out the Animated Headline Widget

App Info

Some of the best Common Ninja extras for MODX

Animated Headline

Payment Button

Email Subscription Form

Interactive Maps

Restaurant Menu List

Image Carousel

Flip Cards

Glassdoor Reviews

Card Slider

Countdown Bar

extras You Might Like

Discover the best apps for your website

Common Ninja Search Engine