Publish anywhere

Use Anywhere when you want to place a form (or a popup trigger button) by pasting the embed code into a blog post, a collection description, a theme section, or a theme file. For dedicated page, product, collection, or homepage publishing, see the other guides under Publish in the sidebar, starting with Publish on a page.

Before you begin

Anywhere works with:

• On-page forms
• Popup forms that open when the customer clicks a trigger button

For popup, float, top bar, footer banner, and side-in forms that appear automatically, see Popups, floating forms, and banners.

Also make sure:

• The form is saved
• App Embed is enabled in your theme. If App Embed is off, the Publish form modal shows Enable App Embed to display your forms. Click Activate App Embed and enable the UpForm embed before you continue

Copy the embed code

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 Anywhere.
4. Copy the embed code shown in the modal.

For an On-page form, this is the form embed code. For a Popup form with a trigger button, this is the button embed code. Paste the code where you want the form or button to appear.

Blog posts

1. In Shopify admin, go to Content → Blog posts.
2. Open an existing post or create a new one.
3. In the content editor, switch to HTML mode (the <> icon).
4. Paste the embed code where you want the form or button to appear.
5. Click Save.

Open the post on your storefront to confirm it displays.

Collection description

1. In Shopify admin, go to Products → Collections.
2. Open the collection where you want the form.
3. In the Description editor, switch to HTML mode (the <> icon).
4. Paste the embed code into the description.
5. Click Save.

Theme editor

Use the theme editor when you want the form in a layout area such as the sidebar, footer, or another section—without editing theme files.

1. Go to Online Store → Themes → Customize.
2. Open the page or template where you want the form.
3. Add either:
   • A Custom Liquid block or section, then paste the embed code into it, or
   • An UpForm app section or block (Add section → App → UpForm), then paste the code into the Form ID (or embedded code) field
4. Drag the section or block to the position you want.
5. Click Save.

Using the theme editor is usually the safest way to place a form in the theme layout without editing code.

Theme code

Use this option only if you need the form in a specific theme file (for example, a shared footer snippet) and are comfortable editing theme code.

1. Go to Online Store → Themes.
2. Click the ⋯ menu next to your theme, then select Edit code.
3. Open the .liquid file for the area where you want the form.
4. Paste the embed code in the place you want it to appear.
5. Click Save.

File names differ by theme. These are common examples:

Area	Example file	Typical location
Footer	footer.liquid	sections/
Blog post	main-blog-post.liquid	sections/
Collection list	main-collection-list.liquid	sections/
Product information	product-information.liquid	sections/
Product price	price.liquid	snippets/
Variant picker	variant-main-picker.liquid	snippets/
Add to cart	add-to-cart-button.liquid	snippets/

Duplicate your theme or create a backup before you edit code. If this does not work as expected, Contact for help.

After you publish

Open the storefront page where you added the code and confirm the form or trigger button appears.

If it does not show:

• Confirm the form is published in UpForm
• Confirm App Embed is enabled
• Confirm you saved the blog post, collection, theme editor, or theme file
• Confirm the embed code is in a visible part of the page

To remove or update forms:

• Popup and floating forms → Unpublish or change locations
• Theme editor sections → Remove from Theme Editor
• Embed codes in content → Remove embed codes