How to embed Ghost blog in Framer site

In this guide, we cover how you can embed Ghost blog in a Framer 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 Framer site

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

    framer editor

    Learn More

  5. Done 🎉


Checkout other similar guides