Publish on a post page

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

Then choose a specific post or All posts.

Publish to a specific post

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

Use Top of content or Bottom of content to place the form automatically. Use Custom position when you want the form in a specific place in the blog post content, such as between two paragraphs.

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

If you choose Custom position:

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

Publish to all posts

All posts adds the form to the Shopify article template in the theme editor. It does not insert the form into each post’s content.

The form appears on posts that use the template you edit. Posts that use a different template will not show this section.

1. Select All posts.
2. Copy either the form embed code or the form ID (data-id). You can copy the form ID from the form builder or the Forms page. In the embed code, it is the value of the data-id attribute.
3. Click Add section to open the theme editor for the article template.

4. In the template, add or select the UpForm app block or section.
5. Paste the embed code or the form ID into the Form ID (or embedded code) field.
6. Drag the section to the position you want, then save.

Either value works in this field. You can also add UpForm in the header or footer from Add section → App → UpForm. A header or footer placement can appear across the store, not only on post pages. Use the template area when you want the form only on posts.

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.

You can publish the same form to another post, page, product, or collection by repeating the publish steps for that location.

If the form does not appear:

• Confirm the form is published in UpForm
• Confirm App Embed is enabled
• Confirm you saved changes in the blog post editor or theme editor
• Confirm the form or UpForm section is in a visible area of the post
• If you used All posts, confirm you are viewing a post that uses the template you edited

To remove this placement:

• Form inserted into the blog post content → Remove embed codes
• UpForm section in the theme editor → Remove from Theme Editor

For other placements, see Publish a form.