All articles

How to Add Custom Forms In Shopify (2026)

Shopify's built-in form does one thing: name, email, message. The moment you need a file upload, a product dropdown, a deposit, or a conditional field, you hit a wall.

The fix is to build the form in a no-code builder and drop one embed snippet into your store. This guide walks through it in three steps: create the form, embed it with a Shopify form builder, and automate what happens after submit.

No theme code, no developer, no per-form app fee. You can have a custom form live on a Shopify page in a few minutes.

Shopify's Built-in Form vs a Dedicated Builder

Before you add an app, it helps to know exactly where Shopify's native form stops.

Shopify's built-in contact form

  • Collects name, email, and a message. That is the ceiling.
  • No custom fields, no conditional logic, no file uploads, no payments.
  • Submissions land in your store email, with nowhere to filter, tag, or export them.

A dedicated form builder

  • Add any field: dropdowns, file uploads, date pickers, signature, payment fields.
  • Use conditional logic to show fields only when they are relevant.
  • Route data straight to a CRM, a spreadsheet, or an autoresponder.

If your form is a simple "contact us", Shopify's native form is fine. For anything an actual order or application needs, you want a builder.

What a Dedicated Builder Lets You Do

Once you move off the default form, the kind of data you can collect changes completely:

  • Capture detailed customer info: phone, company, order notes, delivery dates.
  • Take payments and deposits in the form itself with Stripe or PayPal.
  • Let customers upload files: design proofs, prescriptions, ID, brief documents.
  • Show or hide fields with conditional logic so the form stays short.
  • Auto-send a confirmation email and push the data to your CRM on submit.

All of it runs without touching your theme code, which is the part most store owners want to avoid.

Shopify Forms You Can Build This Way

The same three steps cover almost any form a store needs. The common ones:

Contact and support forms

Add the fields Shopify's default form omits: order number, category, file attachment. Route urgent ones straight to your inbox or Slack.

Registration and account forms

Collect sign-ups for a loyalty program, an event, or early access, then sync the list to your email tool.

Wholesale and B2B application forms

Ask for business name, tax ID, and order volume, and gate access so only approved buyers see wholesale pricing.

Custom order and quote requests

Let customers spec a build, pick options, and pay a deposit, all before the order is confirmed. Start from a ready-made order form template to skip the setup.

Product question forms

Drop a short form on a product page so shoppers can ask before they buy, which lifts conversions on higher-priced items.

Step 1: Build Your Form

Start with the fields your form actually needs. A quick way in is the AI form generator: describe the form in a sentence and edit the draft it returns.

Depending on the use case, add fields for:

  • Customer details: name, email, phone, company.
  • Product selections: dropdowns, checkboxes, or quantity fields.
  • Custom requests: special instructions, file uploads, preferred dates.
  • Payment: a deposit or the full amount, collected in the form.

Then layer in conditional logic. If a customer picks a specific product, show only the customization fields that apply to it. The form stays short, and people finish it.

Step 2: Embed It on Your Store

In your form builder, open the share or embed settings and pick Shopify as the platform, then copy the embed code.

Formester gives you the snippet in six embed modes, so the form can sit anywhere it fits:

  • Inline: the form lives directly in the page (best for contact and order pages).
  • Popup, popover, or sidebar: the form opens on click without leaving the page.
  • Side tab or fullscreen: for a persistent prompt or a dedicated form page.

Now add it in Shopify:

  • Go to Online Store, then Pages, and click Add Page (or open the product or theme page you want).
  • Name the page, then click Add Section in the editor.
  • Search for Custom Liquid and select it.
  • Paste your embed code into the block.
  • Click Save.

To put the form on a product page instead, open the product template in the theme editor, add the Custom Liquid block where you want it, and paste the same code. The form is live, and submissions are stored and searchable in your dashboard.

Step 3: Automate What Happens Next

A form is only half the job. The other half is what happens the second someone hits submit.

  • Send an instant confirmation email so the customer knows you got it and what comes next.
  • Push every submission to a CRM like HubSpot so it lands in your pipeline, not a forgotten inbox.
  • Drop the data into Google Sheets or Slack for the team to action in real time.

Set this up once and a custom-order form turns into a small workflow: customer submits, gets a confirmation, and the order details are already in your system ready to fulfill.

Put a Custom Form Live on Your Store

That is the whole job: build the form, paste one snippet into a Custom Liquid block, and wire up a confirmation email. No theme code, no juggling separate apps for every form type.

Start from a ready-made template or describe what you need and let the builder draft it. Get started with Formester free and have a custom Shopify form collecting orders today.

Share this article
FAQ

Shopify Custom Form FAQ

Ready to build your perfect form?

Formester is the easiest way to create forms, collect data and automate your workflow