How to Create a Custom Form on Shopify? [in 2023]

Written by: Mark Coleman
Published on:

Are you looking to create a custom form on your Shopify site? It can be a great way to collect customer information, gather feedback, and streamline the ordering process.

However, the process can be a bit tricky.

That’s where 123 Form Builder comes in.

With their easy-to-use platform, you can create and publish a custom form on your Shopify site in just a few simple steps.

In this blog post, we’ll walk you through the process of creating a custom form on Shopify using 123 Form Builder.

Plus, we’ll provide some tips and solutions if you’re having trouble creating a custom form.

Check out Shopify tutorials for more information.

If you prefer to watch a video tutorial on how to Create a Custom Form on Shopify, check out this video tutorial:

How to Create a Custom Form on Shopify?

Creating a custom form on Shopify is easy with 123 Form Builder. Follow these steps to create and publish a custom form on your Shopify site:

  1. Log in to your 123 Form Builder account and go to “My Forms”.
  2. Select the form you want to publish and click on the overflow menu (three dots).
  3. Click “Publish Form”.
  4. If you want to create a new form, click on “New Form” and customize it before publishing.
  5. Click on “Shopify” and select “Embed in Page”.
  6. Copy the Shopify code provided.
  7. Go to your Shopify online store and click on “Pages”.
  8. Add a new page and click on the HTML icon to switch to the HTML editor.
  9. Paste the code of the online form that you copied from 123 Form Builder.
  10. Edit the page as desired and click on “Save”.
  11. Click on “View Page” to see your online form.

If you want to use a different publishing method, repeat the steps above but use one of the codes from the “Link to Form” or “Lightbox Tab” in the publish section. However, it is recommended to use the provided code for a great form customization experience.

123 Form Builder offers a lot of customization options and templates for contact forms, surveys, and order forms. You can try it for free with basic pricing that does not require a credit card. Check out 123 Form Builder for more information.

Can’t Create a Custom Form on Shopify – How to fix it?

Creating a custom form on Shopify can be a bit tricky, but it’s not impossible. If you’re having trouble creating a custom form on Shopify, here are some possible solutions:

1. Use a third-party form builder: Shopify has its own form builder, but it might not have all the customization options you need. Consider using a third-party form builder like 123 Form Builder, which allows you to create custom forms and integrate them with your Shopify store.

2. Check your Shopify plan: Some Shopify plans don’t include the ability to create custom forms. Make sure you’re on a plan that allows you to create custom forms before you start trying to create one.

3. Use HTML and CSS: If you have some coding skills, you can create a custom form using HTML and CSS. Shopify allows you to add custom HTML and CSS to your store, so you can use this to create your form.

4. Use Shopify apps: There are many Shopify apps that allow you to create custom forms. Some popular options include Form Builder, POWr Form Builder, and JotForm.

Overall, creating a custom form on Shopify requires a bit of technical skill, but there are many solutions available to help you create the form you need. Consider using a third-party form builder or Shopify app, or use HTML and CSS to create your form. With a little bit of effort, you can create a custom form that meets your needs and helps you grow your business.

Why and when should you Create a Custom Form on Shopify?

Creating a custom form on Shopify can be a great way to collect information from your customers, whether it’s for contact purposes, surveys, or order forms. Here are a few reasons why and when you should consider creating a custom form on Shopify:

  • Collecting customer information: Custom forms can help you collect valuable information from your customers, such as their email address, phone number, or mailing address. This information can be used to send them updates about your products or services, or to personalize their shopping experience.
  • Gathering feedback: Surveys and feedback forms can help you understand your customers’ needs and preferences, and improve your products or services accordingly.
  • Streamlining the ordering process: Order forms can make it easier for customers to place orders on your website, by providing them with a clear and simple way to select the products they want, specify quantities, and add any additional information or special requests.

Creating a custom form on Shopify doesn’t have to be difficult, especially with tools like 123 Form Builder. With just a few simple steps, you can choose a template, customize it with your desired fields and designs, and publish it on your Shopify site. Plus, with pricing options that range from free to more advanced packages, you can find a plan that works for your business needs.

To get started, log in to 123 Form Builder and go to “My Forms.” From there, you can either create a new form or publish an existing one. Once you’ve customized your form, you can use the Shopify code provided by 123 Form Builder to embed it on your Shopify site. And if you need help along the way, 123 Form Builder offers support and resources to guide you through the process.

Overall, creating a custom form on Shopify can help you collect valuable information from your customers, improve your products or services, and streamline the ordering process. So if you’re looking for a way to enhance your Shopify site, consider creating a custom form today.

Conclusion – Create a Custom Form on Shopify

Creating a custom form on your Shopify site can be a great way to collect customer information, gather feedback, and streamline the ordering process.

While it may seem tricky at first, tools like 123 Form Builder make it easy to create and publish a custom form in just a few simple steps.

By following the steps outlined in this blog post, you can easily create a custom form on your Shopify site and start collecting valuable information from your customers.

If you encounter any difficulties along the way, there are many solutions available.

Consider using a third-party form builder or Shopify app, or use HTML and CSS to create your form.

With a little bit of effort, you can create a custom form that meets your needs and helps you grow your business.

At Shopify Tutorials, we offer a range of resources and tutorials to help you enhance your Shopify site.

Whether you’re looking to create a custom form or explore other features, we’ve got you covered.

Check out our website for more information and start enhancing your Shopify site today.

Mark Coleman - HowTOBuildWebsites
Written by Mark Coleman


Mark Coleman is the founder of HowToBuildWebsites.org, which provides comprehensive tutorials on website builders like WordPress, Wix, Squarespace, Webflow, and Shopify. He graduated from the University of North Texas with a business degree, developing an interest in web design's changing landscape and website builders' potential.

Mark enjoys experimenting with new web technologies, refining his web development skills, and actively participating in web design and development communities.

Learn more about him and read his articles here on HowToBuildWebsites.org.

Leave a Comment