Fixes and improvements to the WooCommerce + Bookly integration for [1], identified and resolved during the [2].
The booking flow had several compounding issues: a required field had gone missing from product pages, the intake form was appearing in the wrong context, calendar invites looked untrustworthy, and a UI bug made form fields invisible. Each issue was diagnosed live and assigned for resolution.
Product pages were broken for checkout. The "Installation Method" selector (DIY Install vs. Flynn Audio Install) had been removed from the product page UI, but the underlying WooCommerce requirement for the field remained. Customers clicking "Add to Cart" received a red validation error: "Installation method is a required field."
The selector was removed from the product page display without removing the corresponding field requirement — likely a partial update during a prior site change.
Re-add the "Installation Method" selector to the checkout page (rather than individual product pages). This keeps the product pages clean while still capturing the required information before payment.
Additional context: A note should appear on product pages clarifying that products are available for in-store pickup only (no shipping). Suggested copy: "Product is available for in-store pickup only."
Karly Oykhman
The intake form link was placed on the generic WooCommerce "Thank You" page, which displays after any purchase — including customers who only bought parts for self-installation. This caused confusion: parts-only customers were being prompted to fill out an installation intake form irrelevant to their order.
Sam Flynn will send the intake form link to Karly to embed in the confirmation email template.
The Google Calendar invite link in the Bookly confirmation email rendered as a long, raw URL. Customers were hesitant to click it because it looked spammy or untrustworthy. Additionally, the calendar event lacked a store location and had an auto-generated title that didn't clearly identify the appointment.
Flynn Audio Appointment for all bookings.Note on dynamic links: The Google Calendar link is unique per booking (auto-generated), so it cannot be replaced with a static button URL. The fix is to wrap the dynamic link in descriptive anchor text rather than displaying the raw URL.
Karly Oykhman
Placeholder text in the Bookly checkout form fields was rendering white on a white background, making fields appear empty and unlabeled. The text was confirmed present (visible when selected with Ctrl+A) but invisible under normal viewing conditions.
Change placeholder text color to black (or dark gray) in the checkout form CSS.
Karly Oykhman
Rather than purchasing a $16/year plugin to handle deposits as add-ons, Sam Flynn will duplicate the existing Bookly service options and create parallel versions with deposits built into the price. This keeps the service list simple (currently 3 options) without adding plugin overhead.
Assigned To: Sam Flynn
An extraneous checkbox in the Bookly checkout flow was identified for removal.
Assigned To: Karly Oykhman
After fixes are applied, a customer completing an installation booking should receive:
| Sender | Contents | |
|---|---|---|
| WooCommerce order confirmation | WooCommerce | Payment receipt, order details, billing info |
| Bookly appointment confirmation | Bookly | Appointment date/time, Bookly notes, intake form CTA button, Google Calendar link (with CTA text), store location |
The store also receives two internal notifications: one from Bookly (appointment details + notes) and one from WooCommerce (payment confirmation).