How do I create and embed a SendFox signup form?

Create a signup form in Growth → Forms: click Create form, publish it, then copy the one-line embed code onto your website. The Free plan includes one form.

How does the SendFox form embed work?

The recommended embed is a single auto-updating loader script. You paste it once, and it always renders the latest version of your form — theme, fields, and display mode included — so anything you change in the builder shows up everywhere without re-pasting. When a visitor submits, the contact is added straight to the list you chose.

Plans: every plan can create and embed forms. The Free plan includes one form; Lifetime and Pro can create as many as you need. Styling, display modes and the share link work the same on every plan. Using WordPress? See how can I integrate SendFox and WordPress? Need a whole hosted page around your form? See how do I create a Smart Page?

Prefer to watch? This short video covers the whole flow:

How do I create a form?

1. From the top nav, open Growth → Forms.
2. Click Create form. The builder opens on a short quick setup — where the form will live and which list signups join — so a simple form can be published straight from there with Publish & get code (or Publish & get link for a hosted one).



3. For everything else, click Customize everything →. That opens the full editor with four tabs: Form, Design, Display, and Settings. Back to quick setup returns you to the short version.
4. On the Form tab, add the fields you want to collect — including custom fields — and set your button text.
5. On the Settings tab, choose the list(s) new subscribers should join under Add signups to lists (at least one list is required), and optionally add a redirect URL to send subscribers to your own thank-you page after they submit.
6. Click Publish form. A Get code window opens with two tabs: Embed code and Share link.

How do I get the embed code?

Copy it from the Get code window that opens when you publish, or any time from the embed page: in Growth → Forms, open the form’s ⋮ menu and choose Get embed code. There, find the Add it to your website card (marked Recommended) and click Copy code. The snippet looks like this:

<script src="https://sendfox.com/js/embed.js" data-form="your-form-slug" data-api="https://sendfox.com" async></script>

1. Copy the one-line script from the Add it to your website card.
2. Paste it into your website where you want the form to appear — it works with WordPress, Squarespace, Webflow, and any HTML page.

That’s it — anyone who submits the form is added to your SendFox list automatically. Because the snippet loads your form live, editing the form in the builder updates it everywhere it’s embedded, with no need to re-paste.

Tag people who sign up

In the form's settings, Tag them on signup applies one or more contact tags to everyone who submits this form — a tidy way to record where a subscriber came from without creating a separate list for each source.

It also applies to existing subscribers who submit the form again, so the tag reliably means "signed up through this form". The picker only appears once you have created at least one tag.

How do I choose how the form appears?

The one snippet drives all four display modes. Pick one on the Display tab, under Display mode:

• Inline — the form renders where you paste the snippet, in your page content.
• Popup — centered over the page.
• Slide-in — a corner card, less intrusive.
• Sticky bar — pinned to the top edge. The sticky bar keeps to a single row, so it collects email only; your other fields still show on the hosted page and in the other display modes.

For Popup, Slide-in, and Sticky bar, you also choose a trigger under Show it when:

• Visitor has been on the page for a set number of seconds (time-on-page delay).
• Visitor scrolls past a set percentage of the page.
• Visitor is about to leave (exit intent).
• Visitor clicks a link or button — any element on your page with the class sendfox-open opens the form.

Under Frequency, you can set “if dismissed, don’t show again for N days.” The form also never shows again to someone after a successful signup. Inline forms have no trigger — they simply render in place.

How do I style the form?

Styling now happens in the builder, not by hand-editing embed HTML. On the Design tab you can:

• Pick a ready-made color template (Classic, Ink, Coral pop, and more).
• Set the Button, Button text, Background, and Text colors from the swatches, or choose a custom color.
• Adjust the Corner radius slider to round the edges.

Your styling travels with the loader snippet, so it applies everywhere the form is embedded and updates live when you change it.

No website? Share a link

Every form also has a hosted page that renders it exactly as designed — great for link-in-bio and social posts. Use the Share link tab in the Get code window, or the No website? Share a link card on the embed page, and click Copy link.

Legacy HTML embed (still supported)

If you prefer the older pasted-HTML method, expand Prefer the legacy HTML embed? on the embed page and click Copy legacy code. This gives you the raw form markup plus the SendFox form.js script. It still works, but it won’t pick up theme or display-mode changes you make in the builder — you’d re-copy it after each edit. If you go this route and want to hand-style the markup, see how do I style my SendFox signup form? For most sites, the one-line loader snippet above is the better choice.

Troubleshooting

The form says it’s “not enabled for this website”

• You’ll see: “This form is not enabled for this website. If you own the form, add this domain to its allowed embed domains in SendFox.” The embed only shows on the sites listed under Allowed embed domains on the form’s Settings tab, and SendFox asks for your site’s domain when you choose On my website. Open the form, go to the Settings tab, and add the domain of the site you pasted it on.

I edited the form but my site still shows the old one

• If you used the recommended one-line loader snippet, changes apply automatically — try a hard refresh to clear your browser cache. If you used the legacy HTML embed, re-copy the code after saving and replace the old snippet on your site.

Adding a redirect URL won’t save

• The redirect URL must be a full link starting with http:// or https:// (for example, https://example.com/thanks).

My embedded form doesn’t show up at all

• Check that the snippet is on the page exactly as you copied it. A form also stops loading while your SendFox account is paused or restricted (a billing pause you booked, or a restriction from SendFox) — see why is my SendFox account paused or restricted?

Still need help? Search the Help Center or email support@sendfox.com with the form’s name, the page URL where you pasted the code, and any error message you see.

Frequently asked questions

Where do I find the embed code?

In the Get code window that opens when you publish, or later in Growth → Forms under the form’s ⋮ menu → Get embed code.

Can I embed the same form in more than one place?

Yes — paste the same snippet on as many pages as you like; all submissions flow into the same list.

Can I send subscribers to my own page after they sign up?

Yes — in the builder’s Settings tab, add your thank-you page’s full URL as the redirect. After someone subscribes, SendFox sends them there.

What happens if an unsubscribed contact fills in my form again?

They’re resubscribed to this form’s lists — a new signup counts as fresh consent. Submissions SendFox flags as spam don’t resubscribe anyone. See How do unsubscribing and resubscribing work in SendFox?.