Activate a Pop-Up

Pop-ups must be activated to appear on your site.

About this task

The pop-up activation window is divided into three areas. The area furthest to the left contains configuration settings. You can turn on A/B testing, indicate if you want to display a different pop-up version on mobile devices, and set the screen width that the desktop version of a pop-up displays. If you are using A/B testing, you can have four active pop-ups and two active ribbons at a time.

The next two areas, Version—A and Version—B, are where you select the pop-up you want to use and indicate whether to initially display the dynamic ribbon or the pop-up. What you can configure for Versions A and B change based on the configuration settings to the left. For example, if A/B Testing is OFF you cannot configure Version—B. Or, if you have not designed a dynamic ribbon you cannot select a Ribbon option.

Before you can activate a pop-up, you need to configure pop-up manager and enableDirect Add.

Once you activate a pop-up, it displays on your site. If you edit a pop-up, you must reactivate the pop-up for your changes to be displayed.

Procedure

  1. Go to Contacts > Grow > Pop-Up Manager.
  2. Click Activate.
  3. Optional: Set A/B Testing to On to A/B test your pop-ups.
  4. Optional: If you want your pop-ups to display differently on mobile:
    1. Set Mobile Version to On.
    2. Enter the largest screen width and height, in px, that you want a mobile pop-up to display on in the Max Mobile Width and Max Mobile Height boxes.

      For example, most mobile phones have a width of 480 px or smaller and a height smaller than 750 px. So, if you wanted to use mobile pop-ups on a phone but not tablets or desktop devices, you could enter Max Mobile Width of 480 and a Max Mobile Height of less than 750. If you also want to use mobile pop-ups on a tablet, you should set the mobile width and mobile height so that they are larger than the width and height of the tablet screen.

      Note: The desktop version displays only if both the Max Mobile Width and Max Mobile Height are smaller than the screen size of the device.
  5. Optional: Set Event Tracking to On to send pop-up and ribbon view, submission, and click data to Google Analytics.
  6. Under Version - A and Desktop:
    1. Select the pop-up you want to display on desktop devices from the Pop-up list.
      Note: You cannot select the same pop-up for desktop, mobile, or exit intent. To reuse a pop-up, create a copy and rename it.
    2. Select an option from the Ribbon list.
      • Select Do Not Display if you do not want to use a ribbon.
      • Select Display Ribbon First if you want the dynamic ribbon to be what is initially displayed during a page visit.

        When you select Display Ribbon First, the pop-up only displays when the ribbon is clicked. If the pop-up is dismissed, the ribbon is displayed at the top of the page until the ribbon is closed or the contact completes the pop-up sign-up process.

      • Select Display Pop-up First if you want the pop-up to be what is initially displayed during a page visit.

        When you select Display Pop-up First, the ribbon is displayed if the pop-up is dismissed. If a contact completes the sign-up process using the pop-up, the ribbon is not displayed.

    3. Select the Exit Pop-Up you want to use on desktop devices. Exit pop-ups are not available for mobile.
      Note: Your Exit Pop-Up activates when a visitor's cursor goes above the browser window toward the menu bar.
  7. Optional: If you are using a mobile pop-up version under Version - A and Mobile:
    1. Select the pop-up you want to display on mobile devices from the Pop-up list.
      Note: You cannot use the same pop-up for desktop and mobile.
    2. Select an option from the Ribbon list.
      For mobile, we recommend using Display Ribbon First to minimize the impact of Google's new mobile SEO policies.
      • Select Do Not Display if you do not want to use a ribbon.
      • Select Display Ribbon First if you want the dynamic ribbon to be what is initially displayed during a page visit.
      • Select Display Pop-up First if you want the pop-up to be what is initially displayed during a page visit.
    3. Enter the maximum device width you want to display the mobile pop-up on in the Max Mobile Width box.
  8. If you turned on A/B testing, repeat steps 5 and 6 for Version - B Desktop and, if applicable, Mobile.
    You cannot A/B test different versions of a ribbon. However, you can A/B test pop-up engagement based on whether the ribbon is displayed first or if the pop-up displays first. You can also test engagement with and without a ribbon. Keep in mind that using different pop-up versions can also affect engagement.
  9. Click Activate.
    Note: You cannot activate a pop-up unless Direct Add is enabled.