How to Add a Blog to a Framer Site: Framer CMS vs DropInBlog vs Embedding WordPress

Framer's own CMS is the best way to add a blog to a Framer site for almost every small business, because the posts live on your domain, appear in the page HTML and join Framer's sitemap automatically. Embedded tools such as DropInBlog are quicker to bolt on but usually load content by JavaScript, and pulling posts from WordPress with a widget like SociableKit leaves the SEO value on the WordPress site. The right choice depends on your Framer plan and who writes the posts.

Below is how each route works, what it needs and where it trips up. Plan prices and item limits change often, so treat the figures on Framer's and each vendor's pricing pages as the final word.

Route one: build the blog in Framer CMS

Framer CMS is a built-in database. You create a collection (a list of items, here your posts), define the fields each post has, then design two pages: an index that lists posts and a template that displays one. Framer publishes each item as its own static page at a URL such as yoursite.com/blog/post-name.

Step by step: setting up the collection

1. Open your project and click CMS in the left toolbar, then choose New Collection. Name it Blog or Posts.
2. Add fields. A sensible minimum is Title (text, already present), Slug (generated from the title), Date, Excerpt (plain text), Cover image, Body (formatted text) and Author.
3. Add two SEO fields: Meta title and Meta description, both plain text. You will map these to the page settings later.
4. Create one test post with every field filled in, so you can see real content while designing.

Designing the index and post pages

1. Add a new page called Blog. Insert a Collection List, point it at your collection and design one card using the title, date, excerpt and cover image. Framer repeats the card for every post.
2. Link the card to the post page: select the card, add a link and choose the collection's detail page with the current item.
3. Open the CMS detail page Framer created for the collection. Its path will include a slug variable, so each post gets its own URL. Set the path to /blog/ followed by the slug.
4. Lay out the template and bind each element to a field: heading to Title, rich text block to Body, image to Cover image.
5. In the detail page's settings, bind the page title and description to your Meta title and Meta description fields, and set a social share image from the cover.
6. Publish, then open a post and view the page source to confirm the body text is in the HTML.

Cost, plan and limits

The CMS needs a paid Framer site plan, and each tier caps the number of collections and CMS items. A blog of a few dozen posts fits comfortably on lower tiers; if you plan to publish weekly for years, check the item limit before you commit, because hitting it means upgrading or deleting posts.

SEO and automation

SEO is the strong point: server-rendered pages, your own subdirectory, self-referencing canonical URLs and automatic sitemap inclusion. Automation is the weak point. Framer has no traditional login a freelance writer expects, so writers either get editor access to the project or send drafts you paste in. Framer's plugin system and CSV import can feed collections from outside sources, which is how most automation is done, but it takes more setup than WordPress.

Route two: an embedded blog tool such as DropInBlog

DropInBlog and similar services host your posts on their platform and give you a snippet to paste into a Framer page. You write in their editor, and the snippet displays the blog inside your design.

• Cost: a separate monthly subscription on top of Framer, which only needs a plan that lets you add custom code.
• Plan: no Framer CMS items used, so item limits do not apply.
• SEO: the main risk. A standard JavaScript embed means the article text arrives after the page loads, so the raw HTML is nearly empty. Google can render JavaScript but does it later and less reliably, and many AI crawlers do not render it at all. Some vendors offer server-side or proxy options that fix this; ask exactly how posts render before paying.
• Canonicals and sitemap: confirm each post gets its own crawlable URL on your domain, a canonical pointing to that URL, and a sitemap you can submit in Search Console.
• Automation: usually easier than Framer, since these tools have proper writer accounts, scheduling and sometimes an API.

Route three: pull posts from WordPress

Widgets such as SociableKit read a WordPress blog's feed and display it on a Framer page. You keep writing in WordPress and Framer shows a list or the posts themselves.

The catch is where the content officially lives. The real articles sit on the WordPress site, often a subdomain like blog.yoursite.com, so rankings build there rather than on your main domain. The widget copy usually loads by JavaScript, and if it shows full posts it creates duplicates that should carry a canonical back to WordPress. Our guide to blog subdomains versus subdirectories covers when that split is acceptable.

You pay for WordPress hosting plus the widget. In exchange you get the most mature publishing tools available: editor roles for writers, scheduling, and a long list of plugins and services that publish automatically.

Comparing the three ways to add a blog to a Framer site

If Framer is still a fresh decision rather than a fixed one, our comparison of the best blogging platforms for a small business weighs WordPress, Shopify, Webflow and Ghost on the same terms.

Which route to pick

Choose Framer CMS if search traffic matters and you can live with pasting or syncing posts in. Choose an embed only after confirming it renders server-side. Choose WordPress if you already have a WordPress blog with rankings worth keeping, or a team of writers who need proper accounts.

Where Helio SEO fits in

Framer is not one of Helio SEO's native integrations, so for a Framer site Helio publishes articles hosted on your own domain rather than inside Framer CMS. If you are happy writing posts yourself and pasting them into a collection, the steps above are all you need.

Common questions about blogging on Framer

Is Framer good for SEO compared with WordPress?

Framer is good for SEO on the basics: Framer publishes fast, static pages with editable titles, descriptions and automatic sitemaps. WordPress wins on depth, with more control over structured data, redirects and plugins. For a small business blog of modest size, a well-built Framer CMS blog can rank just as well as a WordPress one.

Can I move my WordPress posts into Framer CMS?

WordPress posts can be moved into Framer CMS by exporting them to CSV and importing into a collection, or with a Framer plugin built for the job. Keep the same slugs where possible, and set up redirects from every old WordPress URL to its new Framer URL so existing rankings and links carry across.

Does a JavaScript blog embed stop Google indexing my posts?

A JavaScript blog embed does not always stop indexing, because Google can render JavaScript. It does delay and weaken it, and many AI assistants' crawlers read only raw HTML, so they may see an empty page. Check with the URL Inspection tool in Search Console to see what Google actually renders.