How can I insert a custom component made in the Webflow Designer into my blog post in the CMS if I don't see an option to pull from the component library in the blog editor?

Published on
September 22, 2023

To insert a custom component made in the Webflow Designer into your blog post in the CMS, even if you don't see an option to pull from the component library in the blog editor, you can follow these steps:

  1. Publish your custom component: First, make sure that your custom component is published and accessible on a live page. This is important because the CMS does not directly support inserting components that are not published.

  2. Copy the component's HTML embed code: Go to the live page where your custom component is published. Right-click on the component and select "Inspect" to open your browser's developer tools. Locate the HTML code for the component and copy it.

  3. Return to the CMS editor: Go back to your blog post in the CMS editor. You won't see an option to directly insert the component from the library, but don't worry, you can still add it.

  4. Insert an HTML embed: In the CMS editor, locate the place in your blog post where you want to insert the custom component. Add an HTML embed element by dragging and dropping it onto the desired location or using the "+" button to add a new element.

  5. Paste the HTML code: Once the HTML embed element is added, double-click on it to open the settings panel. In the HTML embed settings, you'll find a field to enter your custom HTML code. Paste the code you copied from the live page.

  6. Update and preview: After pasting the HTML code, click outside the settings panel to close it. Make sure to save and update your blog post. You can then preview it to see how the custom component looks and functions within your blog post.

Following these steps will allow you to insert a custom component made in the Webflow Designer into your blog post in the CMS, even if there's no direct option to pull it from the component library in the blog editor.

Additional Questions:

  1. How can I insert a custom component made in Webflow into a CMS collection template?
  2. Is it possible to add interactions to a custom component in Webflow?
  3. Can I use custom code in a Webflow CMS blog post?