Publish on a page

Publish an On-page form to a Shopify page 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 Page.

Then choose whether to publish on an Existing page or a New page.

Publish to an existing page

Under Would you like to publish the form on a new page or an existing page?, select Existing page.

Specific page

1. Under Select the page where you want to display the form, search by title and select a page.
2. Under Select position to display the form, choose:
   • Top of content
   • Bottom of content
   • Custom position

If you choose Top of content or Bottom of content, click Publish. UpForm inserts the form into the page content automatically.

If you choose Custom position:

1. Copy the form embed code.
2. Click Add form.
3. In the page editor, paste the code into the page content where you want the form to appear.
4. Save the page.

All pages

1. Select All pages.
2. Copy the form embed code.
3. Click Add section to open the theme editor for the page template.

4. In the template, add or select the UpForm app block or section. You can also add it in the header or footer from Add section → App → UpForm.
5. Paste the code into the Form ID (or embedded code) field.
6. Drag the section to the position you want, then save.

Publish to a new page

1. Select New page.
2. Enter a Page title.
3. Click Publish.

UpForm creates the page and places the form on it. Open the new page on your storefront to confirm it displays.

After you publish

When publishing succeeds, you will see a confirmation that the form is live. You can use View form to open it on the storefront.

If the form does not appear:

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

For other placements, see:

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