How to Embed a Popup to a Page?

Embedding lets you place a popup directly inside a page instead of showing it as an overlay / popup. This is useful for full-page forms, landing sections, or inline signup blocks.

Before you start

Make sure the app is enabled in your theme editor. If it isn't, the embedded popup won't render on your storefront.

Sales channels → Online Store → Edit theme → Apps and extensions:

Steps

1. When you create a popup, choose the Embed option.
   

2. In the Layout section, select Full Page.
   

3. Open your theme editor and add an app block to the section where you want the popup to appear.

4. Click to "Add section"
   

5. Click to apps and select PopupBoost
   

6. Copy the Campaign ID from the popup and paste it into the Campaign ID field of the block.
   

7. In the same block, use the width dropdown to set the popup as Full Width or Contained within the section. Select contained for wider width.
   

8. Open the section settings and set the alignment to Left, Center, or Right.
   

How to find campaign ID

1. Click to the campaign you want to embed

2. at the end of the URL, you'll the campaign ID (https://admin.shopify.com/store/test-store/apps/popupboost/?campaignId=572)