---
schema_version: "1"
id: 2f983533329ccdb79ab5f4953ac4710cd847c76e94d9d89216506387ec74b090
title: Banner with Call-to-Action 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_call_to_action_banner.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_call_to_action_banner.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 1b2ff7cb48c4b8cbb58f4c942a36973aaa8b4302ea1e3a763b8d225dcc36f6e4
description: You can create a banner with call-to-action web campaign that replaces the existing banner on your website. Use the built-in global template or use a custom template that a developer creates.
products:
  - Marketing
  - Salesforce Personalization
release: "264"
---
# Banner with Call-to-Action Web Campaigns

You can create a banner with call-to-action web campaign that replaces the existing banner on your website. Use the built-in global template or use a custom template that a developer creates.

## Banner with Call-to-Action Web Template

The banner with call-to-action web template 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.

**Banner with Call-to-Action**—Select this template to display a banner with a single 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="d22944e52">Item</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d22944e55">Description</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d22944e52 ">
              <strong class="uicontrol">Content Zone</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d22944e55 ">
              <p>Available content zones appear in this dropdown. </p>
              <p style="margin-bottom:0;">If your developer
                selected a single content zone, there isn’t a content zone dropdown. If
                you need another content zone, ask your developer to modify the
                template.</p>
            </td>

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d22944e55 ">
              <p>This template lets you add the URL for a hosted image. Locate the image,
                click it to open it in a browser window, copy its URL, and enter that 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="Item" class="slds-cell-wrap" style="vertical-align:top;" headers="d22944e52 ">
              <strong class="uicontrol">Style</strong>
            </td>

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d22944e55 ">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="d22944e52 ">
              <strong class="uicontrol">Header</strong>
            </td>

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

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

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

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

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

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d22944e55 ">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.