A skincare shopper reading your product page is doing something most other ecommerce customers aren’t: cross-checking your claims against what’s actually in the bottle. They’ve likely been burned before by a “natural” moisturiser that turned out to have fragrance high on the ingredient list, or a “cruelty-free” claim with no certification behind it. If your Shopify product page makes them hunt for the INCI list or bury it in a PDF, you’ve lost some of that trust before they’ve even added to cart.
This isn’t about compliance paperwork, that’s a separate topic. This is about the product page structure itself: where ingredients live, how INCI lists should be formatted so they’re actually readable, and how to display certification badges (cruelty-free, vegan, COSMOS organic and similar) in a way that looks credible rather than like a sticker sheet.
We work with beauty and skincare brands building and optimising Shopify stores, and the ingredient/certification section is consistently one of the most under-built parts of the PDP, usually because it gets handballed to a generic “description” text block instead of being treated as its own structured content type. Below is how to fix that using Shopify’s native tools, plus where brands typically go wrong.
Why the Ingredient Section Deserves Its Own Structure
On most Shopify themes, the default product template gives you a title, price, a rich-text description field, and an “Add to cart” button. Ingredients get typed into the bottom of that description field as a wall of text, usually in whatever font size the last person who edited it left it in.
That’s a missed opportunity for three reasons:
- Skincare shoppers scan for specific things, a hero ingredient (niacinamide, retinol, salicylic acid), an allergen they avoid, or confirmation something is “fragrance-free.” A wall of text buried under three paragraphs of brand story makes that scanning slow or impossible.
- Search engines reward structured, specific content. A dedicated, well-labelled ingredients section signals topical relevance for terms like “[product] ingredients” or “[ingredient] skincare” far more than a paragraph mentioning ingredients in passing.
- Trust signals need visual separation. A certification badge sitting inline in body text reads as decoration. The same badge in a labelled “Certifications” row with alt text and (ideally) a tooltip reads as a claim you’re standing behind.
Structuring the PDP: A Practical Framework
Treat a skincare product page as having distinct content zones, each with a specific job. This is the structure we recommend as a baseline:
- Above the fold, product imagery, name, price, key claims as short badges (e.g. “Vegan,” “Fragrance-free,” “Non-comedogenic”), Add to cart.
- Short-form benefit copy, two or three sentences on what the product does and who it’s for. Not ingredients yet.
- Key ingredients callout, three to six hero ingredients with a one-line explanation each of what they do. This is marketing-friendly and usually the most-read part of the page.
- Full INCI list, the complete, ordered ingredient list, kept separate from the key ingredients callout.
- How to use, application steps, frequency, patch-test guidance if relevant.
- Certifications and claims, badges with labels, ideally linking to what each certification actually means.
- Reviews and FAQ, social proof and objection handling.
The two sections worth building properly on Shopify, because themes rarely handle them well out of the box, are the full INCI list and the certifications block.
Building the INCI List Section in Shopify
The INCI (International Nomenclature of Cosmetic Ingredients) list is the standardised, Latin-and-common-name ingredient listing used industry-wide. It needs to be complete, in the correct descending-concentration order as supplied by your formulator or contract manufacturer, and easy to isolate from marketing copy, some shoppers will screenshot it to check against an allergy list or an app.
The cleanest way to do this on a modern Shopify theme (any Online Store 2.0 theme, which is the current standard for all new Shopify themes) is with a product metafield, not a hand-typed block in the description:
- Go to Settings > Custom data > Products in the Shopify admin.
- Add a new metafield definition, a Multi-line text type works well for a full INCI list, name it something like
ingredients.full_inci_list. - Populate it per product from the Metafields section at the bottom of each product’s edit page.
- In the Theme editor, add a Collapsible content or Tabs block to the product template (Dawn and most current free and paid themes include one) and bind it to the metafield instead of typing static text.
Why bother with a metafield instead of just typing it into the description? Three reasons: it keeps the INCI list visually and semantically separate from marketing copy (helpful for both shoppers and search engines), it lets you reuse the same field consistently across every product without someone reformatting it by hand each time, and it makes future bulk edits or an eventual reformulation update far less error-prone, you’re editing one structured field, not hunting through free text.
Formatting checklist for the INCI list itself:
- List ingredients in descending order of concentration, as supplied by your formulator, don’t reorder for “readability.”
- Use standard INCI names, not marketing names (e.g. “Aqua” not “Purified Water,” though a bracketed plain-English gloss for key ones is genuinely useful, “Tocopherol (Vitamin E)”).
- Keep line breaks or commas consistent across every product page, visual inconsistency between products reads as sloppy.
- Flag common allergens or the “26 EU allergens” style fragrance components separately if your formulator provides that breakdown, so scent-sensitive shoppers don’t have to parse the full list themselves.
- Never abbreviate or drop ingredients present in small amounts, a partial list is worse than a hard-to-read full one.
Displaying Certifications and Claims Credibly
Cruelty-free, vegan, palm-oil-free, COSMOS organic, Australian Certified Organic, whichever certifications genuinely apply to a product, the badge itself is only doing half the job if it’s a static image with no context.
A stronger approach:
- Use Shopify metaobjects for certifications (Settings > Custom data > Metaobjects) so each certification is its own reusable content entry, logo, short description of what it means, and optionally a link to the certifying body. Assign the relevant certification metaobjects to each product via a metafield reference.
- Give each badge a real alt tag and, where possible, a hover/tap tooltip explaining what it means, “Certified Cruelty-Free” means something different from “we don’t test on animals,” and shoppers increasingly know the difference.
- Only display a certification on products that actually hold it. This sounds obvious, but it’s a common inconsistency when certification badges get added at a template level rather than a per-product level, a whole collection ends up displaying a badge only two of the twelve products are actually certified for.
- Keep claim language honest and specific. “Formulated without parabens” is a defensible, checkable claim. “Chemical-free” isn’t a meaningful claim (water is a chemical) and tends to erode credibility with the exact audience that reads ingredient lists closely.
Common Mistakes We See on Skincare PDPs
- Ingredients typed as one unbroken paragraph inside the main description, with no visual separation from brand copy.
- Certification badges pulled in as a generic image strip on every product page via the theme footer or a fixed section, regardless of which products actually qualify.
- INCI names inconsistently cased or punctuated between products, which looks unpolished and can trip up the on-page schema you might later want to add.
- No allergen or “may contain” callout even when the formulator has supplied one, leaving that information in a PDF spec sheet nobody links to.
- Key ingredient callouts that repeat the full INCI list rather than translating it, shoppers want to know niacinamide is in there and what it does for them.
Making Ingredient Content Work Harder for SEO
Because the full INCI list and key-ingredients callout sit in structured, labelled sections rather than buried inside a generic description, they also do more work for search visibility. A shopper searching “niacinamide serum ingredients Australia” or “[ingredient] fragrance-free moisturiser” is often further along in deciding what to buy than someone searching your brand name, and a properly labelled ingredients section is exactly the kind of specific, genuinely useful content that tends to earn that traffic, rather than a thin paragraph repeating the same three adjectives every competitor uses.
A few things worth doing once the section is built:
- Use the actual heading text “Ingredients” and “Full Ingredient List (INCI)” rather than vague labels like “The Details,” so both shoppers and search engines can find it quickly.
- Keep the key-ingredients callout copy genuinely different between products, don’t reuse the same boilerplate sentence about niacinamide on ten different SKUs, since that reads as thin content at scale even if each individual page looks fine.
- If a product has a hero ingredient with real search demand behind it, make sure that ingredient’s function is explained in plain language somewhere on the page, not just listed in Latin INCI form.
Getting this right on a handful of hero products is a reasonable weekend project. Doing it consistently across a catalogue of 60, 150 or 300+ SKUs, with metafields, metaobjects and theme sections set up so your team can update it without a developer every time, is where most in-house teams run out of time. If you’re building or rebuilding a skincare storefront and want the ingredient, certification and claims architecture done properly from the start, that’s the kind of structural work covered under Nexly’s Shopify work for beauty and skincare brands.
FAQ
Do I need to display the full INCI list on my Shopify product page, or is a summary enough?
A summary of key ingredients is good for marketing, but most skincare shoppers, and increasingly regulators in various markets, expect the complete ingredient list to be available somewhere accessible on the product page, not hidden behind a support request. Treat the full INCI list as a baseline requirement and the key-ingredients callout as an addition, not a replacement.
Should ingredients go in the product description or a separate section?
A separate, clearly labelled section (built with a metafield and a collapsible or tab block) works better than embedding them in the description. It keeps marketing copy readable, makes the ingredient list easier to scan or screenshot, and is easier to maintain consistently across a large catalogue.
Can I use the same certification badge design across my whole store?
Only on the products that actually hold that certification. Using metaobjects to manage certifications means you assign them per product rather than applying a badge strip globally, which avoids implying a claim about products that don’t qualify.
What’s the difference between “vegan” and “cruelty-free” and does it matter for my product page?
Yes, it matters, and conflating them is one of the more common trust-eroding mistakes on skincare PDPs. “Vegan” refers to the absence of animal-derived ingredients; “cruelty-free” refers to animal testing practices, a product can be one without the other. Label each claim accurately and separately rather than using them interchangeably.
Do I need a developer to set up metafields for ingredients and certifications?
Not necessarily for the initial metafield setup, Shopify’s admin lets any store owner create metafield definitions and metaobjects without code. Where it usually pays to bring in a developer is wiring those fields into the theme cleanly across every product template and variant, especially if your theme wasn’t built with Online Store 2.0 sections from the start.
Ready to fix your product pages?
If your ingredient lists, certifications and claims are scattered across descriptions, PDFs and inconsistent badge images, a structured Shopify audit will show you exactly where the gaps are and what to fix first. Or if you’d rather talk it through, book a call with our team.
