Add a blog to Webflow

Before you start

• A CMSKite account with at least one published post. The free plan is enough
• Your blog name. It is the data-blog value in the snippet under Connect website in the dashboard
• A Webflow site on a paid site plan. Code Embed needs one

Add the embed

1. Make a Blog page

   In the Designer add a static page named Blog.

2. Add a Code Embed

   Drag a Code Embed element onto the page and paste the snippet. Save and close.

   htmlCopiar

   <div id="cmskite-blog"></div>
   <script src="https://cmskite.com/embed.js" data-blog="your-blog" async></script>

3. Publish

   Embeds do not run in the Designer canvas. Publish and open the live page.

Where the posts live

Posts open at /blog?post=my-post. Webflow allows no server rewrites, so that is the address. The posts do not count against your Webflow CMS items.

Check that it works

1. Publish a short test post in the dashboard
2. Open the Webflow page in a private window and reload. The post should be in the list within a minute
3. Open the post. Its address should be your site's, not cmskite.com
4. Delete or unpublish the test post when you are done

Tell Google about the posts

Search engines find embedded posts faster with a sitemap that lists them at your own addresses. CMSKite writes one for you:

https://cmskite.com/b/your-blog/site-sitemap.xml

Add the line Sitemap: https://cmskite.com/b/your-blog/site-sitemap.xml under Site settings → SEO → Robots.txt.

The whole picture is in Making your posts findable.

Match your colours

The embed takes your site's fonts and text colour by itself. Set the accent (links and buttons) with data-accent, as any CSS colour:

<script src="https://cmskite.com/embed.js" data-blog="your-blog" data-accent="#0f766e" async></script>

If something is wrong

What it cannot do

• Clean /blog/my-post addresses: Webflow allows no rewrites

The longer guide

Screenshots, costs and the questions people ask are on CMSKite for Webflow.