How can I embed a Substack newsletter sign-up form onto my Webflow site using HTML? I've tried adding the code to the head tag following the instructions from the Webflow University article on custom code but it doesn't seem to be working. Any advice?
TL;DR
- Copy the Substack embed code from Settings > Import & Embed in your Substack dashboard.
- In Webflow Designer, add an Embed element and paste the code inside.
- Publish your site and check the form live; adjust styling with custom CSS in the Footer section if needed.
You can embed a Substack newsletter sign-up form on your Webflow site using an Embed element instead of placing the code in the <head> tag. Here's how to do it correctly:
1. Get the Substack Signup Form Code
- Go to your Substack dashboard and navigate to Settings > Import & Embed.
- Copy the Embed code for the signup form.
2. Add an Embed Element in Webflow
- Open Webflow Designer and go to the page where you want the form.
- Drag an Embed element (from the Add panel) onto the page.
- Paste the Substack embed code inside the Embed element.
3. Adjust Webflow Settings if Needed
- If the form doesn’t appear, make sure to publish your Webflow site and test it live.
- If styling issues arise, add custom CSS inside Project Settings > Custom Code > Footer to modify the form’s appearance.
4. Verify the Embed
- Open the published page in an incognito window to check if the form loads correctly.
- If it’s not appearing, ensure that Substack’s JavaScript is being properly loaded and not blocked by browser settings or ad blockers.
Summary
Instead of adding the Substack embed code in the <head>, place it in a Webflow Embed element within the body. Then publish the site and test the form live. If needed, tweak styles with custom CSS in the Footer section of Webflow’s custom code settings.