Allow users to fill in orders, save submissions, enable notifications, and more

Example 1

Example 2

Example 3

Example 4

The Order Form allows you to seamlessly collect payments from your users. Whether you’re selling products, services, or custom orders, this feature integrates secure and reliable payment options directly into your form. With an intuitive setup and streamlined payment processing, you can enhance the ordering experience while ensuring efficiency and convenience.

Accept Payments Through Your Order Form

The Order Form Creator offers a variety of customizable fields to create the perfect order form for your needs. You can easily tailor the form to suit your product requirements and objectives by selecting from a range of field types. To add a field, simply click on the "Add Field" option and choose from the available options. With our drag-and-drop functionality, you can also effortlessly adjust the field order to create the perfect order form.

Customizable Fields for Product Order Form

The Product Order Form simplifies the collection and organization of all product order data in a clear and accessible format. This feature streamlines the tracking of orders, ensuring that you can review and fulfill orders more quickly and effectively. With our forms, you can easily manage and access all the information submitted in the form, making it easier to keep track of your product orders.

Effortless Collection of Product Order Data

The Product Order Form's export functionality for order data to a CSV file offers significant benefits in terms of efficient order organization and integration with other tools. This feature allows for easy transfer of order data to other applications or tools, making in-depth analysis and integration more accessible. For organizations seeking to maintain a comprehensive record of order information for data analysis, reporting, and management purposes, this feature is an invaluable asset.

Export Product Order Data to CSV

By incorporating designated fields for product orders; including product information such as quantity and color options, as well as customer information fields such as Name, Email, Phone, and Shipping Address, you can gather important information that can help you manage your product orders more efficiently. By including fields for product variations, special requirements, and payment options, you can provide a more personalized and streamlined ordering experience for your customers.

Key Fields for Product Order Form

Incorporating headings, descriptive text, and visuals into your product order form enables a more engaging and intuitive ordering experience for customers. Including informative form elements can guide customers through the process, promoting a seamless experience and increasing the chances of successful orders. With the ability to customize the form with text, images, and other visuals, you can create an order form that is not only functional but also visually appealing and easy to navigate.

Enhance Your Order Form with Text and Images

With the Product Order Form, you have the option to personalize your order form's header and footer, including the ability to add images. This feature offers an excellent opportunity to enhance your brand presence and create a professional, visually appealing form that seamlessly integrates with your website's overall design.

Personalize Headers & Footers

The Order Form also includes the option to enable notifications for both the form owner and the customer. You can activate automated email notifications for each form submission, send them to multiple recipients, and also dispatch a confirmation email to the customer upon successful order placement.

Receive Notifications for New Orders

The Product Order Form allows you to enable the CAPTCHA anti-spam feature, which customers must complete before submitting their order. This functionality helps prevent bots and automated scripts from submitting spam entries through your order form, ensuring that you receive authentic orders from genuine customers.

Prevent Spam in Your Order Form

The Order Form 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 Order Form

The Product Order Form comes with a variety of beautiful skins that you can choose from to quickstart the design process and save time on extensive customization. These pre-designed skins cater to different aesthetics, allowing you to easily match your form with your website's look and feel.

Various Order Form Styles

The Order Form provides comprehensive customization options, enabling you to tailor the design to meet your specific requirements. From adjusting colors and fonts to modifying field layouts, you have complete control over the form's appearance and functionality. With our form's user-friendly interface, you can easily customize the form to match your website's design and create a seamless ordering experience for your customers.

Fully Customizable Product Order Form

The Order Form is fully responsive and will look great on any device. Having a form 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. With the Order Form, you can create an order form that is perfectly responsive and provides a seamless ordering experience on any device.

Perfectly Responsive Order Form

The Order Form Creator is simple to use and doesn't require any coding expertise. Within a few clicks, you can customize the form to your liking using our intuitive interface, making it an effortless experience.

Easy-to-Use Order Form Creator

Our advanced editor is a robust tool that grants you full control over the Product Order Form's appearance. With this feature, you can effortlessly personalize every aspect of the form's design, from colors and fonts to layout and positioning. For those looking to exercise their creativity further, direct CSS editing allows for even more extensive customization options.

Custom CSS for Order Form

To integrate the Product Order Form into your website, copy and paste the provided code snippet into your page's HTML code. The form is designed to auto-update, which means any modifications you make in the Product Order Form editor will be automatically reflected on your website.

Easy Embed of Product Order Form

An Order Form allows customers to quickly and easily place an order for your products or services, reducing friction and increasing the likelihood of conversion. This makes it an essential tool for any business looking to streamline the ordering process and provide a seamless experience for their customers.

