How to add a contact form to the homepage?

Store Design
1

How can I add a contact form to the homepage?

2

Hello @megafem ,

If the contact section is available in your theme homepage then you can.
Alternatively create custom section using code from contact template or take code from template → contact.liquid and use it directly in homepage with any existing section.

Thanks

3

@megafem

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

https://thera-international.myshopify.com password: whawld

5

Hi @megafem ,

Nick here from Shopify.

Just to confirm when you say you want to add a contact form to your homepage, do you mean to have the actual form on the homepage or a button/ link to the contact form on your homepage? If it is the former, I would advise potentially not going that route and have a more subtle approach with a button on the main menu or a link at the bottom perhaps. This is where most contact pages are linked and visitors to the store would not be put off by this in any way.

Shopify has a helpful guide going through the steps for how to create a contact us page which you can see here. You can then see how to add it to the main menu or other menus in the footer in your store from the guide here.

I hope this helps! How is the set up for everything else on your store going? Any questions, just let me know.

6

I checked and you added it? https://i.imgur.com/vyZrnQi.png
Do you want me to check something else?

7

You can add a contact form to the homepage, you just have to do it through a section instead of the usual page.contact template.

1. Check if your theme already includes a contact form section
In many themes (including Dawn), you can go to:
Online Store → Themes → Customize → Home page
Then click “Add section” and look for Contact form or something similar.
If it’s there, just drop it onto the homepage and you’re done.

2. If your theme doesn’t have a contact section
You can create a new custom section that contains the form markup.
Something like:

{% form 'contact' %}
  <!-- inputs here -->
{% endform %}

Save it as a new section, then add that section to the homepage from the Theme Editor.
This gives you the native Shopify form handling without touching templates.

3. If you need something more flexible
You can also use a contact form app or form builder widget. These usually give you a block or an embed code that you can place anywhere on the homepage.
Useful when you want different layouts, floating forms, multi-step forms, or if you need to manage multiple forms across the store. Moreover, Shopify App Store has dozens of cool options.

Cheers,

Elfsight Team

8

Hi,

Hope this will help

You can add a contact form from the Theme Editor:

  • Online Store → Themes → Customize
  • Select the Home page
  • Add section → Contact form
  • Position and customize → Save