---
schema_version: "1"
id: 6eb3fc7b088387fde575988f046898e83954a93c6b5d32c7f2f78374cc416c82
title: Slide-In 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_slide_in.md
canonical_url: https://help.salesforce.com/s/articleView?id=mktg.mc_pers_web_campaign_call_to_action_slide_in.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 479dca31e9b1702517832257239ec4e8eedb38fb67c234b82374e1263c56ac6c
description: Slide-ins enter a web page from the bottom-right corner, and subtly present a message to the users of your website. Use the built-in global template or use a custom template that a developer creates.
products:
  - Marketing
  - Salesforce Personalization
release: "264"
---
# Slide-In with Call-to-Action Web Campaigns

Slide-ins enter a web page from the bottom-right corner, and subtly present a message to the users of your website. Use the built-in global template or use a custom template that a developer creates.

## Slide-In with Call-to-Action Web Template

The slide-in 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.

**Slide-In with Call-to-Action**—Select this template to display a message that slides in from the bottom-right corner of the screen, and contains a call-to-action button.

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

            <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d52922e55 ">
              <p>The following behaviors can trigger a slide-in campaign: </p>
              <ul>
                <li><strong class="uicontrol">Time on Page (Delay)</strong>—Defines the number of seconds that a user
                  must be on the targeted page to trigger the slide-in campaign. </li>
                <li><strong class="uicontrol">Scroll Depth</strong>—Defines the percentage of the targeted page that a
                  user must scroll to trigger the slide-in campaign. </li>
                <li><strong class="uicontrol">Inactivity</strong>—Defines the number of seconds that a user must be
                  inactive on the targeted page to trigger the slide-in campaign.
                  Inactivity includes lack of actions that indicate engagement, such as
                  mouse movement and scrolling, and is tracked whether the page is in
                  the foreground or background. </li>
              </ul>
            </td>

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

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

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

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

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

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

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