How do I create my first Highlight ?

Highlight Boxes help you showcase important product information in a clean and organized format on your Shopify product pages. They're perfect for displaying product features, shipping details, return policies, warranties, promotional messages, and more.

Note: Highlight Boxes are available on the Pro plan and above.

Step 1: Open the Highlight Box Section

1. Open the Prime Product Badges & Stickers app.
2. Navigate to the Highlights section.
3. Click Add Highlight to create a new Highlight Box.

Step 2: Configure the Highlight Content

Choose an Icon

Select an icon to display alongside your highlight. You can:

• Click Pick to choose an icon from the built-in icon library.
• Click Browse to upload your own custom icon.

Add a Title (Optional)

Enter a title to appear above the highlight text.

Example:

• Free Shipping
• Easy Returns
• Premium Quality

Add Highlight Text

Enter the message you want to display to your customers.

You can also click Add Dynamic Data Fields to automatically insert Shopify product information such as:

• Discount Percentage
• Inventory
• And other supported dynamic fields

Add a Link (Optional)

Add a URL if you'd like customers to be redirected when they click the Highlight Box.

Add a Tooltip (Optional)

Tooltips display additional information when customers hover over the Highlight Box. Use them to provide extra details without cluttering your product page.

Step 3: Configure Display Conditions

Control where and when your Highlights appears.

Product Scope

Choose one of the following options:

•  All Products – Display the highlight on every product. You can exclude specific products if needed.
•  Pro Conditions – Display highlights based on advanced product conditions.
•  Gold Conditions – Use premium condition rules for even greater flexibility.

Condition Logic

Choose how multiple conditions should work.

•  All Conditions – Every condition must be met.
•  Any Condition – The badge appears if at least one condition is met.

Excluded Products

Review the excluded product count to ensure the highlight appears only on the intended products.

Step 5: Save and Publish

Before saving:

• Choose whether the Highlight Box should be Visible Immediately or schedule it for a future date.
• Assign the Highlight Box to a Group if you want to organize multiple highlights.

Finally:

1. Click Save.
2. Visit your Shopify product page to verify that the Highlight Box appears correctly.

Step 6: Customize the Design

Personalize your Highlight Box to match your Shopify store's branding. You can customize elements such as:

• Colors
• Typography
• Spacing
• Layout
• Icon styling
• And other available design settings

Preview your changes to ensure the Highlight Box complements your storefront.

Best Practices

• Keep highlight text short and easy to scan.
• Use meaningful icons that complement your message.
• Combine Display Rules with Dynamic Data to create personalized Highlight Boxes.
• Match the Highlight Box styling with your Shopify theme for a seamless shopping experience.
• Preview your Highlight Boxes on both desktop and mobile devices to ensure the best customer experience.