--- title: Service Page Tabs — 2026-04-05 type: article created: '2026-04-05' updated: '2026-04-05' source_docs: - raw/2025-10-15-la-marie-connect-service-page-tabs-94306503.md tags: - la-marie-connect - bookly - wordpress - zapier - american-extraction - doodla - service-pages - variants - booking-integration - meeting layer: 2 client_source: LaMarie Beauty industry_context: ecommerce transferable: false --- # Service Page Tabs — 2026-04-05 ## Overview Internal team sync to work through the variant implementation approach for [[wiki/clients/current/lamarie/index|La Marie Connect]] service pages, resolve the Bookly integration constraint, and get status updates on other active projects. Attendees: Ishaq (dev), Chris (dev), Melissa (PM). --- ## Key Decisions - **Variant-as-separate-service workaround adopted.** Bookly does not natively support service variations. The agreed approach is to register each variant as its own Bookly service on the backend, while presenting a unified tabbed/selector UI on the front end. Selecting a variant updates the page content and routes the "Book Now" button to that variant's specific Bookly flow. - **Vampire Facial chosen as the test case.** Rather than starting with a complex multi-variant service (e.g., Tox Juvo), the team will validate the pattern on the simpler Vampire Facial service first. - **Booking button filtering left in place.** Ishaq asked whether to undo the existing Bookly filtering system on service buttons; Chris confirmed it should remain as-is. - **Homepage "Book Now" interim redirect.** Pending client confirmation, the homepage "Book Now" button will temporarily redirect to the client's Square page (listing all products) rather than the Bookly service page while the full integration is being built out. - **Weekly La Marie calls extended through November 11th.** Calendar invites will be extended; cadence may be revisited depending on project pace. --- ## Action Items | Owner | Task | Notes | |---|---|---| | **Ishaq** | Build Vampire Facial service page with variant selector as a proof-of-concept | Melissa to provide the client's variant spec document in ClickUp | | **Melissa** | Update ClickUp task with variant implementation details and attach client's design reference doc | Do not route through designers — Ishaq already has the pages built | | **Melissa** | Confirm homepage "Book Now" → Square page redirect with client | Will follow up same day | | **Chris** | Continue troubleshooting Zapier integration | Awaiting additional info from client; will escalate to support if needed | | **Melissa** | Extend La Marie weekly calendar invites through November 11th | — | --- ## Technical Detail: Variant Implementation Approach The client (Roxanna's team) envisions **parent umbrella service pages** where a user can select a variant (e.g., "Lip Fill," "First Time Tox") and have the page content update dynamically to reflect that variant's details, images, and pricing — with the "Book Now" CTA routing to the correct Bookly flow for that specific variant. **The constraint:** Bookly has no native concept of service variations. **The workaround:** 1. Each variant is created as a **separate, standalone service in Bookly**. 2. On the WordPress front end, a single page presents all variants via a selector/tab UI. 3. When a variant is selected, JavaScript/page logic swaps the visible content and updates the "Book Now" button's target URL to point to that variant's Bookly booking flow. 4. The user experience appears unified; the backend remains a set of discrete Bookly services. Ishaq confirmed single-page implementation is feasible. The Vampire Facial test case will validate the full flow before the pattern is rolled out to more complex services (e.g., Tox Juvo with many variants). --- ## Project Status Updates ### American Extraction - Site is nearly complete and currently in **client review**. - Expected to go live **within the week** (as of 2026-04-05). - See [[wiki/clients/current/american-extraction/index|American Extraction]] for full project context. ### Doodla B2B - Product page **variation solution found** after significant investigation. - Ishaq planned to apply the solution and complete the product page the same day. - Next step: add wholesaler details, then the site is near completion. - See [[wiki/clients/current/doodla/index|Doodla]] for full project context. ### Zapier Integration (La Marie Connect) - Chris is actively troubleshooting an ongoing Zapier integration issue. - Blocked pending additional information from the client. - Will reach out to Zapier support if the issue persists; may loop in Ishaq depending on the nature of the connection problem. --- ## Relevant Transcript Excerpts > **Melissa:** "So you still have 50 Bookly flows, but ideally this page would be kind of a merged products." > **Ishaq:** "For Bookly, we need to add separate services… Yeah." > **Melissa:** "So if you're on this Neurotox, but you have the lip fill picked, that book-your-appointment would then go to that single product Bookly flow." > **Melissa (on homepage button):** "On the homepage, they want this 'Book Now,' instead of it going to this service page, until we get this Bookly running, they want it to go to a Square page with all the products listed." --- ## Related - [[wiki/clients/current/lamarie/index|La Marie Connect — Client Index]] - [[wiki/clients/current/american-extraction/index|American Extraction]] - [[wiki/clients/current/doodla/index|Doodla]]