Verified review
Common Ninja has amazing no-code widgets that would beautify a website built on any builder. It is very easy to use and customise. It has as many widgets for almost everyone willing to make their website impressive.
Quick add to:
- PayPal + StripePayment integration
- 200+Platforms supported
- <5 minSetup time
- No-codeSetup in minutes
The Common Ninja Order Form widget is a free, no-code embed that lets customers submit product orders on your website with optional payment collection via PayPal or Stripe.
Add product fields (item name, quantity, price, variants, custom options), configure payment integration if your orders need to be paid at submission, enable spam protection, customize the design with skins or Custom CSS, set up notification emails for new orders, enable CSV export of order data, and paste a one-line embed snippet on Shopify, Canva, WordPress, Squarespace, Framer, and 200+ other platforms.
Use it for custom-order catalogs (custom cakes, made-to-order goods, service requests), small-batch product orders that don't justify a full e-commerce setup, B2B reorder forms, restaurant takeout orders, and any flow where customers need to submit a structured order without going through a full checkout.
Why add an Order Form widget to your website?
Collect orders without setting up a full e-commerce platform
Full e-commerce platforms (Shopify, BigCommerce, WooCommerce) handle inventory, fulfillment, shipping, taxes, multi-currency, and 50 other features that are powerful but heavy. For makers running 5-20 orders a month, custom-order businesses, B2B reorder flows, and made-to-order catalogs, this widget gives you the order-collection surface without the platform overhead.
Take payment via PayPal or Stripe at submission
Orders submitted without payment require a follow-up step — invoice, payment link, manual collection — that adds friction and loses orders. Built-in PayPal and Stripe integration collects payment as part of the same submission flow, so the order arrives in your dashboard already paid and ready to fulfill.
Get notified the moment an order arrives
Set notification email addresses so the host gets pinged when a new order comes in, with the full submission detail included. Useful for time-sensitive orders (takeout, same-day services) where minutes matter. Configure separate recipients per form if you run multiple order surfaces.
Different from a Contact Form or Form Builder
A Contact Form is for general inquiries. A Form Builder is for any custom multi-field form. This Order Form is pre-tuned for order collection with payment — quantity fields, variant selectors, payment integration, automated order-confirmation emails. Use this Order Form for orders; use the other widgets for general forms.
How it works
Build your order form
Add product fields — item name, quantity, price (with tax handling if needed), variants (size, color), custom options (engraving text, special instructions). Mark fields required or optional, configure validation rules, set min/max quantities, and group related fields with section headers.
Configure payment and notifications
Enable PayPal or Stripe payment integration if orders should be paid at submission. Set notification email addresses so you're alerted when a new order arrives, with the full order detail included. Enable spam protection (honeypot, optional CAPTCHA) so the inbox stays clean. Configure automated order responses (thank-you email with order confirmation).
Embed and export orders
Copy the one-line embed snippet and paste it on Shopify, WordPress, Canva, Squarespace, Framer, or any of the 200+ supported platforms. Orders save to your Common Ninja dashboard; export the full order list to CSV whenever you need it for fulfillment, accounting, or inventory tracking. Edits in the editor push to every embed without re-paste.
What you get with the Order Form widget
PayPal and Stripe payment integration
Collect payment alongside the order — PayPal handles its own button flow; Stripe collects card details inline (with PCI compliance handled by Stripe's hosted fields). Orders arrive in your dashboard already paid and ready to fulfill.
Customizable fields for product orders
Pre-tuned for orders — item name, quantity, price, variants (size, color, finish), custom options (engraving text, special instructions), shipping address (optional). Add custom fields for order-specific questions.
Spam protection
Honeypot fields and optional CAPTCHA keep the inbox clean. Validation rules block obvious junk (empty fields, malformed emails, bot patterns) at submission so your order list reflects real customers, not fake submissions.
Stylish skins and Custom CSS
Pick from a library of pre-designed skins (minimal-clean, food-service, maker-vibrant, dark-mode, corporate) for a fast visual fit. Layer Custom CSS for pixel-level control over field spacing, payment-button styling, quantity-stepper design, and per-section dividers.
Everything in the editor
Accept Payments Through Your Order Form
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.
Customizable Fields for Product 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.
Effortless Collection of Product Order Data
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.
Key Fields for Product Order Form
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.
Enhance Your Order Form with Text and Images
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.
Personalize Headers & Footers
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.
Prevent Spam in Your Order Form
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.
HIPAA Compliance for Secure 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.
Various Order Form Styles
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.
Fully Customizable Product Order Form
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.
Perfectly Responsive 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.
Custom CSS for Order Form
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.
Easy Embed of Product 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.
Also included in the editor
Export Product Order Data to CSV
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.
Receive Notifications for New Orders
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.
Easy-to-Use Order Form Creator
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.
Real reviews. Real customers.
Verified
Outstanding service. I use their widgets to help me with my web design business and whenever I need help they are very quick to help.
Verified
Excellent company with excellent service!!! We used it to build a survey, it was very user friendly. The service was perfect. Amit helped us with every problem and question we had, thank you very much!!!
Verified
Common Ninja saved the day when building our website and the customer service Daniel, the co-founder and CEO, provided was amazing.
Quick answers
Yes. The free plan covers one Order Form with no time limit and no credit card. Upgrade only when you need additional forms, more submissions per month, payment integration, premium skins, advanced field types, or features like webhook delivery and conditional logic.
A Contact Form is for general inquiries (name, email, message). A Form Builder is for any custom multi-field form. This Order Form is pre-tuned for order collection — quantity fields, variant selectors, PayPal/Stripe payment integration, automated order-confirmation emails. Same data backend; different starting point. Use this Order Form when orders are the goal; use Form Builder when you need a flexible custom form.
Yes — on plans that include payment integration. Connect PayPal or Stripe in the editor, set per-item or per-order pricing, and the form collects payment as part of the same submission. Customers fill in the order, pay, and submit in one flow. Orders arrive in your dashboard already paid.
Shopify (and BigCommerce, WooCommerce) is a full e-commerce platform with inventory management, shipping calculation, tax automation, multi-currency, abandoned-cart recovery, and dozens of other features. This Order Form is the order-collection surface only — best for makers running 5-20 orders a month, custom/made-to-order businesses, B2B reorder flows, restaurant takeout, and any case where a full platform is overkill.
Set notification email addresses in the editor — the host (and any co-owners) get an email with the full order detail when a new submission arrives. Useful for time-sensitive orders (takeout, same-day services). Configure separate recipients per form if you run multiple order surfaces.
Orders save to your Common Ninja dashboard with one row per submission. Export the full order list to CSV whenever you need it — for fulfillment, accounting, inventory tracking, or merging into your back-office tools. The CSV includes every field plus payment status if you've enabled payment integration.
Build the form in the Common Ninja editor (add fields, configure payment, set notifications), copy the embed snippet, and paste it into your site: Shopify via a Custom HTML section in your theme editor or via a Custom Code app for sitewide injection; WordPress via a Custom HTML block (Gutenberg) or Shortcode/Text widget (Classic); Squarespace via a Code Block in your section. Edits in the editor push to every embed without re-paste.
Yes. Field layouts adapt across mobile, tablet, and desktop breakpoints — inputs reflow to single-column on narrow screens, quantity steppers stay tappable, payment fields use the correct mobile keyboard (numeric for card details), and the submit button stays finger-sized on every breakpoint.
How to add Order Form to your website
Pick your platform. Each takes under 4 minutes.
- 1Open your Shopify admin and navigate to Online Store → Pages → create or edit your custom-order page.
- 2Add a Custom HTML section to the page and paste the Common Ninja embed snippet.
- 3Save the page. The order form renders inline with your store's section styling around it.
- 1Open the page or post in the WordPress editor and click the + icon to add a new block.
- 2Choose the Custom HTML block (Gutenberg) or the Shortcode/Text widget (Classic Editor) and paste the Common Ninja embed snippet.
- 3Update the page. The form renders inline and respects your theme's content width.
- 1In the Canva editor, open the Apps panel from the left sidebar and search for Embed.
- 2Click the Embed app, paste the Common Ninja embed URL, and place the embed on your canvas or page.
- 3Resize the embed and publish or share. Customers fill in the order form inline on your Canva-hosted page.
- 1Open the Squarespace section where the order form should appear and click Add Block.
- 2Choose Code from the block menu, paste the Common Ninja embed snippet, and confirm.
- 3Save and exit. The form renders inline with Squarespace's section styling around it.
- 1Open your Framer project and drag a Code Embed element onto the order page where the form should appear.
- 2Paste the Common Ninja embed snippet into the embed field and resize the element to fit your layout.
- 3Publish the site. The form renders inline; submissions reach your Common Ninja dashboard without republishing the Framer site.
Compatible With All Site Builders, E-Commerce Platforms and Websites
Explore Related Widgets
Form Builder
Create your form for any purpose with a friendly form builder
Contact Form
Allow users to send messages or inquiries, save submissions, enable notifications, and more
RSVP Form
Allow users to register for events, save submissions, enable notifications, and more
Pricing Tables
Displays pricing options for products or services in a clear and organized format
Popup Builder
Easily craft engaging, personalized popups to boost conversions.
Catalog
Create, customize, and display product catalogs seamlessly on any website.
FAQ
The Product Order Form is a tool that allows you to easily create customized order forms for your website. It offers a range of features, including customizable fields, skins, and design options, as well as anti-spam measures and notification settings.
Yes, the Product Order Form is designed to be user-friendly and intuitive, with a simple drag-and-drop interface and customizable options.
Yes, you can fully customize the appearance of the order form using the widget's design options, skins, and direct CSS editing.
Yes, the Product Order Form Widget is fully responsive and optimized for mobile viewing.
Yes, you can easily integrate the order form into your website by copying and pasting the provided code snippet.
Yes, the Product Order Form offers the CAPTCHA anti-spam feature to prevent bots and automated scripts from submitting spam entries through the order form.
Yes, 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.
Yes, you can easily do so from the “Templates” tab.
Yes, there are lots of beautiful skins that you can choose from to save time and start using the widget as quickly as possible.
Common Ninja’s Order Form is free to use. It is limited to a certain amount of views, however.
Common Ninja’s Order Form is compatible with ALL current and future website builders.
Yes, the Order Form is GDPR-compliant.
No. Using our Order Form is very simple. The form comes with an intuitive drag-and-drop interface and fully customizable options. Once you’ve finished editing the to your liking, all you need to do is copy the provided code and add it to your website.
Yes. We are eager to hear your request. Please visit our Feature Request page.
Ready when you are
Add an Order Form to your site in 5 minutes
Collect product orders with PayPal or Stripe payment integration, pre-tuned quantity and variant fields, custom options, spam protection, host notifications, CSV export, stylish skins, and Custom CSS. Embed on 200+ platforms including Shopify, WordPress, Canva, Squarespace, and Framer.
Create your Order FormNo credit card · Setup in under 5 minutes