How can we help you?

View Categories

Campaign Bar

< 1 min read

Header Campaign Bar Options
Campaign Bar Repeater

The Campaign Bar is a customizable announcement bar that allows users to display promotional messages, discounts, or important announcements on their website.

Accessing the Campaign Bar Settings #

To customize the campaign bar, navigate to: Appearance → Customize → Header → Campaign Bar

Campaign Bar Options #

  1. Enable/Disable: Toggle the switch to enable or disable the campaign bar.
  2. Campaign Items: Add multiple campaign messages.
  3. Position: Choose where to display the campaign bar:
    • Before Header
    • After Header
  4. Background: Set a solid color, gradient, or image background.
  5. Font Color: Customize the font color.
  6. Font Size: Adjust the text size in pixels.
  7. Font Weight: Choose from normal, bold, or other font weights.
  8. Height: Set the campaign bar height in pixels.
  9. Button Spacing: Adjust the spacing between the campaign text and the button.

Adding a Campaign Item #

Each campaign item includes:

  • Icon: Add an emoji or icon.
  • Text: Enter the message you want to display.
  • Link (Button): Add a clickable call-to-action button with a custom URL.

To add multiple campaign items, click the “Add Campaign” button.

Example Use Case #

A website running a sale could display: 💝 “Save up to 20% on all Toys with ‘FLAT20OFF’ code” → [Shop Now]