If you use Webflow CMS to publish blog posts or documentation for a technical audience—you need an easy way to add code blocks to posts.
Unfortunately Webflow's text editor doesn't support this natively. If you Google this issue, a few hacky workarounds will come up. These include embedding Github Gists/Codepens, using custom code/scripts, etc. However, we haven't found any of these options to be ideal.
While we love creating a Github Gist or Codepen for one-off use cases, if you're publishing frequently, this workflow quickly becomes an un-manageable nightmare. It doesn't scale.
Other suggestions like adding custom javascript to your site can be equally frustrating. If you (or Webflow) make any tweaks to your html schema or classnames, that custom code you pasted from an old Webflow forum post can easily break.
Audienceful is designed specifically to make publishing content to your Webflow site easier, with native support for things like code blocks, code snippets, and more out of the box.
It works like Google Docs or Notion with live collaboration (perfect for teams), and offers a distraction-free editor designed specifically for writing content.
Here's a step-by-step guide to setting up a repeatable publishing workflow for all content on your site:
Once you start using Audienceful you'll quickly see how much easier it is to blog and publish content this way. It's not just useful for blogs, but can also be used for changelogs, announcements, job listings, press releases, help docs, and so much more.
In fact, we use Audienceful to publish all of the content on this website, including this post your're reading right now!
