# Promotion Card

{% hint style="success" %}
Promotion Card is applied for Buy X Get Y campaign only.
{% endhint %}

### What is Promotion Card?

The Promotion Card is a customizable auto-slide card for Buy X Get Y Campaign only. It displays specific promotional offer (the Y) with product purchase (the X). The card will appear on the product page to catch customers' attention as they browse.

### Why to use Promotion Card?

<details>

<summary>Drives Awareness of Active Promotions</summary>

The Promotion Card serves as highly visible announcements for current deals, as it is put in the product page, ensuring customers don't miss out on offers as they browse.

</details>

<details>

<summary>Encourages Immediate Action</summary>

With eye catching design and clear CTAs, Promotion Cards create a sense of urgency, especially when paired with limited time offers or countdowns. This urgency motivates customers to act quickly, which can improve conversion rates and reduce cart abandonment.

</details>

<details>

<summary>Aligns Promotions with Brand Identity</summary>

Promotion Card of AOV Free Gift offers you with tailored messaging and design, so you can showcase offers in a way that resonates with their brand’s voice, ensuring a cohesive look and feel.

</details>

### How to set up Promotion Card to your store?

#### Step 1: Access the Promotion Card

Navigate **Widget Display > Promotion Card**. Choose Setup to start customizing the card.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FrsSO2KdmVshN40SXEuDw%2Fimage.png?alt=media&#x26;token=f89801df-f871-47c9-9012-f11ca4e7aced" alt=""><figcaption></figcaption></figure>

#### Step 2: Choose a Widget Position

Click **Go to Theme** to open theme settings and select where you want the promotion card to appear on your storefront.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FB6j6fNv2BuVadBZdPebp%2Fimage.png?alt=media&#x26;token=2bbf258f-961f-4569-8a11-a5ff8dfe4721" alt=""><figcaption></figcaption></figure>

#### Step 3: Select a Theme for Your Promotion Card

The app provides multiple themes, including regular and seasonal options, allowing you to match the promotion card's style to your store’s aesthetic or the current season.

Choose from **Regular Themes** like Winter, Forest, Ocean, and more, or select **Seasonal Themes** to fit special occasions.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FS48IiJz2qm1P5ORYWY83%2Fimage.png?alt=media&#x26;token=b00a82d9-8844-4b3e-845c-ff32d8723c36" alt=""><figcaption></figcaption></figure>

#### Step 4: Customize the Setting

Under **Settings**, you can adjust the card’s background and colors to align with your store's branding.

**Customize Background Card:**

Select **Gradient Background** if you want a gradient effect.

If not, choose a **Background Color** by entering a HEX code or selecting a color from the palette.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2Fd9FLnD8F03yIpuIDYiVI%2Fimage.png?alt=media&#x26;token=d1137f4b-9455-44d1-bb1e-d95faf8fbe4f" alt=""><figcaption></figcaption></figure>

**Customize Background Product:**

Choose **Gradient Background** if you want a gradient for the product background within the card.

If not, just set the **Background Color** for the product display area.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FdT3m2bZGuSJsk1TPIkTI%2Fimage.png?alt=media&#x26;token=92a1cb16-79bd-4c59-8d85-b5ebc3d5519f" alt=""><figcaption></figcaption></figure>

**General Color Settings:**

Set **Text Color** for readability against your chosen background.

Choose **Stroke Color** to outline elements within the card.

Define **Badge Color** to highlight offers.

Adjust the **Countdown Timer Color** if you’re running time-sensitive promotions.

For the timer text, select **Text Color on Countdown Timer** to ensure it stands out.

<figure><img src="https://1289686769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMo81Ak7Ig0Z6bLRmWpSA%2Fuploads%2FcnMaCtUwrR91fi0GmzoD%2Fimage.png?alt=media&#x26;token=21ef595f-d5fa-46a8-9984-9fa18393151c" alt=""><figcaption></figcaption></figure>

#### Final Step: Preview and Save the Setting

Check the **Preview** section on the right side to see how the card looks in real time.

Adjust any settings if necessary to ensure the card appears professional and aligns with your brand's visual style.

Click **Save** to apply the settings.

The Promotion Card feature in the AOV Free Gift app is a powerful tool for increasing Average Order Value (AOV) through visually engaging and strategically positioned promotions. Start optimizing your Promotion Card today and watch your AOV grow!