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

# One Click Checkout for Shopify

> Learn how to integrate One Click Checkout on your Shopify store

This guide outlines the steps to onboard and activate One Click Checkout (OCC) for Shopify merchants using Telr.

## Prerequisites

Before proceeding with the installation, complete the following steps:

* Fill out the support form or contact your account manager

* Create and share the collaborator request code by following these steps:
  1. Sign in to your Shopify store using your admin credentials.

  2. Navigate to **Settings > Users and permissions**.

  3. Scroll down to the Collaborators section and copy the collaborator request code.

  4. Share your Shopify store URL.

* Within 48 hours, Telr will send you an app installation link, dashboard details, and setup instructions via your registered email ID.

## Installation

To install the OCC app on Shopify:

1. Click the installation link and log in to Shopify to complete the installation.

2. Shopify will redirect you to the [merchant dashboard](https://telr.cashfree.com/merchants) to finalize the installation.

3. To confirm the installation, check the installed apps in Shopify. The app should be listed as  `cashfree-occ-<brand>`.

4. You can now access your One Click Checkout dashboard.

<video controls width="100%">
  <source src="https://mintcdn.com/telr/-uG3dVZ7IVYDmoy3/static/payments/checkout/occ/inst.mp4?fit=max&auto=format&n=-uG3dVZ7IVYDmoy3&q=85&s=42b8138a836dcf577bcf2b11aba453c3" type="video/mp4" data-path="static/payments/checkout/occ/inst.mp4" />

  Your browser does not support the video tag.
</video>

## Configure theme

Follow these steps to configure checkout on Shopify:

1. Sign in to Shopify using your credentials.

2. Navigate to Sales **Channel > Online Store > Themes**.

3. Select the ellipsis (⋮) next to the live theme, then select **Duplicate** to create a copy.

4. Select the ellipsis (⋮) next to the duplicated theme, then select **Edit code**.

5. Search for and open the `theme.liquid` file.

6. Add the following code before the `</head>` tag:

   ```liquid theme={null}
   {% render 'cashfree' %}  
   ```

7. Select the ellipsis (⋮) next to the duplicated theme, then select Preview. Review and confirm the checkout.

8. Click **Publish** to set the updated theme as live.

<video controls width="100%">
  <source src="https://mintcdn.com/telr/-uG3dVZ7IVYDmoy3/static/payments/checkout/occ/thm.mp4?fit=max&auto=format&n=-uG3dVZ7IVYDmoy3&q=85&s=191fd0cf79fb341bd2696f0cb9dbd12d" type="video/mp4" data-path="static/payments/checkout/occ/thm.mp4" />

  Your browser does not support the video tag.
</video>