Publish on the homepage

Publish an On-page form to your store’s homepage from the Publish form modal. 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.

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.

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

For other placements, see:

• Publish on a page
• Publish on a product page
• Publish on a collection page
• Publish anywhere
• Unpublish or change locations