AllergenBadge is installed

Show allergens and dietary suitability on your product pages.

  1. 1

    Create the product metafields

    Open Settings > Custom data > Products and add these single-line text metafields: custom.allergens, custom.dietary (optionally custom.allergen_notes).

    Open metafield settings
  2. 2

    Fill in each product

    On a product, set allergens with a comma-separated list of the allergen codes below (e.g. milk, eggs, gluten) and dietary with the dietary codes (e.g. vegetarian, nut_free). Use allergen_notes for free text such as "May contain traces of nuts."

  3. 3

    Add the block to your theme

    In the theme editor, open a Product template, click Add block, and choose Allergens & Dietary. Save. The badges appear automatically per product.

    Open Theme Editor

Allergen codes

glutenCereals containing gluten
crustaceansCrustaceans (prawns, crab, lobster)
eggsEggs
fishFish
peanutsPeanuts
soyaSoya (soybeans)
milkMilk (dairy)
tree_nutsTree nuts (almond, hazelnut, walnut…)
celeryCelery
mustardMustard
sesameSesame seeds
sulphitesSulphur dioxide / sulphites
lupinLupin
molluscsMolluscs (mussels, squid, oysters)

Dietary codes

veganSuitable for vegans
vegetarianSuitable for vegetarians
gluten_freeGluten-free
dairy_freeDairy-free
nut_freeNut-free
organicCertified organic
halalHalal
kosherKosher