# Announce a promotion
During certain times of the year, like Black Friday or Cyber Monday, you might want to display a banner or modal message on your website that highlights a promotion! With in-app messages, you can announce your promotion and drive sales, increase subscriptions, and so on.
Read on for instructions on how to build messages like this welcome offer.
[](#b375bfff83992309274054cde2a40ecf-lightbox)
## How it works[](#how-it-works)
In this recipe, we’ll broadcastA single broadcast sent to a group of people, all from the Customer.io user interface. Newsletters provide a simple way to send a message without having to set up a campaign workflow or send a call to the API to trigger your broadcast. You can also A/B test a newsletter. an in-app message telling people that we’re running a promotion. Our message will persist until a user dismisses it or the promotion ends.
We’ll also set up our message so that it only appears on relevant pages and in the right spot. For example, we don’t want our promotion to block an *Add to Cart* button, and we might not want it to appear on the checkout page if a promotion is already applied.
### Example promotions you can copy[](#example-promotions-you-can-copy)
We’ve set up a few examples that you can use for inspiration or even use as templates. If you to start your message from one of these examples, just click the code icon in the editor and paste the example code below into the editor!
Banner Example
#### Banner Example[](#Banner Example)
[](#c6f9308c16ee78d084f8801bb61821d5-lightbox)
```html
Black Friday Linguist Bonanza!
Unlock your language potential with 20% OFF
Valid Nov 28 - Dec 2 | First 500 customers only
20% OFF
for individuals & teams
Claim Offer
```
Upgrade Offer
#### Upgrade Offer[](#Upgrade Offer)
[](#9820c1f966295d9e0e287c47dac6ca05-lightbox)
```html
Black Friday Special
Get our Plus plan at Starter plan price for a full year!Unlock premium features for your design projects:Unlimited design projectsCollaborate with your entire teamAccess to premium templates and assetsAdvanced design tools for both graphic and product design
Upgrade to PlusOffer valid from Nov 28 through Dec 2
```
Fintech Coupon
#### Fintech Coupon[](#Fintech Coupon)
[](#7c753552a95ff68a81bfc416c4c46e69-lightbox)
```html
BLACK FRIDAY EXCLUSIVE$20 BONUS
Deposit $200 or more into your account and receive an instant $20 bonus!⏱︎ Offer ends in: Valid only on November 29, 2023
Claim your bonus
```
Travel Promo
#### Travel Promo[](#Travel Promo)
[](#51d389870eed4b4b4ec5d3303c3e362a-lightbox)
```html
BLACK FRIDAY EXCLUSIVE40% OffTreat yourself to an all-inclusive experience.Offer available Nov 29 - Dec 2.Book Now
```
Welcome Offer
#### Welcome Offer[](#Welcome Offer)
[](#b375bfff83992309274054cde2a40ecf-lightbox)
```html
Claim your welcome offer
Get 20% off on your first month
Unlock my discount
```
## Before you begin[](#before-you-begin)
This recipe assumes you’ve already set up your website to identify people and receive in-app messages. If you haven’t done that, you’ll need to:
1. Set up your website with our [JavaScript source integration](/journeys/in-app-web). If you haven’t done this yet, we have [a helpful video](/journeys/in-app-web/#javascript-snippet) to get you started!
2. [IdentifyThe Customer.io operation that adds or updates a person. When you identify a person, Customer.io either adds a person if they don’t exist in your workspace, or updates them if they do. Before you identify someone (by their email address or an ID), you can track them anonymously. your web visitors](/journeys/in-app-web/#identify-people-web). People can’t see your message until you know who they are!
If you’ve already set up our JavaScript integration, identification is often automatic—based on a cookie. But people *might* not see your message immediately if they’ve recently cleared their cookies and cache or visit your website in a private browsing window.
## 1\. Create your in-app broadcast[](#1-create-your-in-app-broadcast)
1. Go to **Broadcasts** and click **Create Broadcast**.
2. Give your broadcast a name. We’re calling ours **Promotional Broadcast**.
3. Select **Everyone in workspace** as your audience and click **Next**. We want to send our promotion to everyone!
Is your promotion limited to a particular product or region?
For this recipe, we’re sending our promotion to everyone. But, if your promotion is limited to a particular region, product, or other criteria, you can set up a [segmentA group of people who match a series of conditions. People enter and exit the segment automatically when they match or stop matching conditions.](/journeys/data-driven-segments/) to target your promotion more effectively.
[](#a616a79d9e928b9fd675642dda28ef90-lightbox)
4. Set a **Goal** that helps you track engagement with your promotion. To do this, you’ll need to have a way to track people that redeem your promotion. If the promotion isn’t something you can track—like a coupon code people use or a specific URL people visit—then you might not be able to set a goal in Customer.io. See [Advanced: Use an event as a goal](#advanced-use-an-event-as-a-goal) for more information.
[](#1d3bc94ab448c6b3527a1b5061013200-lightbox)
5. In the **Content** step, pick **In-App** and click your message.
[](#3fc45351035321b9d0be773b2d317c55-lightbox)
Now we’re ready to set up our in-app message.
## 2\. Set up your in-app message[](#2-set-up-your-in-app-message)
In the content step, you can start from our *Promotion* template, or you can start from scratch. If you’re new, we recommend starting from the template. Our example is a short promotion letting people know that we have a sale on all products.
1. Click the bar above the message that shows **Priority**, **Display**, and **Expiration**.
[](#c96da98724427ca535b357edbbf35eb4-lightbox)
2. Under **Expiration**, select *Persist message until it expires or is dismissed*. This will keep your message on the page until someone dismisses it or the promotion ends.
3. Set the expiration period for the message. Our promotion runs from the last Friday in November through Sunday December 1st 2024 in the eastern time zone (EST), so we set our message to expire on Monday at midnight (12 AM).
4. Set **Page rules** to determine where your message will appear. We want our promotion to appear on our home page and our product pages, but *not* our `/checkout` pages, so we set page rules where the page equals `/`, contains `/product/`, or `/category/`.
5. Set **Display** settings. By default, our promotional template is a modal message that appears in the center of the screen. Because our message is persistent, we probably don’t want to interrupt the user flow or cover up important information on the page! So, we’re changing our message to an *Overlay* that appears in the bottom-right of the page.
Now we’re ready to work on our message content!
1. Add a **Close Button** to the top-right of your message.
[](#e51e2de8952e09e0f0823cd815927c33-lightbox)
2. Add a **Heading** to your message.
[](#debe8139a24af2c908c81eca6ed5c018-lightbox)
3. If you have a call to action, add a **Button** to your message. If you’re promoting a specific product or category, you might use your button to link people to a page where they can use your promotion.
* Set an **Action** for your button. We’re going to set our button to link to our `/black-friday` page.
* Set a **Tracked Name** for your button. This is the value we record when someone clicks your button. We’re going to set our tracked name to `black-friday-promotion`.
[](#4e867ed4ab92945b138eb15da9be4341-lightbox)
4. (Optional) Add an image to your promotion if you have a specific product to highlight or a visual element that you want to include.
Make your image clickable!
Your in-app image can act like a button. Just add a **Behavior** and a **Tracked Name**, so people can interact with your image. You might give it the same action and tracked name as a button so people can click in a much larger area in your message.
[](#0fb7dc68595257cb9c446927001671d8-lightbox)
5. When you’re done, click **Send Test** and send yourself a test message! Open your website and make sure your message looks good on your website and that your buttons and links work as expected.
[](#2442976789a8ba90565314046214a7ff-lightbox)
6. Click **Save** and then click **Next** in the upper-right to go to the **Review** step of your broadcast.
## 3\. Review and schedule your broadcast[](#3-review-and-schedule-your-broadcast)
Remember, we want to send our message over the 2024 Black Friday weekend in the US, but we don’t want to spend our holidays writing a broadcast! So, we’re writing our broadcast ahead of time and we’re going to schedule it to send when the promotion starts.
1. Click **Schedule** at the bottom of the screen to set up your message’s delivery.
[](#9cf06d5ae78caf60214dcce900ddef89-lightbox)
2. Set the **Date** when you want to send your message. In our case, we’re scheduling for Friday, November 29th 2024.
3. We’re going to schedule our message to go live at midnight in the US Eastern time zone, so we’re setting our **Time** to *12:00 AM* and the **Time Zone** to *Eastern Time*.
[](#d13182ab0657fd00f2702ec219342dd0-lightbox)
4. Click **Schedule** to set up your message to send on the day of your promotion.
Now you’re all done! You can check the status of your promotion in the **Broadcasts** page. You can make changes to your broadcast if you need to, right up until it sends.