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

# Introduction

> Welcome to the Spotflow Core - This section contains everything you need to successfully integrate, test, master and go live with the Spotflow platform.

To learn on payment states, go to [this page](/developer-resources/payment-states)

## API Keys

Use the appropriate API keys :

* Test: `sk_test_fXXXXedhXXXXXXXXXXXXX`
* Live: `sk_live_fXXXXedhXXXXXXXXXXXXX`

Learn more about [Test vs Live Keys](/expert-desk/test-mode-vs-live-mode).

## Integration Steps

Follow these steps to integrate Spotflow:

<Steps>
  1. [Set up your account](https://app.spotflow.co/) and get your API keys
  2. Choose your integration method:
     * [Use our SDKs](/developer-resources/iOS-sdk)
     * [Redirect Checkout API integration](/api-reference/payments/initialize-collection)
     * [Direct API integration for merchants with PCI DSS license](/api-reference/payments/create-collection)
  3. [Set up webhooks](https://app.spotflow.co/) for real-time updates
  4. [Test your integration](/expert-desk/testing-payments)
  5. Go live!
</Steps>

<CardGroup cols={1}>
  <Card title="Integration Guides" icon="rocket" href="/developer-resources/integration-guide">
    Your roadmap for getting specific payment methods up and running quickly.
  </Card>
</CardGroup>

<CardGroup cols={1}>
  <Card title="Webhooks" icon="bell" href="/developer-resources/webhooks/introduction">
    Stay ahead of every event with real time alerts.
  </Card>
</CardGroup>

<CardGroup cols={1}>
  <Card title="Testing & Demo Tools" icon="vial" href="/expert-desk/test-mode-vs-live-mode">
    Don't deploy until you're sure. Use our testing environment to simulate every scenario before pushing anything live.
  </Card>
</CardGroup>

<CardGroup cols={1}>
  <Card title="SDKs" icon="cubes" href="/developer-resources/iOS-sdk">
    Pre-built code packages for your favorite languages. Drop our SDKs into your project and start accepting payments in minutes, not days.
  </Card>
</CardGroup>

<CardGroup cols={1}>
  <Card title="Libraries" icon="books" href="/developer-resources/react-library">
    Lightweight code modules for maximum flexibility. Cherry-pick the components you need and build your integration exactly how you want it.
  </Card>
</CardGroup>

## What's Next?

<CardGroup cols={2}>
  <Card title="API Explorer" icon="compass" href="/api-reference/introduction">
    Browse all available endpoints
  </Card>
</CardGroup>