Integrating ByteTag with Your Shopify Store

Integrating ByteTag Discount Text & Label with your Shopify store is a seamless process designed to help you display discount labels in an effective and customized manner. This guide walks you through the key steps to get started:

Step-by-Step Integration Process:

1. Install the App:
   First, you’ll need to install the ByteTag Discount Text & Label app from the Shopify App Store. Simply visit the app’s Shopify listing page and click the Add App button. Once installed, open the app within your Shopify admin.
2. Grant Necessary Permissions:
   Upon installation, you’ll be prompted to grant the necessary permissions for the app to access your Shopify store’s theme and cart pages. These permissions ensure that ByteTag can display the discount labels in the correct locations on your site. Click Allow to proceed.
3. Configure Label Settings:
   After installation, head to the Label Settings page in the app dashboard. Here, you can configure various settings such as:
   • Label Text: Customize the text to display on the cart page when a discount is applied (e.g., "10% OFF").
   • Font & Color: Adjust the font, size, and color of the label to match your store’s branding.
   • Positioning: Choose where to place the label on the cart page—whether above or below the cart totals, or beside the product.
   • Discount Conditions: Set rules for when the label should appear based on specific discount codes, conditions, or percentages.
4. Check Label Visibility:
   Once configured, you can preview how the label will look on the cart page by using the Live Preview feature in the app. This allows you to ensure that the label displays correctly and fits with the overall design of your cart page. Make any necessary adjustments to positioning, colors, or text.
5. Save & Publish Changes:
   After configuring the label to your satisfaction, click Save and Publish. The discount label will now be integrated and live on your cart page, ready to be displayed to customers whenever a discount is applied.

Tip: If you are using a custom theme or need additional styling adjustments, consider enabling the Manual Placement feature. This provides more granular control over where and how the label appears by inserting the code directly into your theme files.