Publish blog posts that rank, directly to your Framer site. Flo drafts blog content for you, and you publish or schedule from MoBlogs. MoFlo handles the scheduling, so posts go live exactly when you want them to.
Category
CMS and Website
Powered By
MoBlogs
Setup Time
Under 3 minutes
Plan Availability
All paid plans
Status
Native
Visit Partner
About
Framer
Integration
Framer has become the fastest way to put a site online that looks like a design studio built it, and a growing share of the businesses MoFlo works with have moved there for exactly that reason. Its CMS is newer and lighter than the platforms it competes with, which is a strength for speed and a problem for blogging. Getting a blog structured properly means building the collection out field by field before you write a single word, and most people never get past that step. The blog collection gets created, sits unused, and the site stays beautiful and static. The MoFlo and Framer integration makes consistent blogging realistic. Flo drafts blog posts in your brand voice on a steady cadence, and every draft lives in MoBlogs for your review and editing. When you are ready to publish, you can push it live immediately or schedule a specific time, and Flo will suggest the best open slot on your calendar if you want the help. MoFlo builds the CMS for you on connect: the Blogs, Categories, Tags, and Authors collections, the fields inside them, and the mapping between them. This is a native integration built on Framer's official Server API. You connect by pasting a Framer API key and your project URL. No third-party middleware is involved.
Framer has become the fastest way to put a site online that looks like a design studio built it, and a growing share of the businesses MoFlo works with have moved there for exactly that reason. Its CMS is newer and lighter than the platforms it competes with, which is a strength for speed and a problem for blogging. Getting a blog structured properly means building the collection out field by field before you write a single word, and most people never get past that step. The blog collection gets created, sits unused, and the site stays beautiful and static. The MoFlo and Framer integration makes consistent blogging realistic. Flo drafts blog posts in your brand voice on a steady cadence, and every draft lives in MoBlogs for your review and editing. When you are ready to publish, you can push it live immediately or schedule a specific time, and Flo will suggest the best open slot on your calendar if you want the help. MoFlo builds the CMS for you on connect: the Blogs, Categories, Tags, and Authors collections, the fields inside them, and the mapping between them. This is a native integration built on Framer's official Server API. You connect by pasting a Framer API key and your project URL. No third-party middleware is involved.
How MoFlo uses
Framer
Flo drafts blog posts in your brand voice and stores them as drafts in MoBlogs (configurable: pick topics, change settings by day, frequency, or turn drafting off entirely)
Generate blog posts manually on the MoBlogs Create page, with Flo helping draft on demand or full manual entry if preferred
Auto-generate a featured image (header image) for each post, which Framer re-hosts on its own CDN
MoFlo builds your Framer CMS on connect, creating the Blogs, Categories, Tags, and Authors collections if they do not exist and adding the fields it needs
Categories, tags, and authors are assigned automatically, from your site-wide defaults or picked by Flo from your existing collection items
SEO metadata syncs where your collection supports it: meta title, meta description, canonical URL, noindex, and JSON-LD
Schedule posts for a specific publish date and time, or use "Flo Suggests" to mark the best open slot on your calendar. MoBlogs handles the scheduling and pushes the post to Framer via API when the time arrives.
Publish posts directly to Framer when you are ready, with title, body, slug, featured image, categories, and tags included
Use Cases by Industry
Real Estate
Neighborhood guides, market update posts, buyer and seller education content, and listing-driven blog posts publish on a steady cadence to your Framer site. Each post is structured for the long-tail real estate searches that drive high-intent organic traffic.
Neighborhood guides, market update posts, buyer and seller education content, and listing-driven blog posts publish on a steady cadence to your Framer site. Each post is structured for the long-tail real estate searches that drive high-intent organic traffic.
Trades and Services
"How much does X cost in [city]" posts, seasonal maintenance guides, and emergency service explainers turn your Framer site into a search-traffic-driving asset that books jobs while you sleep.
"How much does X cost in [city]" posts, seasonal maintenance guides, and emergency service explainers turn your Framer site into a search-traffic-driving asset that books jobs while you sleep.
Insurance Agents and Brokers
Franchise Operators
Policy education content, life event guides, and regulatory commentary keep your Framer site fresh and authoritative for the searches your prospects are running before they request a quote.
Policy education content, life event guides, and regulatory commentary keep your Framer site fresh and authoritative for the searches your prospects are running before they request a quote.
Professional Services
Thought leadership pieces, client education content, case study writeups, and industry commentary publish on a steady schedule to position the firm as the expert your prospects find first.
Thought leadership pieces, client education content, case study writeups, and industry commentary publish on a steady schedule to position the firm as the expert your prospects find first.
Setup Walkthrough
1
In Framer, open the project you want to publish into.
In Framer, open the project you want to publish into.
2
Open the dropdown at the top left, choose Settings, then generate an API key and copy it.
Open the dropdown at the top left, choose Settings, then generate an API key and copy it.
3
Open that same top-left dropdown again and switch into the CMS.
Open that same top-left dropdown again and switch into the CMS.
4
Copy the link from your browser's address bar while you are in the CMS. That is the project URL MoFlo needs.
Copy the link from your browser's address bar while you are in the CMS. That is the project URL MoFlo needs.
5
In MoFlo Cloud, go to Settings, open the Integrations tab, find the Framer card, and click Connect.
In MoFlo Cloud, go to Settings, open the Integrations tab, find the Framer card, and click Connect.
6
Paste your API key and project URL, then review the collections MoFlo will use or create and confirm the setup.
Paste your API key and project URL, then review the collections MoFlo will use or create and confirm the setup.
7
Set Flo's blog cadence in Settings, Apps, MoBlogs, add your topics in Knowledge, then review your first Flo-drafted post and publish or schedule it.
Data and permissions
Direction | Data | Notes |
|---|---|---|
Read | Framer project metadata | Used to confirm the connection |
Read | CMS collection and field structure | Used to map your collections to MoFlo's fields |
Write | CMS collections and fields | Only creates what is missing. Existing collections are never renamed or removed. |
Write | New blog posts (title, body, slug, featured image, categories, tags, author, SEO fields) | Published or scheduled per user request via API |
Write | Site publish | Optional, controlled by a toggle in MoBlogs settings |
Auth method | Framer API key and project URL | Secure, revocable credential you generate inside your Framer project settings |
Permissions requested | Project CMS access | Framer API keys are scoped to a single project |
Direction | Data | Notes |
|---|---|---|
Read | Framer project metadata | Used to confirm the connection |
Read | CMS collection and field structure | Used to map your collections to MoFlo's fields |
Write | CMS collections and fields | Only creates what is missing. Existing collections are never renamed or removed. |
Write | New blog posts (title, body, slug, featured image, categories, tags, author, SEO fields) | Published or scheduled per user request via API |
Write | Site publish | Optional, controlled by a toggle in MoBlogs settings |
Auth method | Framer API key and project URL | Secure, revocable credential you generate inside your Framer project settings |
Permissions requested | Project CMS access | Framer API keys are scoped to a single project |
You have questions. We have answers.
How do I connect Framer to MoFlo?
In Framer, open the dropdown at the top left and choose Settings to generate an API key. Then open that same dropdown, switch into the CMS, and copy the link from your address bar. Paste both into the Framer card under Settings, Integrations in MoFlo Cloud and confirm the setup.
How do I connect Framer to MoFlo?
In Framer, open the dropdown at the top left and choose Settings to generate an API key. Then open that same dropdown, switch into the CMS, and copy the link from your address bar. Paste both into the Framer card under Settings, Integrations in MoFlo Cloud and confirm the setup.
Why does MoFlo need my project URL as well as the API key?
Framer's API identifies your project by its URL. Switch into the CMS from the top-left dropdown and copy the link from your address bar, rather than using your published site address. MoFlo will tell you if the wrong one is pasted.
Why does MoFlo need my project URL as well as the API key?
Framer's API identifies your project by its URL. Switch into the CMS from the top-left dropdown and copy the link from your address bar, rather than using your published site address. MoFlo will tell you if the wrong one is pasted.
Do I need to create CMS collections first?
No. MoFlo creates the Blogs, Categories, Tags, and Authors collections if they are not there, and uses your existing ones if they are. It also adds the fields it needs, which matters on Framer because a new collection has no fields until something adds them.
Do I need to create CMS collections first?
No. MoFlo creates the Blogs, Categories, Tags, and Authors collections if they are not there, and uses your existing ones if they are. It also adds the fields it needs, which matters on Framer because a new collection has no fields until something adds them.
Ready to Grow Your Business?
Find out how MoFlo’s AI can take the work off your plate and power your business growth.
The all-in-one AI Growth Platform
You have questions. We have answers.
How do I connect Framer to MoFlo?
In Framer, open the dropdown at the top left and choose Settings to generate an API key. Then open that same dropdown, switch into the CMS, and copy the link from your address bar. Paste both into the Framer card under Settings, Integrations in MoFlo Cloud and confirm the setup.
Why does MoFlo need my project URL as well as the API key?
Framer's API identifies your project by its URL. Switch into the CMS from the top-left dropdown and copy the link from your address bar, rather than using your published site address. MoFlo will tell you if the wrong one is pasted.
How do I connect Framer to MoFlo?
In Framer, open the dropdown at the top left and choose Settings to generate an API key. Then open that same dropdown, switch into the CMS, and copy the link from your address bar. Paste both into the Framer card under Settings, Integrations in MoFlo Cloud and confirm the setup.
Do I need to create CMS collections first?
No. MoFlo creates the Blogs, Categories, Tags, and Authors collections if they are not there, and uses your existing ones if they are. It also adds the fields it needs, which matters on Framer because a new collection has no fields until something adds them.
Why does MoFlo need my project URL as well as the API key?
Framer's API identifies your project by its URL. Switch into the CMS from the top-left dropdown and copy the link from your address bar, rather than using your published site address. MoFlo will tell you if the wrong one is pasted.
Do I need to create CMS collections first?
No. MoFlo creates the Blogs, Categories, Tags, and Authors collections if they are not there, and uses your existing ones if they are. It also adds the fields it needs, which matters on Framer because a new collection has no fields until something adds them.
Ready to Grow Your Business?
Find out how MoFlo’s AI can take the work off your plate and power your business growth.
The all-in-one AI Growth Platform
You have questions. We have answers.
How do I connect Framer to MoFlo?
In Framer, open the dropdown at the top left and choose Settings to generate an API key. Then open that same dropdown, switch into the CMS, and copy the link from your address bar. Paste both into the Framer card under Settings, Integrations in MoFlo Cloud and confirm the setup.
Why does MoFlo need my project URL as well as the API key?
Framer's API identifies your project by its URL. Switch into the CMS from the top-left dropdown and copy the link from your address bar, rather than using your published site address. MoFlo will tell you if the wrong one is pasted.
How do I connect Framer to MoFlo?
In Framer, open the dropdown at the top left and choose Settings to generate an API key. Then open that same dropdown, switch into the CMS, and copy the link from your address bar. Paste both into the Framer card under Settings, Integrations in MoFlo Cloud and confirm the setup.
Do I need to create CMS collections first?
No. MoFlo creates the Blogs, Categories, Tags, and Authors collections if they are not there, and uses your existing ones if they are. It also adds the fields it needs, which matters on Framer because a new collection has no fields until something adds them.
Why does MoFlo need my project URL as well as the API key?
Framer's API identifies your project by its URL. Switch into the CMS from the top-left dropdown and copy the link from your address bar, rather than using your published site address. MoFlo will tell you if the wrong one is pasted.
Do I need to create CMS collections first?
No. MoFlo creates the Blogs, Categories, Tags, and Authors collections if they are not there, and uses your existing ones if they are. It also adds the fields it needs, which matters on Framer because a new collection has no fields until something adds them.
Ready to Grow Your Business?
Find out how MoFlo’s AI can take the work off your plate and power your business growth.
The all-in-one AI Growth Platform