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

# How To: Embed in your site

> How to publish your Embeddable to your website

You can use the 2-part embed code to easily embed your Embeddable in your website or web app.

<Tip>
  Looking for other ways to publish your Embeddable? Check out the [Publish to your site](/features/publish-to-your-site) guide.
</Tip>

## Embedding in your site

<Steps>
  <Step title="Grab the embed code" titleSize="h3">
    Head to the Embeddable in the [Web App](https://app.embeddables.com/), click **Embed Code** in the top-right corner,
    and you'll see the two-part embed code in the pop-up modal.

    <Frame>
      <img src="https://assets.embeddables.com/2025-04-1011_18708467466947587.12.05.gif" />
    </Frame>
  </Step>

  <Step title="Insert the first part in the Head">
    The first part of the embed code (the large part) should go in the `<HEAD>` of the page.

    <Note>
      **This only needs to be added once**.
      If it's already installed on all pages of your site then you can skip this step.
    </Note>

    This is the large part that starts like this:

    ```html Embed Code - Part 1/2 theme={null}
    <script> const SAVVY_PRELOAD_IDS=...
    ```
  </Step>

  <Step title="Insert the second part in the Body">
    The second part of the embed code should go in the `<BODY>` of the page, wherever you want the Embeddable to appear on the page.

    The is the part that looks like this (where `flow_abcdefhijklm` is your Embeddable ID):

    ```html Embed Code - Part 2/2 theme={null}
    <savvy id="flow_abcdefhijklm"></savvy>
    ```
  </Step>
</Steps>

## Embedding in another platform?

<CardGroup cols={2}>
  <Card title="How To: Embed in a Webflow site" icon="webflow" href="/how-to/embed-in-your-webflow-site">
    How to publish your Embeddable to your Webflow site
  </Card>

  <Card title="How To: Embed in a WordPress site" icon="wordpress" href="/how-to/embed-in-your-wordpress-site">
    How to publish your Embeddable to your WordPress site
  </Card>

  <Card title="How To: Embed in a Framer site" icon="framer" href="/how-to/embed-in-your-framer-site">
    How to publish your Embeddable to your Framer site
  </Card>

  <Card title="How To: Embed in a React app" icon="react" href="/how-to/embed-in-react">
    How to publish your Embeddable inside a React app
  </Card>

  <Card title="How To: Embed in a React Native app" icon="mobile-screen-button" href="/how-to/embed-in-react-native">
    How to publish your Embeddable inside a React Native app
  </Card>
</CardGroup>

## Troubleshooting

### React is giving me a warning about an unrecognized `<savvy>` tag

Head to our [How-To guide for embedding in React](/how-to/embed-in-react).
