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?

To embed a Substack newsletter sign-up form onto your Webflow site, you may need to ensure that the code is added correctly to your Webflow project. Here's a step-by-step guide to help you successfully integrate the form.

​

1. Obtain the Embed Code from Substack

• Log in to your Substack account and navigate to the settings where you can generate or copy the sign-up form embed code.
• Ensure that you have the full HTML snippet provided by Substack.

​

2. Add Custom Code in Webflow

• Go to your Webflow project dashboard and select the project where you wish to add the sign-up form.
• Navigate to Project Settings and select the Custom Code tab.
• Paste your Substack embed code into the Before </body> tag section if you want it across the entire site, or into the Head tag of a specific page for page-level integration.

​

3. Insert the Embed Code Manually

• In Designer view, select the page where you want the form to appear.
• Add an Embed element from the Add Panel to your desired location on the page.
• Open the embed settings and paste the Substack HTML code directly into the Embed element.
• Publish your site to see the changes in effect.

​

4. Troubleshooting

• Ensure there are no script restrictions from browsers or ad-blockers that might prevent the Substack code from running.
• Check that the code does not contain errors, which can be verified by testing in a simple HTML environment outside of Webflow.

Summary

To embed a Substack newsletter form in Webflow, obtain the form’s HTML code from Substack, then insert it either in Project Settings for a global effect or into a specific page using an Embed element. Ensure the code syntax is correct and conflicts are not caused by external factors like ad blockers.