How to embed Substack newsletter archive in Webflow site

In this guide, we cover how you can embed Substack newsletter archive 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 newsletter by giving us the Substack newsletter URL.

    Click on the Add button to finish.

    screenshot of add newsletter page

    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