Webflow sync, pageviews & more.
NEW

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.

Webflow Resources
Webflow templates
Webflow inspiration
Rate this answer

Other Webflow Questions

Explore Logic tutorials
Can I adjust the indent of a bullet list in a rich text element in Webflow?
How can I resolve scrolling issues with a dropdown list in Webflow, specifically with a 13" Mac screen that cannot scroll to the bottom of the list?
How can I make the nav bar go full width in Webflow when the built-in container is restricting it?
Is anyone experiencing issues with their Robots.txt file in Webflow? I'm having trouble uploading the sitemap to Google and testing the site for rich results on Google due to the site being blocked by the robots.txt file. I've tried editing the robots.txt file and deleting text from the SEO tab, but neither solution has worked. Even manually indexing each URL on Google's sitemap app doesn't resolve the issue. Any suggestions?
How can I stretch a body background image in Webflow to fill the entire screen without preserving its aspect ratio?
What are some third-party tools or integrations that can be used to create an accordion menu in Webflow?
How can I redirect users back to my website after completing a payment on Shopify using the Shopify Buy button integrated on my Webflow CMS collection, and is it possible to pass parameters to Shopify to track which user (Memberstack) has made a payment?
How can I hide a form in Webflow on submit and display a confirmation div without interfering with the standard Webflow form JavaScript and without knowing JavaScript?
How can I prefill an Airtable form embedded in a Webflow page using URL parameters?
Can Webflow handle a tool that recommends items based on user answers from a questionnaire, with data filtering done through third-party tools like Zapier or Automate? Where should the data be stored?
Can the x-frame settings in Webflow be edited to allow my site to be displayed in an iframe?
How can I make a video appear after a certain scroll distance in Webflow?
Are there any online resources that can help me build a custom donation form in Webflow that can connect to a payment partner allowing for iDEAL payments in the Netherlands?
Is there a straightforward way to duplicate a Symbol in the symbols list in Webflow? I need to create a duplicate of a navbar to make changes without affecting the original one or its interactions. Unlinking the Symbol causes issues with interactions on desktop view. The duplicated navbars will be used for different screen versions. Thank you!
How can I create a smooth scroll Back to Top Button in Webflow for long pages or for when I want to add a modern feature that only appears once the visitor has scrolled down a bit? Can you provide an example?
Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?
How can I use the Finsweet script to manage two different sliders on my Webflow page, each feeding content from different collections?
How can I prevent a full-screen slider in Webflow from pausing on hover? Additionally, I would like to link two sliders to one control or navigation. Can anyone with JavaScript knowledge help me achieve this?
How can I change the language of publication dates in Webflow CMS collection from English to Portuguese?
How can I dynamically redirect to a CMS created after form submission in Webflow?
How can I hide the "no items found" empty field in Webflow for a second multi-image gallery on certain pages?
How can I implement swipe functionality between tab panes on mobile using custom code in Webflow?
How can I disable right-clicking on images to prevent downloading on my Webflow portfolio website?
In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!
How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?
Can anyone help me add a digital clock and date to my Webflow site? I've been able to add custom code, but I need assistance with styling the text. Thank you in advance for your help!
Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?
How can I pull the stored email from the first form submitted on our website and input it into a field on a later form during the sign-up process in Webflow? I have tried using the provided script but it only displays "undefined" in the field. I don't have much knowledge of JavaScript and found this script online.
How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?
When will Webflow update the "Select Field" component to allow for a placeholder with different colors before and after selection, without the need for a label above the field?