Streamlined ordering process

Using an Order Form Creator can save time and resources by automating the ordering process, eliminating the need for manual tracking and follow-up. This can help businesses increase efficiency and productivity while improving customer satisfaction and loyalty.

Increased efficiency

The Order Form can be designed to include automated responses, letting customers know that their order has been received and providing them with important details such as estimated delivery times. This feature not only provides customers with a positive ordering experience but also reduces the number of inquiries received by businesses regarding the status of their orders.

Automated Order Responses for Customer Satisfaction

Order Form

Forms

Display the latest posts from your Tumblr page

You can show your feed in a gallery format, with no other distractions to create a truly immersive experience for your visitors. 


An Immersive Experience

With a short, teasing sentence, and enticing images, it’s easy to encourage users to click on the feed to learn and read more about a particular topic. 


An Invitation to Explore

Style 3

Style 4

You can also present your feeds in a more detailed manner, to inform your users, and encourage them to read the desired posts. 


Detailed Information for Better Decisions

You can add a sense of movement to your Tumblr feed pages by using the "ticker" animation, which mimics a news ticker. You can use it to grab the user's attention immediately.

Ticker Animation

You can further customize the Tumblr Feed widget by displaying the time and date of the feeds.

Date & Time Display Settings

With the "auto-refresh" option toggled on, the Tumblr Feed widget automatically updates the feed with new posts.

Refresh automatically

The Tumblr Feed widget offers two feed types: Tabs and Mixed. Tabs are arranged based on feed order, while Mixed feeds are mixed together to create a diversified feed.

Multiple Feed Types

Customize the length of the characters in the Tumblr Feed widget to make it more compact.

Customize Character Display Length

In order to make sure the Tumblr Feed widget fits your overall design and style, it comes with multiple layout options.

Various Layouts

A variety of gorgeous skins are available for the Tumblr Feed widget, so customizing it isn't difficult.

Stunning Skins

The Tumblr Feed widget provides full RTL support for those who write from right to left. It will be easier for your news to be accessed by more people around the world.

RTL Supported

The Tumblr Feed widget allows you to customize the design to meet your needs. There are a lot of options for changing the colors, fonts, and spacing!

Totally Customizable

Any device will be able to use this Tumblr Feed widget. This feature will give you an edge over your competitors in a mobile-centric world. 

Perfectly Responsive

The Tumblr Feed widget is easy to install and requires no coding knowledge. Customize the widget in any way you like with our drag-and-drop dashboard.

Simple To Use Tumblr Feed Widget

The Tumblr Feed widget and all of Common Ninja's widgets can be customized with CSS.

Custom CSS

Simply copy and paste the code into your website to embed the widget. Whenever you make a change to your Tumblr Feed, the widget will automatically update.

Simple to Embed

You can group and collect various Tumblr feeds with the Tumblr Feed widget.

Group Several Tumblr Feeds

By grouping your Tumblr feeds on one page, your readers will have easier access to them. 

Better User Experience

Enhance your page's appearance by customizing the Tumblr Feed widget. Create a more appealing design by adding a gentle "ticker" animation.

Enhanced Design

Tumblr Feed

Social Feeds

Engagement Toolbox enhances website interaction with customizable features like forms, galleries, chats, and more.

The Engagement Toolbox widget offers multiple types of call-to-action options, allowing you to engage users in diverse ways. Whether it's buttons, links, or downloadable content, these options can be tailored to prompt specific user actions, enhancing interaction and engagement on your site.

Variety of Call-to-Action Options

The Engagement Toolbox widget allows seamless integration with other Common Ninja widgets to boost user engagement. You can incorporate forms, video galleries, image galleries, reviews, testimonials, chats, booking, social feeds, FAQs, and business hours directly into the Engagement Toolbox. This versatile integration enhances functionality and provides a richer, more interactive user experience.

Enhance Engagement with Additional Common Ninja Widgets

The Engagement Toolbox widget offers flexible positioning options, allowing users to choose which corner of the window the Toolbox will open from. This customization ensures the Engagement Toolbox fits seamlessly into your website's design and user experience, providing convenient access without disrupting your site's layout.

Customizable Toolbox Positioning

The Engagement Toolbox 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 Engagement Toolbox. 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 Engagement Toolbox Design Skins

The Engagement Toolbox 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 an Engagement Toolbox  that is not only functional but also uniquely tailored to the aesthetic of your website.

Fully Customizable Engagement Toolbox Widget

The Engagement Toolbox widget is designed to be fully responsive, ensuring it displays elegantly on any device. In a time where mobile optimization is crucial, this feature is key to delivering a consistent user experience regardless of the device being used.

