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

# Quickstart

> Get Ask Cookbook running on your website in minutes

## Get started in two steps

Integrate Ask Cookbook into your website quickly and easily.

### Step 1: Get your API key

<Accordion icon="key" title="Contact us for your API key">
  If you end up here you probably already have an API key :) <br />If you don't have one yet though, please contact us at [tyler@cookbook.dev](mailto:tyler@cookbook.dev) to get started.
</Accordion>

### Step 2: Choose your integration method

Select the integration method that works best for your website:

<Columns cols={2}>
  <Card title="Basic integration" icon="code" href="/integration/basic">
    Add to any website with simple HTML and JavaScript.
  </Card>

  <Card title="React integration" icon="react" href="/integration/react">
    Integrate with React applications using our npm package.
  </Card>

  <Card title="Webflow integration" icon="globe" href="/integration/webflow">
    Add to Webflow sites through the dashboard.
  </Card>

  <Card title="GitBook integration" icon="book" href="/integration/gitbook">
    Integrate with GitBook documentation sites.
  </Card>
</Columns>

## Implementation example

For most websites, the basic integration is the fastest way to get started:

<CodeGroup>
  ```html theme={null}
  <!-- Add to your <head> -->
  <script src="https://cdn.jsdelivr.net/npm/@cookbookdev/docsbot/dist/standalone/index.cjs.js" defer></script>
  ```

  ```html theme={null}
  <!-- Add to your <body> -->
  <div id="__cookbook" data-api-key="YOUR_API_KEY_HERE"></div>
  ```
</CodeGroup>

<Warning>
  Remember to replace `YOUR_API_KEY_HERE` with your actual API key.
</Warning>

<Info>
  Having trouble? Contact us at [tyler@cookbook.dev](mailto:tyler@cookbook.dev) for integration support.
</Info>
