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

# Shopify

> Integrate FlexyPe's 1-click checkout into your Shopify store

FlexyPe replaces your Shopify checkout with a high-converting, 1-click experience. Onboarding is **fully managed** — you share collaborator access, our team builds the integration on a duplicate of your theme, and you approve a preview before going live.

<Info>
  Onboarding typically completes within **24–48 hours**. You'll work alongside the FlexyPe team throughout — most steps below happen in your Shopify admin or the FlexyPe app.
</Info>

## At a glance

<CardGroup cols={2}>
  <Card title="1. Collaborate" icon="handshake" href="#collaborate-store-with-flexype">
    Share a Shopify collaboration code so we can access your store.
  </Card>

  <Card title="2. Install the app" icon="download" href="#installation-of-flexype-app">
    Grant permissions and install the FlexyPe app.
  </Card>

  <Card title="3. Set up your store" icon="store" href="#get-started-with-flexype-app">
    Complete business, team, and payment details.
  </Card>

  <Card title="4. Pre-integration setup" icon="credit-card" href="#complete-pre-integration-setup">
    Connect payment gateways and advertising tools.
  </Card>

  <Card title="5. Go live" icon="rocket" href="#theme-setup-to-go-live">
    Review the preview and we make your checkout live.
  </Card>

  <Card title="Need help?" icon="life-ring" href="#need-help">
    Reach the FlexyPe team any time during setup.
  </Card>
</CardGroup>

## Collaborate Store with FlexyPe

<Steps>
  <Step title="Access your collaboration settings in Shopify">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-1.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=a326d53682a7a9a9ab1905757fe38f8c" alt="Shopify admin with the Settings option in the bottom-left panel" width="3024" height="1598" data-path="images/onboarding/onboarding-1.png" />
    </Frame>

    * Log in to your Shopify Admin account.
    * Click **Settings** in the bottom-left panel.
  </Step>

  <Step title="Get your collaboration code">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-2.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=32390397dc4fea42ed8c18a5ea0f2e4c" alt="Shopify Users and permissions screen showing the Collaborators section" width="3022" height="1614" data-path="images/onboarding/onboarding-2.png" />
    </Frame>

    * Go to **Users** → **Security** and scroll down to the **Collaborators** section.
    * Copy the **Collaboration Code** and share it along with your **Store URL** so we can send a collaboration request.

    <Warning>
      Do **not** click **Generate New Code** after sharing the collaboration code until the FlexyPe checkout integration is fully completed.
    </Warning>
  </Step>

  <Step title="Accept the collaboration request">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-3.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=792d365e882297a377a6ad7d1e348dca" alt="Accepting a collaboration request from FlexyPe Developers in Shopify" width="3024" height="1614" data-path="images/onboarding/onboarding-3.png" />
    </Frame>

    * You'll receive a collaboration request from **FlexyPe Developers**.
    * Accept the request to begin onboarding.

    <Note>
      The collaboration code lets us access your Shopify store to assist efficiently, both now and in the future. Our access is used solely for store-related support.
    </Note>
  </Step>
</Steps>

## Installation of FlexyPe app

<Steps>
  <Step title="Grant permissions and install the app">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-4.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=68cf2c94e31548fb687d9f20ecf0f712" alt="Granting permissions to install the FlexyPe app" width="3024" height="1600" data-path="images/onboarding/onboarding-4.png" />
    </Frame>

    * Once you accept the collaboration request, we'll send you the installation link.
    * Click the link and follow the prompts to grant the necessary permissions.
    * Click **Install** to complete the app installation.
  </Step>
</Steps>

## Get Started with FlexyPe app

<Steps>
  <Step title="Open the FlexyPe app">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-5.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=81a37dc3ab78e60c57a275866e7c6d0e" alt="Opening the FlexyPe app from the Apps panel in Shopify admin" width="3022" height="1596" data-path="images/onboarding/onboarding-5.png" />
    </Frame>

    * Open your Shopify Admin account.
    * Click **Apps** in the left panel and open the **FlexyPe** app.
  </Step>

  <Step title="Set up your store">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-6.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=e8246a45f0abf5d0de0ca03a37fcbd05" alt="FlexyPe store setup sections: business type, details, team, and payment" width="3024" height="1602" data-path="images/onboarding/onboarding-6.png" />
    </Frame>

    Complete these sections to finish setting up your store:

    * Business Type
    * Business Details
    * Business Team
    * Payment Setup

    <Note>
      Add your GST details, including GSTIN, to claim GST returns.
    </Note>
  </Step>
</Steps>

## Complete Pre-Integration Setup