Perfectly Responsive Engagement Toolbox

The Engagement Toolbox 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 Engagement Toolbox to your preferences with just a few clicks. This ease of use makes it accessible for anyone to integrate and modify the Engagement Toolbox, regardless of their technical background, enhancing the functionality of your website without the need for specialized knowledge.

Easy To Use Engagement Toolbox Widget

The Engagement Toolbox  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 Engagement Toolbox'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 Engagement Toolbox 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 of the Engagement Toolbox on Any Website

With the Engagement Toolbox, you can directly interact with your website visitors, answering their queries and guiding them through the sales funnel in real-time. This direct line of communication can significantly boost your conversion rates and drive more sales.

Drive Conversions and Sales

The Engagement Toolbox widget streamlines customer support by offering a quick and easy way for users to get help. This can lead to faster resolution times, higher customer satisfaction, and a reduction in support tickets.

Improve Customer Support Efficiency

The Engagement Toolbox can help increase website traffic by keeping users engaged and encouraging them to spend more time on your site. The interactive nature of the widget encourages repeat visits, contributing to higher overall traffic and better retention metrics.

Increase Website Traffic and Retention

Engagement Toolbox

User Engagement

Popups, Bars & Buttons

New!

Easily craft engaging, personalized popups to boost conversions.

With the Popup Builder widget, you have the freedom to design your popup exactly how you envision it. Add various elements including titles, sub-titles, paragraphs, and images, and arrange them in the order that best suits your communication needs.



Element Flexibility and Customization

With the Popup Builder widget, you can set your popup content to dynamically adjust based on visitor behavior or predefined rules. This adds an element of personalization to your popups, enhancing user experience and boosting engagement.

Dynamic Content Placement

Make your popups more interactive by adding clickable buttons. This feature lets you guide your visitors towards desired actions, whether it's subscribing to a newsletter, making a purchase, or visiting a particular page.

Interactive Buttons Addition

With the Popup Builder widget, you're not just limited to text and images. It allows you to embed other widgets such as forums, countdown timers, sliders, or any other widget you've created on Common Ninja. This enables you to create multi-dimensional popups that serve varied functions, making your website even more dynamic and interactive.

Supercharge Your Popups with embedded widgets

The Popup Builder widget comes with a variety of layout options. You can pick the one that best aligns with your website's design and style, ensuring a cohesive and appealing look.

Choose a Popup Layout That Matches Your Site

The Popup Builder widget offers a range of pre-designed skins, allowing you to add a touch of style to your popups without investing extra time in customization. Simply choose a skin that suits your aesthetic, and you're good to go.

Ready-to-Use Stylish Skins

Control when your popups appear with the widget's customizable timing feature. You can set the popup to appear immediately as the page loads, after a certain amount of time, or when a visitor is about to exit, giving you strategic control over user interaction.

Customizable Pop-up Timing

With the Popup Builder widget, your popups are fully customizable, letting you tailor each aspect to your preference. Feel free to modify the colors, fonts, spacing, and more, creating a design that truly reflects your brand and resonates with your audience.

Personalize Your Popups to Perfection

The Popup Builder widget is designed to be fully responsive, ensuring your popups look fantastic on all devices. In a world that prioritizes mobile-friendly design, this feature helps you stand out and provide a seamless user experience, no matter the device used.

Seamless Experience on Any Device

Creating your ideal popup is a breeze with our easy-to-use Popup Builder widget. You don't need any coding knowledge - our intuitive, drag-and-drop interface lets you customize your popups just how you want them with just a few clicks.

User-Friendly Popup Creation

Like all Common Ninja widgets, the Popup Builder offers the ability to add custom CSS. This feature gives you the freedom to add a personal touch and get even more creative with your popup design.

Express Your Creativity with Custom CSS

Embedding the Popup you've created with the popup builder on your website is as simple as copying and pasting a single line of code. Plus, every change you make in the widget gets automatically updated on your site, keeping your popups fresh and up-to-date without any extra effort.






Hassle-Free Embedding

Leverage the Popup Builder widget for capturing leads. By placing an attractive and user-friendly popup on strategic parts of your site, you can easily gather visitor information for future marketing initiatives.

Efficient Lead Generation

The Popup Builder widget enables clear and timely communication with your audience. Deliver important updates, offers, or ask for feedback in a direct and attention-grabbing manner, ensuring your message is heard.

Enhanced Communication

The Popup Builder widget is a powerful tool to motivate your website visitors to take action. By providing personalized prompts and calls-to-action, you can significantly boost conversion rates.

Increased Conversion Rates

Popup Builder

E-Commerce

