PopFrame Launch Pack
PopFrame Shopify Launch Pack
Updated for 249€ Batch One Preorder — Trilingue EN/FR/ES
---
1. Preview locally
Open index-preview.html by double-clicking the file in Finder, or run:
open /Users/enzo/royal-pop-shopify/index-preview.html
The file is fully self-contained. It requires internet access only to load fonts from fontshare.com and Google Fonts CDN. All JS is inline. Language switcher (EN/FR/ES) works in browser without a server.
---
2. Install the Liquid section in Shopify Dawn
1. Go to **Online Store → Themes → Customize → Edit code** 2. In the sections/ folder, click **Add a new section** 3. Name it popframe-landing 4. Delete the placeholder content and paste the full contents of sections/popframe-landing.liquid 5. Save
---
3. Create the page template
1. In the same code editor, go to the templates/ folder 2. Click **Add a new template → Page** 3. Name it popframe 4. Replace the content with the contents of templates/page.popframe.json 5. Save
---
4. Create a Shopify page and assign the template
1. Go to **Online Store → Pages → Add page** 2. Title: PopFrame — Batch One Preorder 3. In the **Theme template** dropdown on the right, select page.popframe 4. Save and publish
---
5. Import the product CSV
1. Go to **Products → Import** 2. Upload products/popframe-products-249.csv 3. Click **Import products** 4. All variants (Fit Preference × Colorway Preference) will be created at $249 5. **Important**: Products are imported as draft — set to Active only when ready
---
6. Configure the product for preorder
After importing:
1. Open the product **PopFrame Royal Pop Wrist Conversion System — Batch One Preorder** 2. Scroll to **Inventory** 3. Uncheck "Track quantity" 4. Set **When out of stock** to "Continue selling" (allows orders even with 0 inventory) 5. In the **Purchase options** section, check if you want to add a **Pre-order** badge app or just rely on the page copy 6. Add the preorder policy text from pages/preorder-terms.md to the product description 7. Status: Set to **Active** when you're ready to take orders
---
7. Configure the Liquid section settings
When the section is installed and the page template is applied:
1. Go to **Online Store → Themes → Customize** 2. Navigate to the PopFrame page 3. Click the **PopFrame Landing** section 4. Configure:
- **Product / Checkout URL**: `/products/popframe-royal-pop-wrist-conversion-system-batch-one`
- **Price display text**: `$249` (or `249 €` for FR market)
- **Default language**: `en` / `fr` / `es`
- **Enable sticky mobile CTA**: checked
---
8. Add preorder terms page
1. Go to **Online Store → Pages → Add page** 2. Title: Preorder Terms 3. Paste the content from pages/preorder-terms.md 4. Save
---
9. Add legal / FAQ page
1. Go to **Online Store → Pages → Add page** 2. Title: FAQ & Legal 3. Paste the content from pages/legal-and-faq.md 4. Save 5. Link it from the footer navigation
---
10. Shopify Markets / multi-currency
For US + EU dual pricing:
1. **Settings → Markets** 2. Enable **International** market (Europe) 3. Add EUR as a currency for European countries 4. Set pricing:
- Primary (US/Global): $249 USD
- Europe: 249 EUR (set manually or let Shopify convert with rounding rules)
5. Enable Shopify Payments for auto currency conversion
---
11. Tracking checklist
Before going live:
- [ ] Meta Pixel installed (Settings → Customer events → Meta Pixel)
- [ ] GA4 via Google & YouTube app or manual gtag
- [ ] Shopify Analytics enabled
- [ ] UTM links set up for all Meta ad URLs: `?utm_source=meta&utm_medium=paid&utm_campaign=batch-one-launch`
- [ ] Facebook Conversions API connected if running paid ads
- [ ] Email capture flow (Klaviyo or Shopify Email) set up for prototype updates
---
12. Legal disclaimer checklist
Verify these appear on the live site before running any traffic:
- [ ] "Watch not included" visible near purchase CTA
- [ ] "Independent aftermarket accessory" visible in hero area
- [ ] "Not affiliated with Audemars Piguet or Swatch" visible in FAQ/footer
- [ ] Preorder model clearly explained (not presented as in-stock)
- [ ] Refund before production lock clearly stated
- [ ] No AP/Swatch logos used
- [ ] No official partnership implied
- [ ] "Compatible with the Swatch × Audemars Piguet Royal Pop" — nominative use only
---
13. Changed files in this session
| File | Status | |------|--------| | index-preview.html | **Rewritten** — 249€ preorder, EN/FR/ES lang switcher, premium UI | | sections/popframe-landing.liquid | **Rewritten** — 249€ preorder, trilingue, Dawn-compatible | | templates/page.popframe.json | **Updated** — points to correct product URL | | products/popframe-products-249.csv | Exists — 19 variants (Fit × Colorway), all at $249 | | pages/legal-and-faq.md | Updated — trilingue EN/FR/ES | | pages/preorder-terms.md | Updated — trilingue EN/FR/ES | | docs/image-prompts.md | Updated — AI image generation prompts | | docs/translations.md | Updated — complete trilingual copy reference | | docs/preorder-policy.md | Updated — preorder policy text |
---
14. Assumptions and placeholders
- **Product URL** in the Liquid section is `/products/popframe-royal-pop-wrist-conversion-system-batch-one` — must match the actual Shopify product handle after import
- **Hero visual** is a CSS diagram — replace with actual product photos once prototype exists
- **Colorway swatches** use CSS gradient approximations — replace with actual swatch images
- **Timeline** says "confirmed after validation" — update to a specific date once tooling is locked
- **Compare at price** in CSV is $299 — remove or adjust based on marketing strategy
- **Font loading** requires internet — fontshare.com and Google Fonts CDN are external dependencies
---
15. Recommended Shopify apps (optional)
- **PreOrder Now** or **Shopify Pre-order Manager** — adds automatic "Preorder" badge to product tiles
- **Klaviyo** — email automation for prototype update sequences
- **Yotpo** or **Judge.me** — for collecting reviews once product ships
- Do NOT add these before you have actual orders — keep overhead minimal