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.
- Circle - 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.
- Animation Speed: Adjust the animation speed using the range slider.
- Star - Sales Badge
- Icon: Choose or upload an icon for the badge.
- Text: Add text for the sales badge (e.g., "50% OFF").
- Text Spacing: Adjust the text spacing for the badge.
- Scroll Speed: Adjust the scroll speed for the badge animation.
- Scrolling Text
- Text: Add scrolling text for dynamic messages or offers.
- Animation 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.