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.
  1. Open your Framer project and navigate to the page where you want to embed the agent.
  2. Click on the + icon to add a new component.
  3. Select the Embed component from the list of available components.
  4. Paste the code into the Embed component’s code editor.
  1. Save the changes to your project.
  2. Your agent should now be embedded in your Framer project.
  3. Test the integration by running your project and interacting with the agent.