Sales Banner



The Sales Banner section is designed to highlight promotional offers and sales events with a customizable layout that includes headings, subheadings, images, buttons, and a countdown timer.

Section Settings

  • Full Width
    • Enable or disable full-width display for the banner.
  • Padding Top & Bottom
    • Adjust the padding at the top and bottom of the banner for spacing.
  • Images
    • Desktop Image: Upload a large image .
    • Mobile Image: Upload a mobile-friendly image . Defaults to the desktop image if not set.
  • Dimensions
    • Desktop Width: Adjust the width of the content on desktop devices.
    • Desktop Height: Choose between different height options (e.g., Large).
  • Color Scheme
    • Color Scheme: Select a pre-defined color scheme or customize it by clicking Edit.
    • Background Color: Set a background color for the section.

Block Settings

The Sales Banner section includes various blocks that you can add and customize:

  • Heading
    • Enter the main heading text for the banner.
  • Sub Heading
    • Enter the subheading text to provide additional information.
  • Paragraph
    • Add a paragraph for more detailed descriptions or promotional information.
  • Button
    • Customize the button text
    • Set the URL where the button will direct customers.
  • Sales Badge
    • Icon: Choose icon for the badge option presented to you.
    • Text: Add text for the sales badge (e.g., "SALE").
    • Text Settings:
      • Font Size: Adjust the font size using the range slider.
      • Letter Spacing: Adjust the letter spacing using the range slider.
      • Scroll Speed: Adjust the animation speed using the range slider.
  • Scrolling Text

    • Text: Add scrolling text for dynamic messages or offers.
    • Scroll Speed: Adjust the animation speed for the scrolling text.

Badge Alignment and Position are common for Circle Badge, Star Badge , Scrolling Text

  • Desktop and Mobile Alignment: Set the badge alignment to up or down.
  • Badge Position: Set the badge position to left or right.
  • Countdown :

    • Set the year, month, day, hours, and minutes for the countdown timer.
    • Expiration Behavior: Select what happens when the timer expires (e.g., hide the section or reset the timer).
    • Timezone:
      • Choose between the shop's time zone or the user's local time zone.

Tips to use shop timezone and user local timer zone based on your preferences

Shop Time Zone

    • Local or Regional Business:
      • Target Audience: If your store primarily serves a local or regional customer base within the same time zone.
      • Example: A store based in New York serving customers mostly from New York and nearby states
    • Uniform Promotion Management:
      • Consistency: You want all customers to see the same end time for promotions, simplifying marketing and operational management.
      • Example: A flash sale that ends exactly at midnight Eastern Time, regardless of where the customers are located.
    • Marketing:
      • You plan to communicate sale end times in your store’s time zone across marketing channels.
      • Example: Emails, social media posts, and banners all state the sale ends at 11:59 PM PST.

User Local Time Zone

    • Global Customer Base:
      • Target Audience: Your store serves customers from multiple time zones around the world.
      • Example: An e-commerce store with significant traffic from North America, Europe, and Asia.
    • Personalized Experience:
      • Customer Convenience: You want to provide a localized experience, making it clear to each user how much time they have left for the sale.
      • Example: A sale that ends at midnight local time for each customer, ensuring they don’t have to calculate time differences.
    • Avoiding Customer Confusion:
      • Clarity: To prevent confusion and ensure customers know exactly when the sale ends in their own time zone.
      • Example: Displaying "Sale ends in 2 hours" means exactly 2 hours for each customer, no matter where they are.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us