How to Add a Custom Contact Form in Shopify (2026)

Last updated
•
Expert reviewed
•
5 min read

Key takeaways

  • Shopify’s default contact form gives you Name, Email, Phone, and Message — created by setting a page template to “contact”.
  • For custom fields (dropdown, radio buttons, file uploads), use a form app or embed a third-party form.
  • Popular options: Hulk Form Builder, Powerful Contact Form Builder, Typeform, JotForm.
  • Fudge can build a custom native contact form with any fields you need.

To add a contact form in Shopify, create a page and assign the contact template; Shopify adds a Name, Email, Phone and Message form. For custom fields, use a form app, an embedded form tool, or a custom section.

How to create a custom contact form in Shopify

The built-in contact form

Shopify provides a simple contact form through its page template system.

Step 1 - Go to Online Store → Pages → Add page

Step 2 - Give the page a title (e.g., “Contact Us”)

Step 3 - In the Theme template dropdown (bottom right), select “page.contact” (or similar — the name varies by theme)

Step 4 - Save the page

This creates a page with a form containing: Name, Email, Phone (optional), and Message. Submissions go to your store’s sender email address.

Limitation: You cannot add custom fields to this form without editing theme code. The fields are hardcoded in your theme’s contact form section (sections/contact-form.liquid in Dawn).

For the page setup itself, see Create a New Page in Shopify.


Adding custom fields with a form app

For custom fields without code, Shopify’s App Store has several well-rated form builders:

Hulk Form Builder — free plan available, drag-and-drop form builder, supports most field types, sends submissions by email and can integrate with Klaviyo.

Powerful Contact Form Builder — similar feature set with slightly different UX.

Jotform / Typeform — third-party form platforms with their own builder. Embed as an iframe or using their Shopify embeds. Higher quality forms and more conditional logic options, but data lives off-Shopify.

Generic setup for form apps:

  1. Install the app from the Shopify App Store
  2. Build your form in the app’s editor (add fields, set required/optional, choose field types)
  3. Embed the form on your contact page via an app embed or by pasting the embed code into the page content editor

For forms that show fields based on earlier answers, see Add Conditional Logic to Shopify Forms.


What fields to include in a contact form

The right fields depend on your use case. More fields = more friction = fewer submissions. Only ask what you genuinely need to respond well.

Standard contact form:

  • Name (required)
  • Email (required)
  • Message (required)
  • Subject or inquiry type dropdown (optional but helps routing)

Wholesale inquiry form:

  • Business name (required)
  • Contact name (required)
  • Email (required)
  • Phone
  • Business type / industry dropdown
  • Estimated monthly order volume
  • Message

Product customization request:

  • Name, Email (required)
  • Product name (dropdown or text)
  • Customization details (textarea)
  • File upload for reference images

Customer service form:

  • Name, Email (required)
  • Order number
  • Issue type (dropdown: damaged item, wrong item, shipping issue, other)
  • Description

For reference images and other attachments, see Add a File Upload Field in Shopify.


Building a native custom form with Fudge

If you want a contact form that matches your theme’s design perfectly — styled in your fonts, colors, and layout — without an external app adding its own CSS, Fudge can build it natively.

Describe exactly what you need to Fudge:

“Build a wholesale inquiry form on my Contact page with fields for: business name, contact name, email, phone, business type (dropdown: retail, online, both), and estimated monthly order volume. Style it to match my theme.”

Fudge generates the HTML, CSS, and Liquid as a native section. No external app, no style conflicts, no additional scripts on your page.

Build a custom contact form by describing it to Fudge.
Start free trial

For whole pages built the same way, see the Fudge Page Builder.


Where do Shopify contact form submissions go?

By default, contact form submissions are sent to your store’s sender email address.

Changing the recipient: Shopify’s built-in form always sends to your store’s sender email address. If you need submissions to go to a different email address (or multiple addresses), use a form app — they offer configurable recipients.

Storing submissions in Shopify: Shopify doesn’t have a native submissions inbox. To log form data in Shopify, you’ll need an app or a webhook-based integration (forms to Google Sheets via Zapier is a popular option).


Spam prevention on Shopify contact forms

Shopify protects its native contact form with hCaptcha, which you can switch on under Online Store → Preferences → Spam protection.

Form apps usually include their own CAPTCHA option. If you’re building a custom form with Fudge, ask for spam protection.


FAQ

Can I add custom fields to Shopify's built-in contact form?

Not without code. The built-in form's fields are hardcoded in your theme's contact form section (sections/contact-form.liquid in Dawn). To add fields like dropdowns, file uploads, or radio buttons, you either edit that section's Liquid directly, use a form-builder app, or generate a custom form with Fudge.

Do I need an app to add a contact form on Shopify?

No. Every Shopify theme includes a built-in contact form template - just create a page and assign the "page.contact" template. You only need an app if you want custom fields, conditional logic, file uploads, or to route submissions to multiple recipients.

How do I add a contact form to a page that isn't /pages/contact?

Create a new page (Online Store → Pages → Add page) and assign the "page.contact" template under "Theme template". Any page using that template will display the contact form, regardless of slug. For multiple distinct forms on different pages, you'll need a form app or a custom Liquid section.

Where do Shopify contact form submissions go?

By default they're sent to your store's sender email address. Shopify doesn't store form submissions inside the admin - if you want a submissions inbox, you need a form app (most include one) or pipe submissions to a tool like Google Sheets via Zapier.

Can I send Shopify contact form submissions to Klaviyo or Mailchimp?

Yes, but not from the built-in form on its own. Use a form app like Hulk Form Builder that integrates with Klaviyo natively, or pipe submissions through Zapier or Shopify Flow. For Klaviyo specifically, the cleanest setup is a custom form built natively in your theme that posts directly to Klaviyo's subscribe endpoint.

Jacques's signature
Build a custom contact form by describing exactly what you need.

You might also be interested in

Jacques Blom
Jacques Blom
CTO at Fudge.