Certainly. Below is the complete combined documentation for both the Customer Account Extension and Checkout Extension in a single unified article for the Angle Store Credit Memberships app.
Overview
The Angle Store Credit Memberships app provides two powerful onsite extensions to enhance the visibility and usability of your membership and store credit program:
- Customer Account Extension – Displays membership status and credit balances in the customer account.
- Checkout Extension – Surfaces store credit and membership perks directly during checkout.
These extensions drive customer engagement and reinforce the benefits of your loyalty program at key customer touchpoints.
Prerequisites
- Shopify Online Store 2.0 theme
- Shopify’s New Customer Accounts feature enabled
- For checkout extension: Shopify Plus or checkout extensibility support
1. Customer Account Extension
Purpose
This extension embeds a membership card on any customer account page, showing:
- Membership Name and Tier
- Available and Pending Store Credit
- QR Code to Download Wallet Pass
Steps to Add the Extension
- Open Theme Editor
- Go to Online Store > Themes, click Customize on your active theme.
- Select a Customer Account Page
- Use the dropdown at the top to select a customer template (e.g.,
profile, orders, addresses).
- Add the App Block
- In the left sidebar, find the section you want to add to (e.g., Main).
- Click Add block, search for
Angle Customer Account Extension, and add it.
- Preview Display
- The block will render live, showing:
- Tier name
- Balance and Pending Balance
- QR code to download the Wallet Pass
- Customize and Save
- Drag and drop to reposition if needed.
- Click Save to apply the changes.
Example
A customer viewing their account might see:
Benefits
- Increases visibility of earned store credit.
- Drives return visits and redemptions.
- Seamlessly integrates with membership tiers.
2. Checkout Extension
Purpose
The Checkout Extension integrates directly into the Shopify checkout experience, letting customers:
- View available store credit
- See how much store credit will be earned on this order
- Apply existing store credit to their current order (e.g., “Use my Pack Perks™”)
Example of Ruffwear Pack Perks™ membership program.
Steps to Add the Extension
- Open Angle App
- Go to Apps > Angle Store Credit Memberships > Onsite.
- Select Checkout Extension
- Click Customize under the Checkout Extension card.
- Launch Checkout Editor
- You’ll be redirected to Shopify’s Checkout Editor (Shopify Plus only).
- Insert the App Block
- Click Add App Block, search for
Angle Store Credit Memberships.
- Drag the block to a suitable location (e.g., Payment or Order Summary).
- Save Changes
- Click Save to publish the block.
Key Features
| Feature | Description |
|---|
| Credit Display | Shows total available store credit |
| Apply Credit Toggle | Customers choose whether to use credit |
| Loyalty Messaging | Reinforces tier name and perks (e.g., “Pack Perks™”) |
| Live Order Adjustment | Updates total in real time when credit is applied |
Best Practices
- Use consistent branding across account, wallet pass, and checkout (e.g., “Pack Perks™”).
- Test with an enrolled customer with available credit for preview.
- Combine with Tiered Rewards to tailor experiences by membership level.
Troubleshooting
| Issue | Resolution |
|---|
| App block not visible in editor | Ensure the correct customer or checkout template is selected |
| Store credit not displaying | Verify the customer has credit and is logged in |
| Checkout extension unavailable | Confirm store is on Shopify Plus with Checkout Extensibility enabled |
| QR Code not showing in account view | Ensure Wallet Pass is configured for the tier in the Angle app |
Summary
| Extension | Location | Key Functionality |
|---|
| Customer Account | Any customer page | Show balance, tier, wallet pass QR code |
| Checkout | Checkout page | Show/apply credit, highlight perks, reinforce loyalty |
Next Steps
- Configure Wallet Pass content from each tier’s settings.
- Set up tier-based rewards and referrals for deeper loyalty engagement.
- Monitor membership performance via reporting tools (if available).
For further support, use the Contact Us link inside the app or refer to Shopify’s Extension Developer Documentation.