How to create a second, alternative, contact form? Can not duplicate page.contact.liquid

Technical Q&A
1

I did a search and found an incomplete answer to this. I want to make a second version of the contact form and apply it to a different page other than the contact form. I want there to be 2 separate contact forms, each with different form and information requests.

Currently I don’t see a way to duplicate the original page.contact.liquid and make edits, then apply the template to a different page.

Is there something I’m missing?

Thank you.

2

I’m not 100% if this will work on your theme (I use Supply and it works for me), but it will get you started at least.

  1. Log in to Shopify Admin.
  2. Under Sales Channels, click Online Store.
  3. Click on Actions > Edit Code
  4. Create a new template and title it something like “page.contactalt.liquid”. This will be your second version of the contact page.
  5. Copy the code from your page.contact.liquid and paste it into your new page.contactalt.liquid (or whatever you named it).
  6. After pasting the code, delete the part of the code where the form inputs are. In my case, the inputs are surrounded by a
    . It may be different for you.
  7. Replace the part you just deleted with your custom form inputs.
  8. Save the liquid page.
  9. Under Online Store, click Pages.
  10. Click Add Page.
  11. Under Theme template, select contactalt (or whatever you named your new form as).
  12. Save the page.
  13. Test the form to see if it works.

There is more information on the “form” object here: https://shopify.dev/api/liquid/objects/form

This might also help you with building your custom form by creating fields: https://ui-elements-generator.myshopify.com/pages/line-item-property

3

Thank you, you got me most of the way there but I encountered another issue where all the fields are not populating in the email. I made a separate thread for this: https://community.shopify.com/post/1374512

4

Here are a few options I managed to find:

1. Create a brand-new page template and add your own form markup
Instead of duplicating page.contact.liquid, you can create a completely new template, like page.alt-contact.json (or .liquid if your theme uses those).
Inside it, add a section that includes your custom form HTML. It doesn’t need to rely on the built-in contact form at all.
This gives you full freedom to add different fields, labels, and layout.

2. Build a second form inside a section
You can also create a custom section with a fresh form and assign it only to a specific template.
Since it’s not the system contact form, you’re free to modify fields as much as you want.

3. Use a form app/widget for the second form
If you don’t want to maintain a second custom template, an easier route is embedding a contact form through an app or a form builder widget.
You build the form visually, paste the embed block or add the app section to just one page, and it behaves independently from your main contact form.
This avoids messing with page.contact.liquid entirely and is usually faster to update later.

Cheers,

Elfsight Team