Skip to main content

The "Show More" Digital Label

Add regulatory info, videos, forms, or any HTML content to the expandable area of your authentication page.

This article explains how to use the Show More section of an authenticated product — the expandable content area where you can add regulatory information, product details, videos, forms, coupons, and any other content that enriches the consumer's post-authentication experience. This is also sometimes called the digital label.


Prerequisites


About Show More

When a consumer successfully authenticates a product, they see the Authenticated screen. Below the authentication confirmation, you can add a Show More toggle that expands to reveal additional content.

Show More is fully customizable. Use it for:

  • Regulatory information (lot numbers, manufacturing details, expiration)

  • Video content or product usage instructions

  • Signup forms or Buttons

  • Coupons and promotional offers

  • Retargeting pixels or analytics scripts (You Brand's Privacy Policy Must Be Explicitly Present, including any Data Protection and User Terms when using marketing pixel)

  • Any content you want consumers to see after authentication


Enabling Show More

  1. Open the Template Editor for your product.

  2. Go to the Authenticated tab.

  3. Toggle Show more page to the on position.

  4. The Show More editor appears below.

The Show More Editor

The editor has two modes:

Mode

Purpose

Visual editor

A what-you-see-is-what-you-get editor. Insert text, headings, images, tables, lists, and links.

Code editor

Raw HTML and inline CSS. Use this for embedded video iframes, tracking scripts, or custom layouts.

Switch between modes using the tabs at the top of the editor panel. The preview on the right shows exactly how the Show More content will render on a consumer's phone after they expand the toggle.

Tip: Start in the visual editor for simple content. Switch to the code editor when you need to paste in video embeds or custom tracking code.


Merge Tags and Dynamic Content

Show More supports the same merge tags as the rest of the template. Use Handlebars syntax — for example, #{{product_name}}, #{{lot}}, or #{{metafields.keyName}}. See Customizing Templates with Advanced Custom CSS for the full tag catalog.

Merge tags are resolved at scan time, so a single Show More can display batch-specific information (lot number, expiration date) without needing a separate template per batch.

Conditional Content

Wrap sections in #{{#if}} blocks to show or hide content based on scan context:

#{{#if isExpired}}  <p><strong>This product has reached its expiration date.</strong></p>#{{/if}}#{{#if isUS}}  <p>US residents: <a href="#{{ trialUrl }}">Start your free trial</a></p>#{{else}}  <p>Contact your local distributor: <a href="#{{contact_url}}">#{{brand_name}}</a></p>#{{/if}}


What Show More Accepts

Supported

Not Supported

HTML (headings, paragraphs, tables, lists, links, images, <details>, <summary>)

<script> tags

Inline CSS (whitelisted properties)

Inline event handlers (onclick, onload, any on*)

Handlebars placeholders (#{{ tag }})

javascript: URLs

Handlebars #{{#if}} blocks

Raw JavaScript expressions

HTTPS-only external image URLs

Nested #{{#if}} blocks

Size Limits

Dimension

Limit

Raw HTML size

50 KB

Placeholders per template

30

Conditional blocks per template

10

Conditional nesting depth

1 (nesting not supported)


Saving and Publishing

  1. Click Save in the top-right corner of the Template Editor.

  2. Your updated Show More content is immediately live for all consumers scanning the product.

Important: Show More is defined at the template level. If the template is shared across multiple products, your Show More changes apply to all of them. To give a single batch its own Show More, see Customizing Show More Per Batch.


Example — Wine Product with Lot Info and Tasting Notes

<h2>#{{product_name}}</h2><p>Lot: <strong>#{{lot}}</strong> · Produced #{{produced_at}}</p><h3>Tasting Notes</h3><p>A full-bodied red with notes of blackberry and oak. Best served at 18°C.</p><h3>Pairing</h3><ul>  <li>Grilled red meats</li>  <li>Aged hard cheeses</li>  <li>Dark chocolate</li></ul>#{{#if isExpired}}  <p><strong>Past optimal drinking window.</strong> Contact your sommelier.</p>#{{/if}}<p>Visit us at <a href="#{{contact_url}}">#{{brand_name}}</a>.</p>


Troubleshooting

Issue

Solution

Show More is not appearing on the Authenticated screen

Confirm the Show more page toggle is enabled in the Authenticated tab, and that there is content in the editor.

My video embed is blank on phones

Use an HTTPS iframe URL. Check that your video host supports mobile embeds (some providers disable iframes on mobile).

A <script> tag I pasted was stripped

Some script tags are not permitted for security reasons. Use supported analytics patterns such as image-pixel tracking. Contact our team for support if you need help validating a custom script.

My merge tag shows as #{{product_name}} literally

Verify the exact spelling, and check that the merge tag is documented in the Customizing Templates with Advanced Custom CSS catalog.

Show More is too large

Keep raw HTML under 50 KB. Host large assets (videos, high-res images) externally and embed via link or iframe.


Need Help?

If you need further assistance, contact us at [email protected] or use the chat widget in your Dashboard.


Last Synced: 2026-04-23 · Sync Status: Current · ID: 14742484 · Language: English

Did this answer your question?