# Source: https://docs.intelligems.io/offer-personalizations/upgrade-offer-components.md

# Upgrade Offer Components

## Steps to upgrade

#### 1. Locate your offer

Navigate to the offer containing the component you want to upgrade.

<figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2Fgit-blob-ee61b6f4b675b4b16f3ca188718da6a433b3e05d%2FScreenshot%202025-08-05%20at%202.27.14%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 2. Access component settings

In the Mods section, click the three-dot menu next to the component you want to upgrade, then select "Edit component."

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

#### 3. Open styling options

The Color & Style section is collapsed by default. Click to expand it.

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

#### 4. Change component style

Click the "Change \[button] \[bar] \[message] style" link to view available component options.

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

#### 5. Select new component

Choose your preferred component from the available options.

<figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2Fgit-blob-29e0ad37bd83e2393f0684839af47cab3cef3fe6%2FScreenshot%202025-08-05%20at%202.28.31%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 6. Configure your component

Adjust color & styling as needed for your offer.

<figure><img src="https://2052204893-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2SvefuMLsJyJPAcVXeWc%2Fuploads%2Fgit-blob-99d1ac41e73ca96ca86d054f044273cb82a2e0e4%2FScreenshot%202025-08-05%20at%202.30.24%E2%80%AFPM.png?alt=media" alt=""><figcaption></figcaption></figure>

#### 7. Save changes

Click "Save" to apply your component upgrade.

{% hint style="info" %}
**Note:** If your offer uses multiple components, the system will prompt you to review each one. You can skip components that don't need updates, but you'll need to confirm changes on each screen before finalizing.
{% endhint %}

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