How can I display the subscription form (linked to Forms app) in the footer only on the main page?

Shopify Discussion

Topic summary

A user wanted to display a subscription form from Shopify’s Forms app exclusively on their homepage, but it was appearing on all pages instead.

Initial Suggestions:

  • One response recommended using Liquid conditional code ({% if template.name == 'index' %})
  • The original poster requested more detailed guidance due to limited coding experience

Solution:

  • The form was accidentally added to the footer section (which appears site-wide)
  • Resolution: Add the form as a section specifically on the homepage/index page using the app embed feature, rather than in the footer group
  • Navigate to the homepage sections and click “add section” above the footer group
  • Insert the form ID from the Forms app backend into the section settings

Outcome:
The issue was successfully resolved. The form now displays only on the homepage as intended.

Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.
1

Hi Shopify Community,

I’ve embedded the subscription form from the Forms app in the footer and would like to display it only on the main page.
https://www.jmwhair.ca/

I hope that clarifies my request.
Any help would be greatly appreciated.

Thank you!

2

Great question! To display the subscription form only on the main page, you can use Liquid code in your Shopify theme. Wrap the form’s HTML in a conditional statement like {% if template.name == ‘index’ %}. This ensures it appears exclusively on the homepage. I agree that creating a Professional Image is key, and subtle design enhancements like this can reinforce a modern, tech-savvy vibe.

3

Thank you for your response.
Could you please provide a bit more detail?
I’m not very familiar with coding.

4

Hi @JMW_1
To add forms app form only on home page, you can add a section on home page using app embed

pawankumar_0-1737471532929.png
pawankumar_0-1737471532929.png878×690 86 KB

and when you click the forms, there will be a form id input, You have to add form id there by copying that from form app backend

Thanks!

5

Yes, that’s exactly what I did and the form shows in all pages.

6

You may have added to footer accidently, Index sections appear only on home page
Please add only on index section by clicking add section above footer group
It should appear only on home page

7

It works!
Thank you so much @pawankumar !

8

@JMW_1
You’re very welcome! I’m so glad it works for you.
Please like and mark the solution accepted
Thanks!

9

If you’re working on similar customisations, this guide on transitioning from figma to react might provide valuable insights for achieving sleek, responsive designs. Hope this helps!