There are two ways to use pages and forms on your BigCommerce 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 BigCommerce site’s HTML. In your BigCommerce account:
Select Storefront.
Select Customize.
Select and drag an HTML Block into the Global Region in your theme preview.
Insert your form installation code from the previous step.
Select Save HTML.
Select Publish.