How to embed Substack archive in Webflow site

In this guide, we cover how you can embed Substack archive in a Webflow page.

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.
notion image

2. Setup and Customise

Setup your newsletter by giving us the Substack newsletter URL.
Click on the Add button to finish.
notion image
 
You can customise how the embed would look with the options on the left.
notion image

3. Get Embed Code

Click on the Embed Code button which is at the bottom left of the dashboard, and click on Webflow tab.
Copy the code you see there.
notion image

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.
notion image
notion image
You may not see the archive from Stackblocks in the preview in Webflow, but it will show up once you export/publish the site.

5. Done 🎉

 

Checkout the other guides