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

# How to integrate your Agent with Framer

> Embed your Release0 agent in Framer projects using the Embed component for seamless integration. This guide provides step-by-step instructions to add your agent to Framer pages.

Integrating your agent with Framer is a simple process. Follow these steps to get started:

1. Go to the **Integrations** tab of your agent's **flow editor**.
2. Click the **Framer** button to get the embed instructions.
3. Copy the provided code snippet.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/release0-13d037a7/YWq2zuUGbHzFURAJ/images/integrations/framer-integration.png?fit=max&auto=format&n=YWq2zuUGbHzFURAJ&q=85&s=f2d15e84f685bd7e2cb498bf40fd85d9" alt="Release0.com - Framer" width="587" height="487" data-path="images/integrations/framer-integration.png" />
</Frame>

4. Open your Framer project and navigate to the page where you want to embed the agent.
5. Click on the **+** icon to add a new component.
6. Select the **Embed** component from the list of available components.
7. Paste the code into the **Embed** component's code editor.

<Frame style={{ maxWidth: '400px' }}>
  <img src="https://mintcdn.com/release0-13d037a7/YWq2zuUGbHzFURAJ/images/integrations/framer-embed.png?fit=max&auto=format&n=YWq2zuUGbHzFURAJ&q=85&s=cec90c2fe9c9579f0b04ff95778a726e" alt="Release0.com - Framer Embed" width="515" height="979" data-path="images/integrations/framer-embed.png" />
</Frame>

5. Save the changes to your project.
6. Your agent should now be embedded in your Framer project.
7. Test the integration by running your project and interacting with the agent.

<Frame style={{ maxWidth: '600px' }}>
  <img src="https://mintcdn.com/release0-13d037a7/YWq2zuUGbHzFURAJ/images/integrations/framer-sample.png?fit=max&auto=format&n=YWq2zuUGbHzFURAJ&q=85&s=c1a905300ac28b3421f1d5ffd4a4e752" alt="Integrations Overview" width="1191" height="525" data-path="images/integrations/framer-sample.png" />
</Frame>
