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

# Connect Framer

Use the Framer integration if your website or blog is managed through Framer.

## How to connect Framer

1. Go to Settings.
2. Open Integrations.
3. Choose Framer.

**Add your Project ID:**

Your Project ID is found at the end of your URL slug when you are editing your website on framer.

<img src="https://mintcdn.com/serpy/-s7cVlnJ13KAvxWN/images/framer-project-id.png?fit=max&auto=format&n=-s7cVlnJ13KAvxWN&q=85&s=7c18a43c3b7b1cb9286b2602b60d669e" alt="Strategy Screen" width="1890" height="1326" data-path="images/framer-project-id.png" />

In this case the Project ID is: **Yummy-Reassurance--ae3OXdU34r3rtRbJR8Mf-4SJll?node=augiA20Il**

**Add your Collection ID:**

1. Open your project in framer
2. Switch to CMS in the "Canvas" dropdown
3. Click on the CMS collection you would like your Serpy posts to be published to
4. Copy the string/text in the url that comes after "node="

<video src="https://mintcdn.com/serpy/_4b1zXBqgEKzY70P/videos/collection-id.mp4?fit=max&auto=format&n=_4b1zXBqgEKzY70P&q=85&s=b90cc70e890fda39f56de0627d7a39c9" autoPlay loop muted playsInline width="100%" style={{ borderRadius: "12px" }} data-path="videos/collection-id.mp4" />

In this case the Collection ID is: **sRz\_r5Stg**

**Add your API Key:**

1. Open your website in framer
2. Navigate to the Canvas dropdown
3. Open settings from the Canvas dropdown
4. Scroll down to API Keys (Beta)
5. Add a new API key (use whatever name you would like)
6. Copy the API key

<video src="https://mintcdn.com/serpy/A8l6g7RzCUP0ePjb/videos/framer-api.mp4?fit=max&auto=format&n=A8l6g7RzCUP0ePjb&q=85&s=c70e07543bc2e1e3af6974119ccc4332" autoPlay loop muted playsInline width="100%" style={{ borderRadius: "12px" }} data-path="videos/framer-api.mp4" />

Once you have entered the three required fields, press test connection and ensure you receive the connection successful message.

## Tips for Framer

Make sure you are connecting the correct Framer project.

Check that the publishing destination is set up for articles or blog content.

Review formatting after publishing.
