There are two ways to use pages and forms on your Shopify site:
Add it as a pop-over (this article)
1. Create a pop-over
You first need to create your pop-over in Dotdigital:
Go to Content > Surveys, pages, and forms, and select the page you want to add as a pop-over on your BigCommerce site.
Select PUBLISHED PAGE, at the top-right of the page.
Under Generate embed or pop-over code, select GENERATE POP-OVER CODE.
Edit your pop-over settings:
The pop-over code automatically updates when configuring these options.
Show after
Time, in seconds, until the pop-over appears. For instant pop-over, choose 0 seconds.
Stop displaying
Options of when the pop-over stops displaying to the user.When the form is closed
Only when the form is completed
Mobile display
Show the pop-over on mobile devices. We don't recommend you allow this.
Dismiss options
Lets the user use the Esc key to close the pop-over.
Dialog width
Allows you to edit the width of the pop-over container.
After editing the settings, copy the generated code to your clipboard for use in the next step.
2. Insert the pop-over code
Next you need to copy and paste the pop-over code into your Shopify site’s HTML.
In your Shopify account:
Go to Online Store > Themes.
Select the ⋯ icon and select Edit Code.
Select Edit Code
Search for
header.liquid.Select the
header.liquidfile.Insert your form's installation code from the previous step in the first line of the file.
Select Save.
To view a preview of your form on your store, select Preview Store.