---
schema_version: "1"
id: 4e1f9a8c64eebe1f68f1d3e8b6237d82e8662aed3ce92a8dcbc8c0ad8fa357a2
title: Infobar 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_infobar.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_infobar.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: b72fca404a6122d864e9aa00ab7408ae059bd2eb96fc913cb66c54e8162eb4ec
description: Infobars appear at the top or bottom of a web page, and are designed to capture a user’s attention. Infobars typically have limited real estate and are most often used to communicate important temporary information, such as a special announcement or a one-day discount.
products:
  - Marketing
  - Salesforce Personalization
release: "264"
---
# Infobar Web Campaigns

Infobars appear at the top or bottom of a web page, and are designed to capture a user’s attention. Infobars typically have limited real estate and are most often used to communicate important temporary information, such as a special announcement or a one-day discount.

## Use Infobars in Web Campaigns

For infobars, A/B test campaigns are great opportunities to test out different copy or calls-to-action to see what drives the most click-throughs or sign-ups. With rule-based campaigns, you can target different types of users to encourage them to take certain actions. For example, you can target an infobar web campaign to new users encouraging them to sign up for your loyalty program or newsletter. For users who are already registered, you can encourage them to download your app or explore a new piece of content or collection of products.

Infobars typically target a global content zone, so they appear on all pages of your website. If you want your infobar to appear only on certain pages, include page targeting logic at the campaign level to restrict where it appears.

You can create infobar web campaigns using one of the built-in global templates, or using a custom template that a developer creates.

## Infobar Web Templates

The infobar web templates available to you can differ in name and configuration options due to modifications by your developer. If you need additional styling or configuration options, ask your template developer about modifying the template.

Both infobar global templates include a call-to-action. If you want to create an infobar web campaign without a call-to-action, work with your template developer to remove it from the template.

**Infobar with Call-to-Action**—Select this template to display an infobar with a single call-to-action message.

 
| Item | Description |
| --- | --- |
| **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 according to the background image. |
| **Message Text** | This text appears as the call-to-action message in the infobar. |
| **CTA Text** | This text appears on the prestyled call-to-action button within the infobar. |
| **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 If the landing page doesn't align with your targeting logic or campaign goals, you can create a confusing experience for your users.

**Infobar with User Attribute and Call-to-Action**—Select this template to display an infobar with a message that references a user profile attribute, in addition to a call-to-action message.

<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="d54007e167">Item</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d54007e170">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e167 ">
              <strong class="uicontrol">Style</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e170 ">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 according to the background image.</td>

          </tr>
          <tr class="">
            <td data-label="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e167 ">
              <strong class="uicontrol">Pre-Attribute Message Text</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e170 ">This text appears in the message before the user profile attribute. For
              example, when using the firstName attribute of the Unified Customer Profile
              for a message of "Hi Bob!", you enter "Hi" in this field.</td>

          </tr>
          <tr class="">
            <td data-label="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e167 ">
              <strong class="uicontrol">User Attribute Default</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e170 ">
              <p>If the user profile attribute isn’t available, this text displays to
                prevent a blank space from appearing in the message. For example, for a
                message of "Hi Bob!", you can enter "there" in this field so the message
                displays as "Hi there!" if the user profile attribute isn’t available.
              </p>
              <p style="margin-bottom:0;">To ensure a positive experience, either define a default value for
                the user profile attribute or target the campaign only to users that have
                an association with the attribute. For example, for the firstName
                attribute, define a value that displays if the user's name isn’t
                available or target the campaign only to users with a stored first name
                value. If you want to reference a different user profile attribute, ask
                your template developer to update the template
                accordingly.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e167 ">
              <strong class="uicontrol">Post-Attribute Message Text</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e170 ">This text appears in the message after the user profile attribute. For
              example, for a message of "Hi Bob!", you enter "!" in this field. This field
              is optional.</td>

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

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

          </tr>
          <tr class="">
            <td data-label="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e167 ">
              <strong class="uicontrol">CTA Destination URL</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d54007e170 ">This URL is the page where users land when they click the call-to-action
              button.</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 If the landing page doesn't align with your targeting logic or campaign goals, you can create a confusing experience for your users.

#### See Also

- [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.")
- [_Video_: Create A/B Test and Control Groups](https://www.youtube.com/watch?v=-hKk5LufJ0E)
- [_Video_: Create Rule-Based Campaigns](https://www.youtube.com/watch?v=7frznbLswhk)