Before continuing, ensure the following:

Access your store in Ollie’s admin panel, go to Versions, then the Props Configuration tab, and add or update the properties you want to modify.

​
font
json

Customize the font family and load fonts via URL to control typography.

json
"font": {
    "href": "https://fonts.googleapis.com/css2?family=Roboto",
    "family": "\"Roboto\", sans-serif"
  }
​
flags
string

Enable or disable key checkout features such as guest checkout, sharing cart, detailed summary, multiple orders, coupon display style, and billing options.

  • "shareCart": true
  • "allowGuest": false
  • "summaryDetailed": true
​
steps
json

Define the checkout flow steps, including step IDs, names, and optional custom page references.

json
 "steps": [
   {
     "id": "contact",
     "name": "Contact",
     "page": "empty"
   },
   {
     "id": "shipping",
     "name": "Delivery",
     "page": "page-shipping-dev"
   },
   {
     "id": "payment",
     "name": "Payment"
   }
 ]
​
messages
json

Localize all UI texts, labels, buttons, messages, and modal content for multiple languages and regions.

json
 "messages": {
     "en-ca": {
       "components": {
         "coupon": {
           "input": "Promo code",
           "button": "Add"
         }
       }
     },
     "fr-ca": {
       "cart": {
       "components": {
         "coupon": {
           "input": "Code de promo",
           "button": "Ajouer"
         }
       }
     }
   }
 }
​
metadata
json

Set page metadata like title and description for SEO and accessibility.

json
  "metadata": {
    "title": "Ollie | Checkout",
    "description": ""
  }
​
analytics
string

Integrate analytics by specifying IDs like Google Tag Manager.

  • "gtmId": GTM-14MNJQAL