Publish on the homepage

Publish an On-page form to your store’s homepage from the Publish form modal. If you are not sure which publish guide to use, see Publish a form. For popup, float, top bar, footer banner, and side-in forms, see Popups, floating forms, and banners.

Before you begin

• Set the form type to On-page in the Design tab.
• Save the form.
• Turn on App Embed in your theme. If App Embed is off, the publish modal shows Enable App Embed to display your forms. Click Activate App Embed and enable the UpForm embed before you continue.

Open the Publish form modal

1. Open the form in the form builder, or find it on the Forms page.
2. Click Publish form.
3. Under Select the page type, choose Home page.
4. Copy the form embed code.

Add the form to the homepage

1. In the Publish form modal, click Add section. You are redirected to the Shopify theme editor for the homepage, and an UpForm section is added for you.
2. Paste the embed code into the Form ID (or embedded code) field.
3. Drag the UpForm section to the position you want on the homepage.
4. Click Save.

After you save the theme editor, the form appears on the homepage. The form remains in UpForm.

You can also add UpForm in the header or footer from Add section → App → UpForm, then paste the same embed code into the Form ID (or embedded code) field. A header or footer placement can appear on other pages as well, not only the homepage. Use the homepage template area when you want the form only on the homepage.

After you publish

Open your storefront homepage to confirm the form displays.

If the form does not appear:

• Confirm the form is published in UpForm
• Confirm App Embed is enabled
• Confirm you saved changes in the theme editor
• Confirm the UpForm section is in a visible area of the homepage

To remove this placement, see Remove from Theme Editor.

For other placements, see Publish a form.