🏃 How do you create a Running/Scrolling/Marquee Banner?
Previous📢 How to create a Single Announcement Banner?Next🔄 How to create a Rotating/Carousel Banner?
Last updated
Was this helpful?
Last updated
Was this helpful?
What is a Running Announcement Banner?
A running announcement banner is an announcement banner that contains multiple repeating messages. These messages scroll horizontally without stopping.
Step 1: From the app’s dashboard, select the Banner module → Click the Create Banner button.
Step 2: Choose the Announcement Banner option in the select banner type modal → Click the Select button.
Step 3: Configure Banner Settings
You will see the banner creation interface in a max modal. Here, you will set up the banner in the following order: Configure Content > Style > Schedule > Conditions >Translations.
In the collapsible Banner type section, select Running Banner.
Content Settings: Here, you will configure the content to display on your banner, such as text and buttons.
You can enter multiple messages, with each message separated by a fixed space on the running banner. Click Add Announcement to add more messages.
If you choose a button or link, you can customize its style and add the URL you want to direct buyers to when they interact with your banner.
Selecting Open in New Tab means that clicking on the banner/link/button will open the link in a new tab.
If you check Add Close Button to Dismiss Banner, a close button (an “X”) will appear in the top-right corner of the banner. Clicking this button will close the banner, but it will reappear when the page is reloaded.
Position Settings: Choose where the banner will be displayed on your online store.
The banner can appear at the Top of Page, Bottom of Page, or in a Custom Position.
You can also select which devices will display the banner.
Style: Customize the banner’s colors, fonts, and other design elements.
You can style the text with various font options.
Choose the background style: Color, Gradient, or Image.
Use Background Padding to adjust the banner’s height, and Background Opacity to set the transparency level.
Additionally, use the Speed option to adjust the running banner’s scrolling speed.
Step 4: Set conditions for the banner.
In the banner creation interface (max modal) → Click the Conditions tab.
Here, you can set various conditions for your banner, including display conditions, customer conditions, product page conditions, scheduling, and country-specific conditions.
Step 5: Preview the banner.
You can preview how your banner will appear in the Preview area on the right.
You can also select different devices to check if the banner displays correctly.
Step 6: Finally, click Save to save your banner.
For more details, see the article:
For more details, see the article:
