How can I add a contact form to my Stainless Steel webpage?

Store Design

Topic summary

Goal: add a contact form to a Shopify store (shalco.in), first to a Contact page and specifically to the homepage.

Key guidance provided:

  • Standard Contact page: Create a new Page in Shopify admin, set its Theme template to “contact,” add optional text, save, and add it to navigation so it’s visible.
  • Homepage placement: One contributor suggests editing theme files (contact.liquid and theme.liquid) to place the form on the homepage; an illustrative image was attached. Another notes that if the theme supports Sections/Blocks, a Contact form section can be added to existing pages (including the homepage) via the theme customizer.

Resources shared:

  • Shopify help article for adding a contact form in vintage themes.
  • Links explaining Sections and Blocks, plus a video walkthrough. A Black Friday/Cyber Monday resource hub was mentioned but is tangential.

Notes/terms:

  • theme.liquid is the main layout file; contact.liquid is a contact page template.
  • Sections/Blocks are modular components used to add features like forms to pages.

Status: No confirmation of implementation yet; guidance provided, discussion appears open.

Summarized with AI on February 5. AI used: gpt-5.
1

How do i add Contact Form on this webpage Stainless Steel? Please let me know the solution for this.

2

@Shalco123 ,

If you want to add a contact form to contact us page then please refer to this link

https://help.shopify.com/en/manual/online-store/themes/themes-by-shopify/vintage-themes/customizing-vintage-themes/add-contact-form

Do you want this on the home page?

1 Like
3

Hey,

Thanks, it was helpful. Yes, i want to add it on Homepage.

4

@Shalco123 ,

oscprofessional_0-1667996312502.png
oscprofessional_0-1667996312502.png1889Ă—874 97.5 KB

check your page. contact liquid file and add the code in theme.liquid.

5

Hello, @Shalco123 . Great idea to add a contact form to your store! All Shopify themes have a built-in contact form that you can apply to the pages you create. Here are the steps to follow:

  • From your Shopify admin, go to Online Store > Pages.
  • Click Add page.
  • In the Title box, type a title for your contact page, such as Contact us or Get in touch.
  • In the Content box, type any text that you want to appear above the contact form. You can leave this section blank.
  • In the Online store section, choose contact from the Theme template drop-down menu.
  • Click Save.
  • Your contact form should now be visible on your Contact page.

You might need to add your contact page to your navigation menu to make it visible on your store.

If your theme supports adding a contact form as a section, then you can add a contact form to existing pages. Refer to Sections and Blocks for more information. I do also have a video here if you find this easier to walk along with.

Do you have any plans in place yet for Black Friday / Cyber Monday? Now is the time to prepare! We have a really excellent hub full of resources to get you ready for what could be your most profitable weekend of the year!