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

# Getting Started

> Conversion experiences made easy.

[//]: # "connect -> install -> design -> rollout"

<Steps>
  <Step title="Connect">
    Authorize access to Stripe using the OAuth integration

    <Card title="Connect to Stripe" icon={<Icon icon="stripe" size={40} color="#6772e5" type="duotone" />} href="/guides/stripe">
      Authorize Plandalf to access your Stripe account
    </Card>
  </Step>

  <Step title="Install">
    Install the plandalf SDK on your site and configure authorization

    <CardGroup cols={2}>
      <Card title="Using Plandalf.js" icon="code" iconType="duotone" color="#f14a29" href="/guides/html">
        Configure Plandalf on your html site
      </Card>

      <Card title="React.js integration" icon="react" iconType="duotone" color="#087ea4" href="/guides/react">
        Set up plandalf on your react app
      </Card>
    </CardGroup>
  </Step>

  <Step title="Design & rollout">
    [Set up your checkout experience](/guides/checkout-experiences)

    * Determine your pricing strategy
    * Assign paywall triggers
    * Configure a/b tests
  </Step>
</Steps>