How to embed Ghost blog in Webflow site

In this guide, we cover how you can embed Ghost blog in a Webflow site.

Steps

  1. Create an account with Stackblocks

    Sign up with your email to get a magic login link. Click that link in the email and you are logged in to the app.

    screenshot of get started page
  2. Setup and Customise

    Setup your embed by giving us the Ghost blog URL.

    Click on the Add button to finish.

    screenshot of add newsletter modal

    You can customise how the embed would look with the options on the left.

    dashboard
  3. Get Embed Code

    Click on the Embed Code button which is at the bottom left of the dashboard, and click on HTML tab.

    Copy the code you see there.

    embed dialog
  4. Paste it in your Webflow site

    Add a new Embed element on the webpage, in your Webflow project, and paste this code in the element.

    You may not see the archive from Stackblocks in the preview in Webflow, but it will show up once you export/publish the site.

    webflow embedwebflow editor

    Learn More

  5. Done 🎉


Checkout other similar guides