# Offer Message

## Overview

Offer Messages are promotional call-outs that appear as overlays to highlight special offers and drive engagement. They capture customer attention at key moments in the shopping journey. They can be added to an Offer Personalization or Offer Test.

<figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2FwUdUXf6yzZvwOWDe3PYU%2Fimage.png?alt=media&#x26;token=773311ad-5a32-4429-893f-d1e7bf31c4d8" alt=""><figcaption></figcaption></figure>

## Configuration

### Basic Setup

* **Title:** The main text displayed in your offer message.&#x20;
* **Description:** Secondary text displayed below the title.

<figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2Fgit-blob-86a6792d3b307b7f48b3f0fa9f61505b64cbb3a4%2FOffer%20message%20-%20pop%20up%20message%20(1).png?alt=media" alt=""><figcaption></figcaption></figure>

### Color & Style

* **Offer message style:** Choose from two offer message style options.

  * **Pop Up:** Standard promotional call-out for high-priority announcements and urgent offers.

  <figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2Fgit-blob-1342260b85413233856df6832578d6bc8f4cc6dc%2FFrame%202147226290.png?alt=media" alt=""><figcaption></figcaption></figure>

  * **Slide Out:** Promotional call-out with slide animation for subtle entrancewithout disrupting site flow.

    <figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2Fgit-blob-63f451bd1e71bbab96f3f41e81184bd4a99397ba%2FFrame%202910.png?alt=media" alt=""><figcaption></figcaption></figure>
* **Appearance**: Control the corner radius of the offer message.
* **Placement**: Top-left or top-right positioning on your site.
* **Colors:** Control the colors for all fields.
* **Typography:** Control the font sizes and styles for each text field.

## Integrating the Offer Message

No setup required — this component is available automatically once Intelligems is installed in your theme & you have set up an offer that includes the offer message component.

{% hint style="warning" %}
Note that you will need to preview or start your offer in order to see the offer message on your site.
{% endhint %}