How to Add a Form to Shopify

Your Shopify store needs more than a checkout. Contact forms, wholesale applications, product request lists, feedback surveys, and preorder signups all help you capture demand and serve customers better. Shopify's built-in contact form is limited, so the practical move is to build a richer form elsewhere and add it to Shopify with an embed. This guide shows you how to add a form to Shopify using FormMaker, a 100% free online form builder.

Why Add a Custom Form to Shopify?

Shopify's default form covers basic contact messages, but a dedicated form builder unlocks more:

• Custom fields for order details, wholesale info, or product requests.
• Unlimited responses for free, even during a busy launch.
• Real-time analytics to see starts versus completions.
• Multi-step wizard forms for applications and detailed intake.
• Integrations with Google Sheets, Slack, Zapier, plus API and webhooks.

FormMaker gives every form an embed snippet you can drop into a Shopify page, plus a shareable link if you would rather send customers to a hosted form.

Step-by-Step: Add a Form to Shopify

Step 1: Build Your Form in FormMaker

First, create the form:

1. Sign up for a free FormMaker account and create a new form.
2. Use the drag-and-drop builder to add your fields, such as name, email, order number, or a message.
3. Click each field to set its label, placeholder text, and whether it is required.
4. Add a form title and set your submit button text.

Keep the form focused so more customers complete it.

Step 2: Customize and Publish

Open your form settings and add a confirmation message that appears after submission. Connect an integration like Google Sheets, Slack, or Zapier if you want responses to route automatically to your team. When the form is ready, click publish.

Step 3: Copy the Embed Snippet

Open your published form and find the embed option. FormMaker provides an embed snippet, a small block of iframe/embed code. Copy the entire snippet.

Step 4: Add the Snippet to a Shopify Page

Shopify gives you a few places to paste embed code. The easiest is a regular page:

1. In your Shopify admin, go to Online Store > Pages.
2. Open an existing page or click Add page to create one (for example, a "Wholesale" or "Contact" page).
3. In the content editor, click the Show HTML option (the < > code icon) to switch to HTML view.
4. Paste your FormMaker embed snippet into the HTML.
5. Save the page.

If you prefer the form inside a theme section, you can also add it through the theme editor using a Custom Liquid section (Online Store > Themes > Customize > add section > Custom Liquid) and paste the snippet there.

Step 5: Preview and Test

View the live page on your storefront. Confirm the form appears, then submit a test entry to make sure responses arrive in your FormMaker dashboard. Check the page on mobile, since most Shopify traffic is on phones.

That is it. Your Shopify store now has a custom form.

Build your form free with FormMaker and add it to Shopify in minutes.

Prefer a Link? Use a Shopify Button or Menu Item

If you would rather not embed, share the standalone link instead:

1. Copy your form's shareable link from FormMaker.
2. In Shopify, add a button in the page editor or a menu item under Navigation.
3. Point it at your form URL.

Customers then click through to a clean hosted form page, which works well for calls to action, footer links, or navigation.

Tips for a Better Shopify Form

• Match your store's flow. Place the form on a dedicated page linked from your menu or product pages.
• Keep fields minimal. Fewer fields means more completed submissions, especially on mobile.
• Use a multi-step form for applications. FormMaker's multi-step wizard splits longer intake into smaller screens.
• Route responses to your team. Send submissions to Slack or Google Sheets so nothing gets missed during a busy period.
• Watch your analytics. Real-time analytics reveal where customers drop off.

Troubleshooting

• Form not showing? Make sure you pasted into the HTML view of the page editor, not the visual editor.
• Code appears as text? Confirm you switched to Show HTML (< >) before pasting.
• Using a theme section? Double-check you added the snippet to a Custom Liquid section and saved the theme.
• Old version showing? Clear your browser cache and reload the storefront page.

Frequently Asked Questions

Where is the best place to add a form in Shopify?

A dedicated page under Online Store > Pages is the simplest option. Paste the embed snippet into the page's HTML view. For theme-level placement, use a Custom Liquid section.

Do I need to code to add a form to Shopify?

No. Building the form is drag-and-drop, and adding it to Shopify is copy-and-paste. You paste the embed snippet into the page HTML or a Custom Liquid section.

Can I collect wholesale or custom order requests?

Yes. Add whatever fields you need in the FormMaker builder, then embed the form. You can route responses to Google Sheets or Slack so your team can act on them.

Is FormMaker free for Shopify forms?

Yes. FormMaker is free with unlimited forms and responses, so you can add as many forms to your store as you want at no cost.

Wrapping Up

Adding a form to Shopify is simple: build it in FormMaker's drag-and-drop builder, publish it, copy the embed snippet, and paste it into a Shopify page's HTML view or a Custom Liquid section. Prefer a link? Point a button or menu item at the shareable URL. Either way, you get custom fields, unlimited responses, and integrations that keep your store running smoothly.

Get started with FormMaker for free and build your Shopify form today.