> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.bloy.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to customize checkout page with checkout extensibility?

# 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.

|| **Customize Checkout page with checkout extensions (For Shopify Plus only.**)




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.



![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/c/9/59c9b009a3f42400/image-23_1hytxpn.png)


### 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.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/c/9/59c9b009a3f42400/05062-trim_wyt2ek.gif)


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

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/c/9/59c9b009a3f42400/05062-trim-trim-trim-1_1qv3kdj.gif)

Click **Save** to apply the changes.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/c/9/59c9b009a3f42400/05062-trim-2_1spdkxc.gif)


### 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.



![](https://storage.crisp.chat/users/helpdesk/website/-/5/9/c/9/59c9b009a3f42400/checkout-step-3-trim_54li5r.gif)

### 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](mailto:support@bloy.io)