<Steps>
  <Step title="Complete payment gateway setup">
    Select the gateways you want to enable for each **Payment Method**. If you already have **active accounts** with any of the gateways below, here's what each needs:

    <AccordionGroup>
      <Accordion title="PayU" icon="credit-card">
        Credentials are available in the PayU dashboard. **Webhook setup is mandatory.** Configuration completes instantly once done. [View setup →](/integrations/payment/payu)
      </Accordion>

      <Accordion title="Cashfree" icon="credit-card">
        Credentials are available in the Cashfree dashboard. **Webhook setup is required.** Configuration completes instantly thereafter. [View setup →](/integrations/payment/cashfree)
      </Accordion>

      <Accordion title="XPay" icon="credit-card">
        Credentials are available in the XPay dashboard. **Webhook configuration is required.** Setup completes instantly after this. [View setup →](/integrations/payment/xpay)
      </Accordion>

      <Accordion title="Easebuzz" icon="credit-card">
        Credentials are shared by the Easebuzz team. **Webhook configuration is required.** Once credentials are received, configuration completes instantly. [View setup →](/integrations/payment/easebuzz)
      </Accordion>

      <Accordion title="Razorpay" icon="credit-card">
        Requires account authorization; **no webhook setup needed.** Setup completes instantly. [View setup →](/integrations/payment/razorpay)
      </Accordion>

      <Accordion title="PhonePe" icon="credit-card">
        Share your **MID** with the FlexyPe team. Mapping is handled manually and typically takes **up to a week**. [View setup →](/integrations/payment/phonepe)
      </Accordion>
    </AccordionGroup>

    <Note>
      If you didn't configure payment gateways right after installing the app, you can still do it later from your FlexyPe dashboard. Haven't completed setup yet? Visit [Payment Providers](/integrations/payment/razorpay).
    </Note>

    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-7.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=8a0a37cb8e709a40493fb99a1e548ff8" alt="Selecting payment gateways for each payment method in the FlexyPe app" width="3024" height="1602" data-path="images/onboarding/onboarding-7.png" />
    </Frame>
  </Step>

  <Step title="Connect advertising tools">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-8.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=d589caadfb461c431aaf872c4d9994cc" alt="Connecting Meta Pixel, Google Ads, and Google Analytics in FlexyPe" width="3024" height="1596" data-path="images/onboarding/onboarding-8.png" />
    </Frame>

    Connect **Meta Pixel**, **Google Ads**, and **Google Analytics** if you plan to run ads. For step-by-step instructions, see [Analytics](/integrations/analytics/meta).
  </Step>

  <Step title="Explore app features and settings">
    * Review the key features available within the app.
    * Adjust settings to tailor the app to your business requirements.
  </Step>

  <Step title="Choose your theme for integration">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-9.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=a3dbe2b119d647e24eecc0db0f43268a" alt="Choosing which Shopify theme to duplicate for the FlexyPe integration" width="3024" height="1600" data-path="images/onboarding/onboarding-9.png" />
    </Frame>

    * Let us know which theme you'd like duplicated for the integration.
    * If no theme is specified, we'll duplicate your live theme and integrate there.
  </Step>
</Steps>

## Theme Setup to Go Live

<Steps>
  <Step title="Preview and verify the integration">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-10.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=da32f88d81c20bed0d5ecf18b22cbcdd" alt="Reviewing the FlexyPe integration on a preview and testing link" width="3024" height="1600" data-path="images/onboarding/onboarding-10.png" />
    </Frame>

    * Within 12 hours of confirming your theme, we'll provide a preview / testing link.
    * Use it to review and verify the integration before final approval.
  </Step>

  <Step title="Final setup and go live">
    <Frame>
      <img className="rounded-lg" src="https://mintcdn.com/flexype/OeCtKm9kYsE8Xaqh/images/onboarding/onboarding-11.png?fit=max&auto=format&n=OeCtKm9kYsE8Xaqh&q=85&s=5287a64a1e31bce65f1c633871ee5107" alt="Confirming the FlexyPe integration to go live" width="3024" height="1600" data-path="images/onboarding/onboarding-11.png" />
    </Frame>

    Once you've reviewed the testing link, confirm everything looks good and we'll make the integration live.
  </Step>
</Steps>

## Keep Growing with FlexyPe

We typically complete onboarding within **24–48 hours**, and we're here to support you during and after setup.

<Card title="Join our WhatsApp community" icon="whatsapp" href="https://chat.whatsapp.com/FefLuQOz4TL2bCpIebzPOH">
  Stay updated on new features, get expert tips, and connect with other merchants.
</Card>

If you haven't signed up with a payment gateway yet, let us know — we'll connect you with our trusted partners.

<Note>
  While we're happy to refer you to a payment provider, all technical support or queries about the gateway should go to their dedicated support team for the best assistance.
</Note>

## Need help?

Stuck on any step? Reach out to our team at [hello@flexype.io](mailto:hello@flexype.io).
