All Collections
Shopify and Shopify Plus
Add a page or form as a pop-over with Shopify
Add a page or form as a pop-over with Shopify

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

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

There are two ways to use pages and forms on your Shopify 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 Shopify site’s HTML.

In your Shopify account:

  1. Go to Online Store > Themes.

  2. Select the icon and select Edit Code.

  3. Select Edit Code

  4. Search for header.liquid.

  5. Select the header.liquid file.

  6. Insert your form's installation code from the previous step in the first line of the file.

  7. Select Save.

To view a preview of your form on your store, select Preview Store.

Did this answer your question?