Embed Order Form Widget on Website Template

Elfsight Form Builder is a user-friendly tool for building varied forms for order placing and add them to your site. Collect all kinds of information from current and new clients with the help of useful forms. The settings allow you to build a form with composition, show or hide different elements, define types of inputs, add grades and scales, and many more to create manageable and efficient fill-in forms to collect information.

Build and Adjust a Widget

Visit demo or register at Elfsight Apps first, to create a widget based on the predefined templates, or design your custom solution.

Browse Elfsight's selection of templates by referring to the catalog below:


Quick Order Form
Create a quick form to take orders online using the template for website.
Purchase Order Form
Create a website form with the template to receive product purchases on the website.
Shipping Form
Create a website form with the template to provide shipping information.
Simple Order Form
Create a simple form to collect product orders using the template for website.
Stripe Order Form
Create a website form with the template to let users order online and make payments with Stripe.
Checkout Survey
Create a website survey with the template to collect post-checkout customer feedback.
Post Purchase Survey
Create a website survey with the template for collecting post-purchase reviews.
Payment Registration Form
Create a form to receive payments from registered users using the template for website.
No Suitable Form Template?
Create your form with Elfsight AI by describing your requirements in plain language, or build your own form using our form builder.

Here’s a short guidance: create website Order Form in the widget editor using one of the templates:

  • Pick: Blank template.
  • Set the email address for receiving emails and add boxes for the information you need to ask; Select the action after submitting the form; Choose the layout and adjust the size of the form.
    Feel like adding some personalization to the widget look? You can bring your ideas to life via custom CSS field.
  • Save all the alterations.

Make sure to save the changes you have made.

Publish the Widget on Your Website

Go to a page or template, where you need to publish your widget and insert the code received at Elfsight apps.

Here's a setup guide for a number of platforms: Adobe Muse, BigCommerce, Blogger, Drupal, Elementor, Joomla, jQuery, Magento, HTML, ModX, OpenCart, Shopify, Squarespace, Webflow, Weebly, Wix, WordPress.

Having queries with installation or customization of the widget? Get in touch with our customer service and they will be happy to provide help you.

Can I Change the Settings of My Widget Following Its Setup on My Website?

You can customize your widget at all times after it has been added to your site. For this, get authorized in your account at Elfsight Apps and go to the widget settings. Introduce desired changes in the editor, and they will be at once applied on your website.

Why Elfsight Apps?

  • The best widgets for your website;
  • Free unlimited-time help for all clients;
  • Fast and easy widget creating.

Choose Elfsight widgets if you're looking for a truly working tool for your web business or project. Have the best widgets to help you achieve more!

Check Order Form widget now!

Shape fill-in forms for your website