Car Battery Pro
Getting Started

System overview

The moving parts of the Car Battery Pro platform on a single page.

System overview

๐Ÿ‘ค Ops ยท ๐Ÿ›  Dev

Car Battery Pro is made up of four moving parts. The store you see is Shopify; the "smart" features are powered by a custom API behind it.

The four parts

  1. Shopify store + theme โ€” the catalogue, cart, checkout, payments, and the customer-facing pages. The theme is the custom CBP codebase that Conversion Kings maintains.
  2. CBP backend API โ€” a custom service (hosted on Cloudflare Workers, in the separate eb-cbp-rego-lookup repo) that answers the questions Shopify can't: which battery fits this car?, is this postcode valid?, what installation slots are free?. It does this by calling external providers โ€” AutoInfo (vehicle data), Australia Post (postcodes), and Google (Calendar, Places, Gmail) โ€” and the Shopify Admin API to match batteries to products. See The backend API.
  3. Booking data source โ€” installation availability comes from Google Calendars that the CBP office controls (one per installer). Bookings are confirmed when the order is paid, via a Shopify webhook. See Appointments & scheduling.
  4. Tracking โ€” a Shopify Web Pixel forwards customer events into Google Tag Manager. See Tracking & Analytics.

How they fit together

Customer's browser
      โ”‚
      โ–ผ
Shopify store (CBP theme)  โ”€โ”€โ–บ  CBP backend API (Cloudflare Workers)
      โ”‚                              โ”‚   โ€ข vehicle lookup        โ†’ AutoInfo
      โ”‚                              โ”‚   โ€ข battery compatibility โ†’ Shopify Admin API
      โ”‚                              โ”‚   โ€ข postcode lookup       โ†’ Australia Post
      โ”‚                              โ”‚   โ€ข address autocomplete  โ†’ Google Places
      โ”‚                              โ”‚   โ€ข installation slots    โ†’ Google Calendars
      โ”‚                              โ–ผ
      โ”‚                         Installer Google Calendars (office)
      โ–ผ                                   โ–ฒ
Shopify checkout & orders โ”€โ”€ order_paid โ”€โ”€โ”˜  (confirms the booking)
      โ”‚
      โ–ผ
Google Tag Manager  โ—„โ”€โ”€ Shopify Web Pixel (tracking)

What's standard vs custom

CapabilityStandard ShopifyCustom CBP
Catalogue, cart, checkout, paymentsโœ…
Refunds, customers, shippingโœ…
Vehicle โ†’ battery matchingโœ…
Postcode delivery/installation checkโœ…
Installation booking + Order ID bundlingโœ…
Event tracking into GTMโœ…

If a task touches the Standard Shopify column, this handbook points you to Shopify's help docs. If it touches the Custom CBP column, it's documented in full here.

On this page