All Collections
Add a page or form as a pop-over with BigCommerce
Add a page or form as a pop-over with BigCommerce

Grab your visitors' attention and encouraging them to take action on your BigCommerce site.

Henry Huish avatar
Written by Henry Huish
Updated over a week ago

There are two ways to use pages and forms on your BigCommerce site:

1. Create a pop-over

You first need to create your pop-over in Dotdigital:

  1. Go to Content > Surveys, pages, and forms, and select the page you want to add as a pop-over on your BigCommerce site.

  2. Select PUBLISHED PAGE, at the top-right of the page.

  3. Under Generate embed or pop-over code, select GENERATE POP-OVER CODE.

  4. 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.

  5. 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:

  1. Select Storefront.

  2. Select Customize.

  3. Select and drag an HTML Block into the Global Region in your theme preview.

  4. Insert your form installation code from the previous step.

  5. Select Save HTML.

  6. Select Publish.

Did this answer your question?