Skip to main content

Checkout

The Globber checkout is a multi-step form that guides customers through their purchase. It includes client-side field validation, an inline discount code input, and an optional newsletter opt-in — all configurable from the WordPress admin.

Checkout Steps​

The checkout is divided into sequential steps:

  1. Contact & Delivery — Customers fill in their name, email, and delivery address.
  2. Payment — Customers choose a payment method and enter payment details.
  3. Review & Place Order — A summary of the order is shown before final confirmation.

Field Validation​

Before a customer can advance to the next step, required fields are validated client-side:

  • Empty required fields are highlighted with an inline error message.
  • Email fields are checked for a valid format.
  • If validation fails, the page scrolls to the first invalid field and sets focus on it so the customer can correct it immediately.

This reduces server round-trips and gives customers instant feedback.

Inline Discount Code​

Customers can apply a discount code directly within the checkout order summary — without leaving the checkout flow.

How it works for customers​

  1. In the order summary panel, click Apply discount code.
  2. Enter the coupon code and click Apply.
  3. On success, the order total refreshes automatically to reflect the discount.
  4. If the code is invalid or already used, an error message is shown inline.
Discount codes and coupons

Coupon codes are created and managed in Marketing → Coupons in WordPress. See the Coupons guide for full instructions on creating and configuring coupon codes.

Newsletter Opt-In​

An optional newsletter opt-in checkbox can be displayed on the checkout page. When a customer checks it, their preference is captured for your email marketing platform.

Configuring the opt-in​

The opt-in is controlled via ACF (Advanced Custom Fields) settings in WordPress.

Navigate to Site Settings → Checkout (or the relevant ACF field group for your region) and configure the following:

SettingDescription
Enable checkout opt-inToggle to show or hide the newsletter checkbox on the checkout page.
Opt-in label textThe checkbox label shown to customers (e.g. "Subscribe to our newsletter for exclusive offers").
Email providerSelect Klaviyo or Mailchimp as your newsletter provider.

What happens when a customer opts in​

  • The opt-in status (true/false) and the selected provider are pushed to the GTM dataLayer on checkout submission.
  • The opt-in status is also saved as order meta in WooCommerce, so it's visible on the order detail page in the WordPress admin.
GTM & dataLayer

The opt-in data pushed to the GTM dataLayer can be used to trigger tags in Google Tag Manager — for example, to subscribe the customer to a Klaviyo list or a Mailchimp audience. See the GTM guide for more information on working with the dataLayer.

dataLayer event​

When the order is placed, the following data is pushed to window.dataLayer:

{
  event: 'checkout_newsletter_optin',
  newsletter_optin: true,        // or false
  newsletter_provider: 'klaviyo' // or 'mailchimp'
}

Your GTM workspace should have a trigger listening for the checkout_newsletter_optin event to pass the opt-in status to your email platform.

  • Customer Journey — End-to-end walkthrough of the customer purchase flow, including checkout.
  • Coupons — How to create and manage discount codes that customers enter at checkout.
  • Google Tag Manager (GTM) — How GTM manages tracking and integrations, including the checkout opt-in event.
  • Orders — Managing and processing orders after checkout.