How to Add Newsletter Signup to Squarespace
A newsletter invitation needs a working destination. Before choosing colors or placing it inside an article, decide what readers will receive, where their signup will be stored, and what happens after they submit. A visible email field alone does not establish any of those steps.
Start with a connected native Newsletter block
In the page editor, add a Newsletter block. Give it a recognizable form name, describe the newsletter, and configure the post-submit message or redirect. Open Storage to select the destination and review subscriber verification. Follow Squarespace's current Newsletter block guide.
Squarespace supports its mailing lists and additional storage integrations. Check the requirements for the connection you choose. Configure the actual list before inviting readers to subscribe; an attractive form is not proof that records arrive in the intended place.
Keep the signup description specific. A contractor might send project stories, a studio might share new work, and a retailer might announce new products. The wording should come from the business's actual publishing plans. Do not promise weekly messages, exclusive discounts, or a free download unless that offer exists.
Place the invitation where it makes sense
Choose a natural pause in the article. A reader who has just finished a useful explanation may understand the value of subscribing better than someone who has only seen the title. That is a placement hypothesis to measure, not a guaranteed conversion lift.
Keep the article readable before and after the invitation. Avoid interrupting a numbered procedure, splitting a quotation, or placing a signup between a question and its answer. On a short post, an invitation at the end may be enough.
A native Text block and Button block may cover a simple invitation. Use a custom export only when its appearance or paragraph-placement behavior meets a need those native blocks do not cover.
Link to an existing signup experience
The Newsletter Insert creates a styled callout with a real destination link. It can point to a newsletter page on your site, a maintained anchor at an existing form, or an HTTPS signup page hosted by your provider. It does not collect addresses, subscribe anyone, or send email.
Customize and preview free. The personal-use code export costs $11.99 once; packs and commercial licenses have separate terms. Existing owners can sign in from the tool. If the license lookup fails, use its recovery option before buying again.
Enter your own heading, description, and destination. The example article exists only in the preview and is excluded from the export. Clicking the preview link shows the intended destination without navigating or submitting a signup.
Choose manual or paragraph placement
Manual placement is the default and uses HTML and CSS only. Put the Code block where the invitation belongs. Its ordinary link continues to work without a custom script.
Optional paragraph placement moves this invitation after a selected paragraph inside one article. Its selector must identify exactly one content area containing the Code block. Inspect your published markup; a selector that works on one template may be unsuitable on another.
The count excludes empty or hidden paragraphs and paragraphs inside site chrome, forms, callouts, lists, quotes, and tables. The script moves only its own invitation. It does not copy or relocate a native newsletter form.
If the target is missing, ambiguous, outside the article, or too short, the callout stays at the Code block. That makes the original block location a deliberate fallback. Paragraph changes can reposition it; a focused link stays in place until the reader leaves it.
Install a fresh export and inspect the page
For the JavaScript placement option, Squarespace currently requires Core, Plus, or Advanced. Check legacy-plan support before buying. Use an HTML Code block with Display Source off. Read the Code block requirements.
- Configure the actual native form or hosted signup page and open its published URL.
- Write a clear invitation and choose its destination, style, colors, and placement.
- Replace any old Newsletter Insert snippets, including older footer injection, with the full export in an article Code block.
- Inspect the page while signed out, on narrow and wide screens. Check keyboard focus and follow the installed destination link.
- For paragraph placement, check the exact article scope, paragraph count, fallback, and Back/Forward navigation.
Publishing this tool update does not change code previously pasted into another site. Replace those old exports explicitly. The current version is a linked invitation for each page where it is installed; it does not insert a signup form across every blog post.
Measure the complete signup path
Record the invitation click separately from the destination form submission. Then confirm that a legitimate signup appears in the correct list and completes the configured verification flow. Confirmed subscriber records and successful message delivery are later steps.
Squarespace documents that submission counts and subscriber counts can differ, including when confirmation is incomplete or an address is already on the list. Investigate the actual record instead of treating every click or submission as a new subscriber.
Use useful articles and a newsletter people want to receive. More callouts do not guarantee more subscribers, and a signup widget does not guarantee search rankings. Compare placement choices against completed signups and downstream customer activity.
Preview your newsletter invitation