Start free — 500 contacts, no credit card. Create your account.

sendfable

Add a Signup Tool to Webflow

Webflow shows the snippet only after you publish. An Embed element is the inline install. Custom code in the page or project footer is the popup install when your site plan includes it.

Open Signup Tools · Start free

What you'll need

  • A Signup Tool in SendFable.
  • Designer access, and a site plan that can publish custom code if you use the footer.
  • The code from Signup Tools.

Inline installation

In Signup Tools, choose Inline, then Copy code. Paste that snippet. The example below uses your-form as a placeholder. Your copied code already has the real slug.

  1. In SendFable, open Signup Tools.
  2. Choose Inline.
  3. Copy the generated code.
  4. In Webflow, add an Embed element on the page.
  5. Paste the snippet into the embed.
  6. Publish the site. The Designer canvas is not the live result.
  7. Open the published URL and send a test signup.
<div data-sendfable-form="your-form"></div>
<script src="https://sendfable.com/embed/form.js" async></script>

Popup installation

In Signup Tools, choose Popup, set when it appears and how often, then Copy code. Add that snippet once on the pages where the popup should run. The script is the same file as Inline.

If Custom code is missing, the site plan does not include it. Use an Embed element on the pages where the popup should run, then publish.

  1. In Signup Tools, choose Popup and set the delay or scroll point, and how often.
  2. Copy the generated code.
  3. If the site shows it, paste the snippet in Page settings → Custom code → Before </body> tag, or in Project settings → Custom code → Footer code for every page.
  4. Add it once per page, or once in the project footer. Not both, or it can run twice.
  5. Publish, then test on the live domain in a private window.
<div data-sendfable-form="your-form" data-display="popup" data-trigger="delay" data-delay="10" data-frequency="7d"></div>
<script src="https://sendfable.com/embed/form.js" async></script>

How to test

  1. Publish or update the site. An unpublished draft will not show the live snippet.
  2. Open the public page in a private window.
  3. Submit a test email. It should appear in that Signup Tool's audience.
  4. If the tool asks for a phone, the SMS checkbox stays separate and starts unchecked.
  5. Free plans show Powered by SendFable under the tool. Paid plans that remove branding do not.

Common troubleshooting

  • The code shows up as text on the page. Paste it into an HTML or embed block, not a normal paragraph.
  • Nothing changed. Publish the site, then refresh. A cached page can still show the old version.
  • The popup appeared once and stopped. That is the frequency setting. Use a private window, or wait until the next window.
  • A browser extension or content blocker is stopping scripts. Try another browser with extensions off.
  • The form says it is unavailable. Copy code again from the right Signup Tool so the slug matches.

Other site builders

Ready to send your story?

Start writing free, import opted-in contacts, and send your first campaign. No credit card required.