Supplement shoppers are some of the most spec-driven buyers on Shopify. They compare protein per serving, sweetener type, third-party testing, and price per serving — often on a phone, often before they’ve fully committed to your brand. Adding a Shopify supplement comparison table reduces that friction by collapsing the comparison into one view. This guide walks through how to add a comparison table to your Shopify supplement store using your existing metafield data, with the parent reference at our Shopify comparison tables for supplement stores page.
The setup takes about 20 minutes the first time (most of which is defining metafields) and 5 minutes for every table after that.
Step-by-step setup for a supplement comparison table
Step 1 — Install SimplyCompare from the Shopify App Store
Click Add app, approve standard product-read permissions, and the app loads inside your Shopify Admin. No theme code is changed at install time.
Step 2 — Set up supplement-specific metafields
In Settings → Custom data → Products, define metafields for what supplement shoppers actually compare:
custom.servings_per_container(integer) — e.g. 30custom.protein_per_serving_g(decimal) — e.g. 24.0custom.calories_per_serving(integer) — e.g. 120custom.sweetener(single line text) — e.g. “Stevia + monk fruit” or “Sucralose”custom.flavor(single line text) — e.g. “Vanilla bean”custom.tested_by(single line text) — e.g. “Informed Sport” or “NSF Certified for Sport”custom.dietary_flags(multi-line text) — e.g. “Gluten-free, soy-free, lactose-free”custom.price_per_serving(decimal) — e.g. 1.85 (you can compute this once and store it; or just store servings + price and let shoppers do the math)
Fill in these values on each supplement product. The protein and price-per-serving fields are usually the most decision-relevant for protein powders; for vitamins, swap to dose-per-serving and active ingredients.
Step 3 — Create your comparison table
Open SimplyCompare, click New table, name it for the comparison context (e.g. “Whey isolate — comparison” or “Daily multivitamins”). Add the supplement products you want to compare; three to five products per table is the sweet spot for supplements.
Step 4 — Choose your row order
Drag your metafields into the row editor. Suggested ordering for protein powders: protein per serving, calories, sweetener, third-party testing, dietary flags, servings per container, price per serving, flavor. For multivitamins: active ingredients, dose, third-party testing, capsule type, servings per container, price.
Step 5 — Embed the comparison on your storefront
In Shopify Theme Editor, navigate to the page where the comparison should live. Add the SimplyCompare app block from the section sidebar, select your table, save. The comparison renders the moment you save and updates automatically as you edit your products.
What your supplement comparison table can display
Beyond the basics, supplement merchants often surface:
- Protein source — whey isolate, plant-based, casein
- Active ingredient list — what shoppers compare directly for vitamins and pre-workouts
- Allergen profile — gluten, soy, dairy, nuts
- Third-party certifications — Informed Sport, NSF, USP — increasingly a buying factor
- Serving size and servings per container — for fair price-per-serving math
- Flavor options — for pre-workouts and protein powders
- Sweetener and texture — sometimes the deciding factor for repeat purchase
Pro tips for supplement merchants
Always include third-party testing as a row. Shoppers care about it more than merchants typically realize. Surfacing certifications builds trust and drives conversion.
Compute price per serving and store it. Don’t make shoppers do the math. Store custom.price_per_serving directly so it sits in the comparison row as the unit-economics signal.
Keep flavors out of the main spec table. Flavor variety is a marketing point, not a spec comparison. List it once at the bottom rather than as a row.
Frequently asked questions
How do I show protein content in my Shopify supplement comparison table?
Create a metafield with namespace custom, key protein_per_serving_g, type Decimal. Fill in each product (e.g. 24.0 for a whey isolate). SimplyCompare displays it as a comparison row. Use the display label “Protein per serving (g)” in the row editor.
Can I include third-party testing certifications?
Yes. Use custom.tested_by as a single-line text metafield and write the certification name (e.g. “Informed Sport”). Add it as a row. For products without certification, leave the value blank or write “—”.
Do I need separate tables for protein powders and multivitamins?
Yes. The decision-driving rows are different. Build one table per supplement category and embed each on its respective collection page.
Will the comparison table show price per serving automatically?
Only if you store it as a metafield. The cleanest approach is to compute and store custom.price_per_serving (or update it whenever you reprice). Some merchants store servings and price separately and let shoppers do the math; either works.
What if my supplement product has multiple flavors?
If each flavor is a separate Shopify product, you can include them in the same table or separate tables. If flavors are variants on a single product, the comparison shows shared specs and treats flavor as a separate row.
Comparison tables that match your supplement catalog
SimplyCompare reads from your Shopify metafields, so updates to your protein content, third-party testing, or price per serving flow through to every comparison table on your store automatically.