---
schema_version: "1"
id: 59da7b002de5ce4c5717c1aa8451ade8690e75b0cd4bb5f4db84d723948d978d
title: Popup Web Campaigns
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/mktg/264-0-0/mc_pers_web_campaign_popup.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_popup.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: abd1e8ea45be6e41a49c781cc83b1e855d1a34ed53eb4485782c507111eecdc6
description: Popup web campaigns are useful for preventing cart or browse abandonment or for capturing email addresses. You can test different text, imagery, and calls-to-action to determine which one is best at grabbing the attention of your users.
products:
  - Marketing
  - Salesforce Personalization
release: "264"
---
# Popup Web Campaigns

Popup web campaigns are useful for preventing cart or browse abandonment or for capturing email addresses. You can test different text, imagery, and calls-to-action to determine which one is best at grabbing the attention of your users.

## Recommendations for Using Popups

Popup web campaigns appear unexpectedly on a user’s screen based on the user’s behavior, which can be effective, but intrusive, so use them sparingly. These campaigns generally include a message, an image, and a call-to-action option, such as a button or an input field. They typically target a global content zone and appear on all pages of your website. If you only want your popup to appear on certain pages, make sure you include page targeting logic at the campaign level to restrict where the popup can appear.

## Popup Web Templates

You can use one of the pre-built global templates (Exit Intent or Exit Intent with EmailCapture) in your dataset to create popup web campaigns.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_personalization-264-0-0-production-enus/16bf1f60-f44c-4260-a56e-f052cfe515a3/images/icon_note.png)

Note

The templates available to you can have different name and configuration options if your developer modified them. If you need additional styling or configuration options, ask your template developer about creating a custom template or modifying an existing template. For example, you can have a popup message respond to a triggering event rather than exit intent behavior.

**Exit Intent Popup** — Select this template to show a popup message when a user displays behavior consistent with the intent to exit your website.

 
| Template Option | Description |
| --- | --- |
| **Lightbox** | This option makes the popup an overlay on the page so the user can’t interact with other content. |
| **Background Image URL** | This option lets you add the URL for a hosted image. Locate the image, click to open it in a browser window, and copy the URL to enter it in the field. |
| **Style** | This template offers the options of **Dark on Light** (dark text on a light image) and **Light on Dark** (light text on a dark image) for flexibility in displaying in the background image. |
| **Header** | This text is the main headline for the campaign. |
| **Subheader** | This text is smaller and located beneath the header. |
| **CTA Text** | This text appears on the pre-styled call-to-action button within the popup message. |
| **CTA Destination URL** | This URL is the page where users land when they click the call-to-action button. |

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_personalization-264-0-0-production-enus/16bf1f60-f44c-4260-a56e-f052cfe515a3/images/icon_note.png)

Note Make sure to carefully consider your landing page destination. If the landing page doesn't align with your targeting logic or campaign goals, you can create a confusing experience for your users.

**Exit Intent Popup with Email Capture** — Select this template to show a popup message with a field to capture the user's email address when they display behavior consistent with the intent to exit your website.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:16.666666666666664%">
          <col style="width:83.33333333333334%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d46594e192">Template Option</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d46594e195">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Lightbox</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This option makes the popup an overlay on the page so the user can’t
              interact with other content.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Background Image URL</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">
              <p>This option lets you add the URL for a hosted image. Locate the image,
                click to open it in a browser window, and copy the URL to enter it in the
                field. </p>
              <p style="margin-bottom:0;">Ensure that the URL doesn’t change. If the URL changes or if you
                delete the image, the campaign doesn’t display correctly.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Style</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This template offers the options of <strong class="uicontrol">Dark on Light</strong>
              (dark text on a light image) and <strong class="uicontrol">Light on Dark</strong> (light
              text on a dark image) for flexibility in displaying in the background
              image.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Header</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This text is the main headline for the campaign.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Subheader</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This text is smaller and located beneath the header.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Subheader Visibility</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This option determines whether the subheader displays.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">CTA Text</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This text appears on the pre-styled call-to-action button within the
              popup message.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Opt-Out Text</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This text appears on a button the user can click to close the message
              and opt out of providing an email address.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Confirmation Screen Header</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This text appears after a user successfully submits an email
              address.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Confirmation Screen Subheader</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This text appears below the confirmation header after a user
              successfully submits an email address.</td>

          </tr>
          <tr class="">
            <td data-label="Template Option" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e192 ">
              <strong class="uicontrol">Subheader Visibility</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d46594e195 ">This option determines whether the confirmation subheader
              displays.</td>

          </tr>
        </tbody>
      </table>

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-mktg-mc_personalization-264-0-0-production-enus/16bf1f60-f44c-4260-a56e-f052cfe515a3/images/icon_note.png)

Note When using this template in a web campaign, make sure that you target users that don’t have a value associated with the emailAddress attribute in their Unified Customer Profile.

#### See Also

- [Create a Web Campaign from a Template](https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_create_from_template.htm&release=264.0.0&type=5 "You can create a web campaign from a published web campaign template.")
- [Web Campaign Template Properties](https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_template_properties.htm&release=264.0.0&type=5 "A web campaign template provides a structure for delivering personalized experiences and activation campaigns to your website users. Your Personalization account includes a set of built-in global templates to get you started creating web campaigns. Each template is a starting framework that your developer can modify to create custom templates that support your organization’s needs.")
- [Create a Web Campaign](https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_create.htm&release=264.0.0&type=5 "Using a web campaign, you can personalize various aspects of your website for your users based on their behavior, affinities, preferences, location, or other qualifying criteria. You can create web campaigns from templates in your dataset. The templates provide a framework that defines the campaign placement, copy and creative locations, and general campaign design.")
- [_Developer Documentation_: Get Started with Global Web Templates](https://developer.salesforce.com/docs/marketing/personalization/guide/get-started-global-web-templates.html)