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

Last updated
Expert reviewed
5 min read
Jacques Blom
Jacques Blom
CTO at Fudge.

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.

Shopify’s built-in contact form covers the basics. But most growing stores need more than Name, Email, and Message. A wholesale inquiry form needs different fields than a product customization request form or a customer service form. This guide covers all your options.

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 the email address set in Settings → General → Sender email.

Limitation: You cannot add custom fields to this form without editing theme code. The fields are hardcoded in your theme’s page.contact.liquid template.


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 (also by Hulk) — 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

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:

Wholesale inquiry form:

Product customization request:

Customer service form:


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 is the best option.

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.
Try Fudge for Free

Where do Shopify contact form submissions go?

By default, contact form submissions are sent to the email address configured in Settings → General → Customer email (the “Sender email” field).

Changing the recipient: Shopify’s built-in form always sends to your store’s notification email. 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’s native contact form has basic honeypot spam protection built in. Third-party form apps usually include their own spam filtering.

For the best protection, add hCaptcha or Google reCAPTCHA to your form. Most form apps include this as an option. If you’re building a custom form with Fudge, specify that you want SPAM protection included.

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

You might also be interested in

How to Add a File Upload Field in Shopify (2026)
Add file upload to Shopify forms — using line item properties for product customization, form apps for contact forms, or custom implementations for
How to Add Conditional Logic to Shopify Forms (2026)
Add show/hide conditional logic to Shopify forms — using form apps like Typeform or Hulk, custom JavaScript, or building a native conditional form
How to Create Multi-Step Forms in Shopify (2026)
Add multi-step forms to Shopify — Shopify's native forms are single-step only. Use Typeform, JotForm, a Shopify form app, or build a native