> ## Documentation Index
> Fetch the complete documentation index at: https://www.cashfree.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# BNPL Plus Plugin

> Add the Cashfree BNPL Plus widget to your Shopify product pages to surface BNPL offers and EMI options that boost conversion before customers reach checkout.

BNPL Plus is a display tool you can add on your product page that will display offers and EMI options at the product page.

## Prerequisites

* Credentials to log in to your Shopify account.
* Register for an [account with Cashfree Payments](https://merchant.cashfree.com/merchants/signup) before you start integration.

## Integration steps

1. Use the [installation link](https://apps.shopify.com/cashfree-smartsell) to install the app from the Shopify app store.
2. Click on **Apps**> **App Name**. Configure the App by providing your Cashfree App ID, and select the required options such as Offers, Pay Later, and EMI. Click **Save**. You can access the Cashfree App ID from the Developers section. Read more to know more about [API keys](/api-reference/authentication#generate-api-keys).

<img src="https://mintcdn.com/cashfreepayments-d00050e9/3p7irhmTjRVwqRH8/static/payments/pg/shopify/SS-BNPL-Plus-v2.png?fit=max&auto=format&n=3p7irhmTjRVwqRH8&q=85&s=451b8ca0eb6bc597d7d27ff7dafcf6f1" alt="" width="1763" height="880" data-path="static/payments/pg/shopify/SS-BNPL-Plus-v2.png" />

3. Go to **Shopify store admin** > **Sales channels** > **Online Store** > **Themes** and click **Customise**.

<img src="https://mintcdn.com/cashfreepayments-d00050e9/3p7irhmTjRVwqRH8/static/payments/pg/shopify/Screenshot_2023-02-15_at_2.19.55_PM.png?fit=max&auto=format&n=3p7irhmTjRVwqRH8&q=85&s=5c78d8813e75dc7e2971646261b659df" alt="" width="3446" height="1750" data-path="static/payments/pg/shopify/Screenshot_2023-02-15_at_2.19.55_PM.png" />

4. Select the product from the default product drop-down menu. For example: **Products** -> **Default** **product**. Select the desired theme and customise your page. An image of the product page before the addition of BNPL Plus is shown below.

<img src="https://mintcdn.com/cashfreepayments-d00050e9/3p7irhmTjRVwqRH8/static/payments/pg/shopify/Screenshot_2023-02-15_at_3.03.04_PM.png?fit=max&auto=format&n=3p7irhmTjRVwqRH8&q=85&s=fe51ed2ba06486f77822e3eaeb24257c" alt="" width="3446" height="1930" data-path="static/payments/pg/shopify/Screenshot_2023-02-15_at_3.03.04_PM.png" />

5. Click the **Add block** option and select **offer widget extension**. Drag this block and place it below the product price preferably or place it according to your convenience. Click **Save**.

<img src="https://mintcdn.com/cashfreepayments-d00050e9/Z2hkDQBwGJ-3Zpw-/static/payments/pg/shopify/Screenshot_2023-04-10_at_9.08.38_PM.png?fit=max&auto=format&n=Z2hkDQBwGJ-3Zpw-&q=85&s=db53c97bc03d6649f244354aabaa7802" alt="" width="3014" height="1594" data-path="static/payments/pg/shopify/Screenshot_2023-04-10_at_9.08.38_PM.png" />

BNPL Plus is now successfully integrated with Shopify. You can see the BNPL Plus enabled on the product page. The image below shows how the app looks on the Shopify product page after successful integration.

<img src="https://mintcdn.com/cashfreepayments-d00050e9/3p7irhmTjRVwqRH8/static/payments/pg/shopify/Screenshot_2023-02-22_at_11.48.57_AM.png?fit=max&auto=format&n=3p7irhmTjRVwqRH8&q=85&s=71bd0d0905dae30453ef770572ed451d" alt="" width="3456" height="1408" data-path="static/payments/pg/shopify/Screenshot_2023-02-22_at_11.48.57_AM.png" />

<Note>
  BNPL Plus Widget is only supported for production environment. Also online store 2.0 Shopify themes are supported.
</Note>