Shopify setup guide
No OAuth or admin app: everything is configured in the Shopify Theme Editor. Follow these steps.
Shopify Theme App Extension
No OAuth admin app — configure in Theme Editor. Green Shopify accent (#95BF47). 96 widget languages on storefront.
Deploy
shopify app deploy or ZIP volade-affiliate-shopify-1.0.0.zip
App embeds
Theme → App embeds → Volade Global config / Product / Cart
Theme blocks
Customize → Add section → Volade (19 named blocks)
Metafields
Products → Metafields → volade.url, volade.ean, volade.compare_price
Shopify v1.0.0 scope
- Universal block: 60+ widgets from one section
- 19 named theme blocks + 3 app embeds
- Markets-aware locale in global embed (8 schema langs)
- Collection link injection + cart drawer reminder
- Shared Volade JS: theme, widgets, i18n, marketing
- Product compare auto from variant barcode / metafield EAN
3 app embeds to enable
- 1Volade Global config — affiliate ID, colours, marketing toggles
- 2Auto product compare — EAN / barcode on product template
- 3Cart reminder — drawer nudge before checkout
Shopify tips
- Always enable Volade Global config embed first — it loads window.VoladeShopify.config.
- Add volade.url metafield on hero products for direct deep links.
- Test on a duplicate theme before publishing live.
Volade affiliate ID
Copy your ID from volade.com/partners then paste it in the Global config app embed.
UTM ref= + utm_source=shopify on all links.
Installation checklist
- 1
Deploy the app
npm install && shopify app deploy — or ZIP volade-affiliate-shopify-1.0.0.zip
- 2
Global config app embed
Theme → App embeds → Volade Global config → affiliate ID + Markets + collection links + cart drawer.
- 3
Product & cart embeds
Enable Auto product compare and Cart reminder.
- 4
Product metafields
volade.url, volade.compare_price, volade.ean — auto-created on deploy (shopify.app.toml).
- 5
Theme blocks
Customize → Add Volade sections: deals, advanced search, categories, etc.
- 6
Publish & test
Check product page (EAN, price), cart, cart drawer. Commissions on volade.com/partners.
Product metafields (volade namespace)
Deployed automatically with the app. Available under Products → Metafields.
| Key | Type | Usage |
|---|---|---|
| volade.url | URL | Direct Volade link per product |
| volade.compare_price | Single line | “From X €” badge on compare button |
| volade.ean | Single line | EAN override if different from variant barcode |
16 blocks + 3 embeds
App embeds: Global config · Auto product · Cart reminder Blocks: volade-universal (89 types) + 19 named Metafields namespace volade
Get the best deals before everyone else
Buying guides, price alerts, promo codes and AI picks — straight to your inbox.
Max 1 email/week · 100% free · GDPR
Keep exploring Volade
Guides, tools and comparator — everything to shop smarter.