How to customize checkout page with checkout extensibility?

Customizing your checkout page enhances the shopping experience and can boost conversions. With Shopify Plus and BLOY's Checkout Extensibility, you can seamlessly integrate loyalty features into your checkout flow.

To show loyalty points and rewards on checkout page, follow these steps below:

Step 1: Enable App Blocks on the Checkout Page

• In your BLOY dashboard, navigate to the Branding -> Checkout Extension settings.
• Under the Checkout Extensibility section, ensure that App blocks are enabled.

Step 2: Add app blocks on the Checkout page

• Once you click Add app block, you will be redirected to the Checkout editor, where you can add app blocks you want to display.

• Drag and drop the app block to your desired position on the page.

Click Save to apply the changes.

Step 3: Customize the Widget Block Content

• Click on the added BLOY app block to open its settings.
• Edit the text content to match your brand's voice and messaging.

Click Save to apply the changes.

Pro Tips

• Ensure that dynamic variables like {{PointsEarned}} are included to display the correct information.
• Strategic Placement: Position the loyalty widget in a prominent location, such as near the order summary, to maximize visibility and engagement.
• Consistent Branding: Customize the messaging to align with your store's branding for a cohesive customer experience.

Troubleshooting

• App Block Not Appearing: Ensure that you are using Plus plan on Shopify and the BLOY app is installed and properly integrated with your Shopify store.
• Widget Not Displaying Correct Information: Verify that the dynamic variables are correctly configured and that the app has access to the necessary data.

That's how you can customize checkout page with checkout extensibility. If you need assistance, feel free to reach out to us via in-app Live Chat or at support@bloy.io

Updated on: 17/10/2025