My Widget

Enrich Content & Increase User Engagement With a Social Votes App

Example 5

The Social Votes widget features various layouts that you can choose from to customize its look and make sure that it fits your design and vision.

Multiple Layouts

The Social Votes widget enables you to embed content from various social media platforms like Facebook, Instagram, Twitter, TikTok, or YouTube.

Embed Content From Various Sources

The Social Votes widget comes with animated features that are triggered when displaying results or voting statistics. This will make every vote seem even more unique and interactive.

Animation

The widget allows you to set a start number of votes, to get the ball rolling, and encourage users to vote.

Set Start Number

The widget enables you to customize the following text: points, total votes, and the message that appears when there are no votes. This makes it ideal for users from all over the world, who would like to customize these titles to their native language.

Language Localization

The Social Votes widget features full customization options so you can edit the design to fit your needs. Change the colors, the fonts, the spacing, and anything else!

Fully Customizable

The Social Votes 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.

The Social Votes 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 Social Votes widget

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

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

Easy To Embed

The widget is built for interactivity — users need to vote for or against something. This creates engagement, interest, and buzz around your content.

Increase User Engagement

With full customization options, and the ability to add titles and descriptions you can easily customize the widget for any purpose, and enrich your articles and stories.

Enrich Articles & Stories

The widget will enable your users to freely express their opinion on whatever subject you put before them, and this will create a unique angle to your content, which will be highly valued by your users.

Freedom of Expression

Social Votes

Media

Translate your website into multiple languages with a customizable, user-friendly translation widget.

The Website Translator Widget supports a vast array of languages, ensuring your website is accessible to a global audience. With just a few clicks, you can enable translation for dozens of languages, catering to users from different linguistic backgrounds. This feature empowers you to make your site inclusive and welcoming to visitors worldwide.

Select From a Wide Range of Languages

The Website Translator Widget intelligently detects your website's original language and provides users with a convenient default button to return to the original content. This ensures a seamless browsing experience, allowing users to explore translations while easily reverting to the main language when needed. This feature combines convenience with precision for optimal user satisfaction.

Automatic Default Language Detection

The Website Translator Widget offers versatile display options to match your website's design and user preferences. Choose between a minimal dropdown, a bar with buttons, or other layouts to seamlessly integrate the widget into your site. Additionally, you can customize the display to show language names, flags, or a combination of both, enhancing usability and visual appeal.

Flexible Layout and Display Options

The Website Translator Widget gives you the flexibility to position it exactly where you want on your website. You can opt for a static placement integrated into your site’s layout or choose a floating position that remains accessible as users scroll. This adaptability ensures that the widget fits your site’s design while maintaining optimal functionality.

Customizable Positioning: Static or Floating Options

The Website Translator Widget integrates seamlessly with Google Analytics and Mixpanel, giving you valuable insights into user behavior. Track which languages are most used, monitor translation interactions, and analyze engagement patterns to make data-driven decisions. This feature helps you refine your multilingual strategy and optimize your website's performance.

Analytics Integration for Actionable Insights

Enhance your site’s appearance with the Website Translator Widget’s range of beautiful design skins. These ready-made options help you align the widget with your website’s branding effortlessly while saving time on customization.

Choose From Multiple Website Translator Widget Skins

With extensive customization options, the Website Translator Widget allows you to modify colors, fonts, spacing, and more. This flexibility ensures the widget fits perfectly with your website’s unique design and branding.

Fully Customizable Website Translator Widget

The Website Translator Widget is fully responsive, ensuring that it looks and functions beautifully on desktops, tablets, and mobile devices. This guarantees a seamless experience for all users, no matter how they access your site.

Responsive Design for All Devices

The Website Translator Widget is designed for ease of use, with no coding skills required. Its intuitive interface makes it simple to configure and integrate into your website, enabling you to create a multilingual experience effortlessly.

User-Friendly and Easy to Use

For those seeking greater creative control, the Website Translator Widget supports custom CSS. This feature is perfect for developers and designers who want to fine-tune the widget’s appearance and functionality to achieve a truly unique look.

Custom CSS for Advanced Personalization

Embedding the Website Translator Widget is quick and straightforward, requiring only a single line of code. Plus, automatic updates ensure your widget remains current without any extra effort, keeping your site’s multilingual functionality running smoothly.

Discover the best extras for MODX

Some of the best Common Ninja extras for MODX

Order Form

Tumblr Feed

Engagement Toolbox

Popup Builder

Social Votes

Website Translator

Tabs

Highlighted Headlines

Vimeo Carousel

Visitor Counter

AI Chatbot

Scratch Card

Common Ninja Search Engine