MonokDocs
Log in
Documentation
Content integrations

Connect Framer

Connect a Framer project and deliver articles into a CMS collection.

View as Markdown

Publish To

Integrate and publish automatically

Framer project

example-project.framer.app
Publish state
Auto Publish
Collection
Automatic Match
Photo quality
High Quality
Slug
Automatic
In Monok, go to Subscriptions, open the card for your subscription, then expand Publish To.

Create a Framer API key

  1. Open your project in the Framer editor and copy the project URL from the address bar. It starts with https://framer.com/projects/.
  2. Press Cmd+K or Ctrl+K, search for Open Settings, and open it.
Framer editor · Open settings from the command menu

In General, scroll to API Keys. Create a key for this project and copy it.

Framer site settings · Create a project API key under General

Connect and test

  1. In Monok, open your subscription, expand Publish To, and select Framer. If you already have a project connected, choose New Connection.
  2. In Connect Framer Project, paste the project URL and API key, then select Connect Project.
Monok · Enter the Framer project URL and API key

Verify delivery in Framer

  1. Select your destination CMS collection in Monok and check how article fields map to it.
  2. Send an article and open the resulting item in the Framer CMS. Check the text, image, and slug before publishing the site.

Related guides

Connect ShopifyConnect your store using a Shopify custom app, then send a draft to your store’s blog.Connect WordPressInstall your personalized Monok plugin and send articles to your WordPress site.