Framer Integration
Connect your Framer website with Outrank using our official plugin
How Framer Integration Works
The Framer integration allows you to sync your Outrank articles directly to your Framer site collections using our official plugin. Articles are published via the Framer plugin, not directly from Outrank, giving you full control over your content.
Setup Instructions
Step 1: Create Integration & Get API Key
- Navigate to your Outrank dashboard
- Go to the Integrations section
- Click "New Integration" and select "Framer"
- Provide a name for your integration
- Click "Create Integration"
- Copy your generated API key (keep it secure!)
Step 2: Install Outrank Plugin in Framer
- Visit the Framer marketplace page: Outrank Framer Plugin
- Install the Outrank plugin to your Framer project
Step 3: Connect Plugin with API Key
- Open the Outrank plugin in your Framer project
- Find the API Key settings section
- Paste your Outrank API key from Step 1
- Click "Next" to establish the connection
Step 4: Select your collection
- After connecting your API key, the collection selection interface will appear
- You can either continue with a new collection or select an existing one from the list to append the data
Step 5: Map Fields & Import Articles
- After selecing your collection, the field mapping interface will appear
- Map the article fields to your Framer collection fields (Image, Title, Meta Description, Content, CreatedAt, Status) with their types written with them
- Click "Import Articles" to import all articles created in Outrank
- Articles are now created in your Framer collection and can be synced anytime by clicking the "Sync" button in the top left corner
Step 6: Sync Articles
Your imported articles are now available in your Framer collection. You can sync them anytime to get the latest updates from Outrank.
What Gets Synced
- Article title
- Article content
- Featured image
- Meta description
- Creation date (CreatedAt)
- Article status
Watch How To Sync & Publish
See a quick demo of how to sync and Publish your Outrank articles to Framer. Framer does not support auto publish so users have to sync articles and Publish them as demonstrated in the demo video.
Troubleshooting
API key connection fails
Verify your API key is correct and copied completely from your Outrank integration settings
Field mapping interface doesn't appear
Make sure your API key connection was successful and try refreshing the plugin
Articles not importing
Ensure all required fields are mapped correctly and your Framer collection structure matches the mapped fields
Sync button not working
Check that your API key is still valid and the plugin connection hasn't expired
