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

# One Click Checkout for Shopify

> Activate and integrate Cashfree One Click Checkout on your Shopify store with this step-by-step guide for onboarding, configuration, and going live.

Follow these steps to onboard and activate One Click Checkout (OCC) on your Shopify store.

### Prerequisites

Before proceeding with the installation, complete the following steps:

1. Complete the [Cashfree support form](https://merchant.cashfree.com/merchants/landing?env=prod\&raise_issue=1) or contact your account manager.

2. Create and share the collaborator request code. Use these steps:

   1. **Log 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.

3. Within 48 hours, you receive an app installation link, dashboard details, and setup instructions from Cashfree at your registered email address.

### Installation

To install the OCC app on Shopify:

1. Open the installation link, then **Log in** to Shopify to complete the installation.

2. Shopify redirects you to the **[Merchant Dashboard](https://merchant.cashfree.com/auth/login)** to finalise 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.

<Frame caption="">
  <video controls width="100%">
    <source src="https://mintcdn.com/cashfreepayments-d00050e9/u8Cr16YpkCLylH2l/static/payments/checkout/occ/inst.mp4?fit=max&auto=format&n=u8Cr16YpkCLylH2l&q=85&s=3d38a4d37e5281ffd8b384232a7bb325" type="video/mp4" data-path="static/payments/checkout/occ/inst.mp4" />

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

### Configure theme

Follow these steps to configure checkout on Shopify:

1. **Log in** to Shopify using your credentials.

2. Navigate to **Sales channels > 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={"dark"}
   {% render 'cashfree' %}
   ```

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

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

<Frame caption="">
  <video controls width="100%">
    <source src="https://mintcdn.com/cashfreepayments-d00050e9/u8Cr16YpkCLylH2l/static/payments/checkout/occ/thm.mp4?fit=max&auto=format&n=u8Cr16YpkCLylH2l&q=85&s=c730e4f03c03a4bd5d251f93c5e6b906" type="video/mp4" data-path="static/payments/checkout/occ/thm.mp4" />

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