Checkout Extension
Surface store credit at checkout — show available balance, apply credit as a payment method, and preview cashback earned on the current order.
The Checkout Extension is only available on Shopify Plus. Non-Plus stores can use the Customer Account Extension to display loyalty information, but won't have checkout integration.
The Checkout Extension surfaces loyalty information at the most critical moment in the shopping experience — checkout. It shows customers their available store credit, lets them apply it as a payment method, and previews how much cashback they'll earn from the current purchase.
What Customers See
The checkout extension renders an app block within the Shopify checkout page showing:
- Available credit — The customer's current store credit balance in real-time
- Apply credit toggle — Customers choose whether to use their credit on this order
- Live order adjustment — The order total updates in real-time when credit is applied or removed
- Earn preview — Shows how much cashback credit the customer will earn from this purchase
- Program branding — Reinforces the tier name and membership program identity
Why It Matters
The checkout is where loyalty programs either create value or get forgotten. By surfacing credit at checkout, you:
- Increase redemption rates — Customers use credit they might otherwise forget about
- Reinforce program value — Customers see the tangible financial benefit right when it matters
- Drive larger baskets — Customers often spend more than their credit balance, treating credit as a discount on a larger order
- Reduce cart abandonment — Available credit gives customers an additional reason to complete the purchase
Setup
Open the Angle app
Open the Angle app in Shopify Admin and navigate to Onsite in the sidebar.
Open Checkout Editor
Click Customize under the Checkout Extension card. You'll be redirected to Shopify's Checkout Editor.
Add the app block
Click Add App Block, search for "Angle Store Credit Memberships", and select it.
Position and save
Drag the block to the desired position (Payment section or Order Summary section work best). Click Save to publish.
Requirements
| Requirement | Details |
|---|---|
| Shopify Plus | Required — the checkout is not extensible on non-Plus plans |
| Checkout Extensibility | Must be enabled on your Shopify Plus store |
| Active Angle membership | Program must be configured and activated |
| Customer logged in | The extension only shows for authenticated customers with a loyalty profile |
Best Practices
- Position the block where customers look — The Payment section or Order Summary section are the most effective placements
- Combine with the Customer Account Extension — The account extension drives awareness and wallet pass adoption; the checkout extension drives redemption and basket size
- Test with an enrolled customer who has available credit to verify that credit display, application, and order total adjustment all work correctly before going live
- Use consistent branding — The program name shown at checkout should match wallet passes, account pages, and marketing emails