Full Customization: Match Your Labels to Your Store’s Visual Identity

Your storefront has a unique look—and your promotional messages should feel like a seamless part of the experience. That’s why ByteTag includes a powerful customization toolkit to help you style your labels just the way you like.

Here’s how to fully customize your discount label design:

  1. Navigate to the “Label Designer” tab in the app.
  2. Start by choosing the label layout—horizontal or block-style.
  3. Enter your discount message text. You can combine static text with dynamic variables like {discount_code} or {savings_amount} to personalize the content.
  4. Now, move on to the visual styling:
    • Typography: Choose your preferred font family, adjust size, line height, and weight.
    • Colors: Set background and text colors that match your store’s branding. Use HEX or RGB values for precise matching.
    • Spacing: Adjust padding and margins to ensure the label fits naturally into the layout.
    • Positioning: Choose the exact location of the label—above the product title, below the price, or within the cart total area.
  5. Use the Live Preview window to see changes instantly across mobile and desktop breakpoints.
  6. You can even add icons, emojis, or custom borders to make the message stand out visually.

Once you’re satisfied with how your label looks and feels, click Save & Publish. No coding, theme edits, or developer input needed.

Branding consistency builds trust. A well-styled discount label tells customers: “This store is professional—and I’m getting a deal I can count on.”
Back to Docs