How to Display Allergen Information on Shopify Product Pages
The way you display allergen information on your Shopify product pages affects both compliance and customer trust. Here's how to do it right.
Allergen information on your Shopify product pages must be accurate, prominent, and accessible before a customer completes a purchase. Here's how to display it effectively — for both compliance and customer confidence.
What the Law Requires
Both US FALCPA and UK FIC require pre-purchase allergen disclosure for food sold online. "Pre-purchase" means visible on the product page before the customer clicks "Buy" — not on a confirmation page, not in a downloadable document. The information must be clear and prominent, not buried in a long description.
Text vs Visual Labels
Text declarations (a "Contains:" statement or allergen list in the product description) are legally compliant but less effective for customers who are scanning quickly. Visual allergen labels — icon-based badges showing which allergens are present, absent, or may-contain — are significantly more accessible and are standard practice in European food retail. They also signal professional allergen management to customers.
Placement on the Product Page
Allergen information should appear in the primary product content area — not in a collapsible tab, not at the very bottom of a long description. Many Shopify food merchants place a visual allergen panel immediately below the product description and above the add-to-cart button. This placement ensures every customer sees it.
Keeping It Accurate
Static allergen text in Shopify product descriptions is a compliance risk — it can become outdated as recipes change without any automatic update mechanism. Dedicated allergen management apps like SaltAI's Allergen Matrix maintain a separate allergen database that displays on product pages dynamically, ensuring your online declarations always match your current recipe.
Handling May-Contain and Cross-Contamination Statements
May-contain statements are one of the most misunderstood areas of allergen labelling for online food sellers. Unlike mandatory allergen declarations, may-contain warnings are voluntary — but once you include them, they carry real weight with customers and, in the event of a complaint, with enforcement bodies too. The standard to apply is whether cross-contamination is a genuine, assessed risk in your production environment, not simply a blanket disclaimer added to every product to limit liability.
When you do need to declare a may-contain risk, the language matters. Phrases like "made in a kitchen that also handles nuts" and "may contain traces of peanuts" communicate meaningfully different levels of risk to an allergen-aware customer. Be specific about which allergen presents the cross-contamination risk and, where possible, describe the control measures in place. Vague, all-encompassing statements frustrate customers with serious allergies and can undermine trust in your labelling overall.
On your Shopify product page, may-contain information should be visually distinguished from your primary allergen declarations — many food retailers use a separate row or a different icon style within their allergen panel. This separation makes it immediately clear to a scanning customer what is definitely present in the recipe versus what represents a background manufacturing risk. Getting this visual hierarchy right is a small detail that makes a significant difference to how allergen-sensitive customers perceive your brand.
Managing Allergen Information Across a Large Product Catalogue
When you sell ten products, updating allergen information manually is manageable. When you sell fifty or a hundred SKUs, it becomes a serious operational risk. A single recipe reformulation — swapping an ingredient supplier, adjusting a spice blend, introducing a new product line — can require allergen updates across multiple products simultaneously, and there is no built-in Shopify mechanism to flag which product pages are affected or to push updates automatically.
The professional solution is to manage allergens at the ingredient or recipe level rather than at the product description level. This means maintaining a centralised record of each ingredient's allergen profile, linking recipes to those ingredients, and surfacing the resulting allergen data on the product page dynamically. When an ingredient changes, the update cascades to every product that uses it — without requiring you to manually locate and edit individual Shopify product descriptions. This is exactly the workflow that Allergen Matrix is built around.
For merchants operating at scale, this centralised approach also makes internal audits significantly faster. If a customer contacts you with an allergen query, or if an enforcement body requests evidence of your labelling process, you can produce an accurate allergen record for any product at any point in time. That audit trail is difficult, sometimes impossible, to reconstruct if your allergen information lives as unstructured text inside product descriptions spread across a large Shopify catalogue.
Writing Allergen Declarations That Customers Actually Read
Compliance text is often written for regulators rather than customers, which is understandable but counterproductive. A dense paragraph listing every ingredient with allergens bolded in running prose satisfies the letter of FALCPA or FIC, but many customers — particularly those with anxiety around food allergies — find it harder to process than a clean, structured declaration. The goal is information that is both legally compliant and genuinely easy to act on in the few seconds a customer spends reviewing a product page.
The most readable format pairs a short "Contains:" line listing all present allergens with a visual icon panel that allows customers to confirm the same information at a glance. The text declaration covers your legal obligation clearly and explicitly; the visual panel serves the practical need of a customer who is cross-referencing several products in quick succession. Neither format replaces the other — together they create a declaration that works for the broadest possible range of customers, including those with visual impairments who rely on screen readers where icon alt-text becomes essential.
Plain language throughout matters more than merchants often realise. "Contains: wheat, milk, eggs" is clearer than "Contains gluten-containing cereals (wheat), dairy derivatives, and egg-based ingredients." Customers with severe allergies are usually expert label readers, but they should not have to interpret ambiguous terminology under time pressure. Write your allergen declarations the way you would want to read them if you were the one checking whether a product was safe for your child.
Allergen Information for Product Variants
Many Shopify food products are sold in multiple variants — different flavours, sizes, or formats — and the allergen profile can differ significantly between them. A plain chocolate bar and a hazelnut chocolate bar are the same product with different variants in Shopify's data model, but they have entirely different allergen declarations. Displaying a single, product-level allergen panel that does not update when a customer selects a different variant is not just unhelpful — it is a genuine compliance failure.
The correct behaviour is for the allergen display on the product page to update dynamically when a customer changes the selected variant. This requires allergen data to be stored and retrieved at the variant level, not just at the product level. It is technically achievable in Shopify using metafields, but requires careful implementation — and a common mistake is to build the variant selector logic correctly but fail to connect it to the allergen display block, leaving the panel static while other page elements update correctly.
Testing your allergen variant behaviour should be a standard part of any Shopify theme update or app installation that touches product page templates. Walk through each variant combination for every affected product, confirm the allergen panel updates as expected, and document the test. This takes time with a large catalogue, but it is far less costly than a misdeclaration. Tools like Allergen Matrix handle variant-level allergen mapping natively, removing the need to build and maintain this logic yourself.
Communicating Allergen Updates to Existing Customers
When a recipe changes and your allergen declarations update, the compliance obligation is forward-looking — the new information must be accurate on the live product page from the moment the change takes effect. But there is a strong commercial and ethical case for proactively communicating significant allergen changes to customers who have previously purchased the product, particularly where a new allergen has been introduced that was not previously present.
A simple approach is to maintain a short changelog or "recipe updates" section within your store, linked from your allergen policy page, that records the date and nature of any allergen-relevant changes to your products. This costs very little to maintain and provides a useful reference for customers who buy from you regularly and may have made assumptions about a product's allergen profile based on a previous purchase. It also demonstrates to any reviewing authority that you treat allergen management as an ongoing process rather than a one-time labelling exercise.
For high-risk changes — the introduction of a nut allergen into a product that previously contained none, for example — consider a direct email to your customer list with a clear subject line and a straightforward explanation of what has changed and why. Most email marketing platforms used alongside Shopify allow you to segment by purchase history, so you can target only customers who have actually bought the affected product. Transparency of this kind builds genuine customer loyalty, particularly among allergen-sensitive households who often report that finding a trusted food supplier is genuinely difficult.
Add professional, accurate allergen labels to your Shopify product pages.
Try Allergen Matrix free at saltai.app — no credit card required.
SaltAI Team
SaltAI builds focused Shopify apps for food merchants and general merchants. Every app is tested in production at a real food store — including Vanda's Kitchen — before it ships.