Introduction to Promotion banner
Hello store owners!
This article will introduce you to the Promotion Banner. After going through everything in this article, you should know how to properly set up a Promotion Banner for your store. Let’s check it out!
A promotion banner is a banner set up in the head of your store to notify customers about available promotions. We offer multiple types of banner that can cover every needs you have.
The Promotion banner will show on top of every page, except for the checkout page.
This is the most basic type of banner, to inform your customers of ongoing sales with short texts. To set it up, please follow these steps:
Step 1: From the app navigation menu, choose “Promotion banner” tab
Step 2: Turn on the status toggle to enable banner on storefront. In this step, you can also choose if the banner is dismissible or not
Step 3: Customise the banner's look in the "Banner Design" section
- Background color: where you can choose the main color of your banner
- Text size and Text color: where you can customise the text
- Banner height: where you can customise the banner size
Step 4:Customise message content
Edit the text or the content that appears on your banner. Try to make it informative, and engaging but concise at the same time (within 120 characters)
Don’t forget to check the preview on the side for the most suitable adjustment.
That's all you need to do for this basic text banner, and you're good to go. If you would like to trigger urgency or lead your customers a bit more, check out advanced banner types below
Step 1: Follow the same steps above. To enable timer on banner, check "Enable schedule" box [add image]
Step 2: Set schedule for your banner. You can choose the date when the promotion banner shows up on your store (start date) and when you want it to disappear (end date)
This date and time will be used to calculate the time on the countdown.
Step 3: Choose "Enable timer"
A timer will show in your preview
Step 4: Customise your timer
- Timer labels: where you can translate the timer labels as you wish
- Timer size: where you can adjust timer size
- Timer color: where you can choose the color of the timer elements
To redirect your customers to the sales page, consider adding a CTA button to your banner
Step 1: Follow the same step to set up a banner with text
Step 2: Choose "Enable call to action"
Step 3: Customize the button
- Button text: where you can set up your CTA message
- Button text size: where you can adjust button size
- Button color: where you can change button background color
- Text color: where you can change text color
Step 4: Add link to button
Copy a valid link to in the "URL" field
Check the preview on the side for the most suitable adjustment. Go to your store, the promotion banner will then be displayed on top of every page of your store. If you don't see the banner, make sure the app-embed is turned on and the promotion banner is enabled in admin.
If you still don't see the banner after all these steps, our dedicated support team is right around the corner. Literally mean by the corner, you can always find and ask for support by clicking on the support button in the bottom right corner of the app.
This article will introduce you to the Promotion Banner. After going through everything in this article, you should know how to properly set up a Promotion Banner for your store. Let’s check it out!
What is a Promotion Banner?
A promotion banner is a banner set up in the head of your store to notify customers about available promotions. We offer multiple types of banner that can cover every needs you have.
The Promotion banner will show on top of every page, except for the checkout page.
Type of Promotion banner
Banner with text
This is the most basic type of banner, to inform your customers of ongoing sales with short texts. To set it up, please follow these steps:
Step 1: From the app navigation menu, choose “Promotion banner” tab
Step 2: Turn on the status toggle to enable banner on storefront. In this step, you can also choose if the banner is dismissible or not
Step 3: Customise the banner's look in the "Banner Design" section
- Background color: where you can choose the main color of your banner
- Text size and Text color: where you can customise the text
- Banner height: where you can customise the banner size
Step 4:Customise message content
Edit the text or the content that appears on your banner. Try to make it informative, and engaging but concise at the same time (within 120 characters)
Don’t forget to check the preview on the side for the most suitable adjustment.
That's all you need to do for this basic text banner, and you're good to go. If you would like to trigger urgency or lead your customers a bit more, check out advanced banner types below
Banner with timer
Step 1: Follow the same steps above. To enable timer on banner, check "Enable schedule" box [add image]
Step 2: Set schedule for your banner. You can choose the date when the promotion banner shows up on your store (start date) and when you want it to disappear (end date)
This date and time will be used to calculate the time on the countdown.
Step 3: Choose "Enable timer"
A timer will show in your preview
Step 4: Customise your timer
- Timer labels: where you can translate the timer labels as you wish
- Timer size: where you can adjust timer size
- Timer color: where you can choose the color of the timer elements
Banner with Call to action (CTA)
To redirect your customers to the sales page, consider adding a CTA button to your banner
Step 1: Follow the same step to set up a banner with text
Step 2: Choose "Enable call to action"
Step 3: Customize the button
- Button text: where you can set up your CTA message
- Button text size: where you can adjust button size
- Button color: where you can change button background color
- Text color: where you can change text color
Step 4: Add link to button
Copy a valid link to in the "URL" field
How to check
Check the preview on the side for the most suitable adjustment. Go to your store, the promotion banner will then be displayed on top of every page of your store. If you don't see the banner, make sure the app-embed is turned on and the promotion banner is enabled in admin.
If you still don't see the banner after all these steps, our dedicated support team is right around the corner. Literally mean by the corner, you can always find and ask for support by clicking on the support button in the bottom right corner of the app.
Updated on: 15/01/2024
Thank you!