{"id":10048,"date":"2026-04-28T04:57:11","date_gmt":"2026-04-28T04:57:11","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10048"},"modified":"2026-04-29T10:25:08","modified_gmt":"2026-04-29T10:25:08","slug":"hostinger-reach-form-builder-overview-setup-guide","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-reach-form-builder-overview-setup-guide\/","title":{"rendered":"Hostinger Reach: Form Builder Overview &amp; Setup Guide"},"content":{"rendered":"<h2 id=\"h-quick-overview\"><b>Quick overview<\/b><\/h2><p><span style=\"font-weight: 400\">Forms in Hostinger Reach are one of the simplest and most effective ways to grow your email marketing contact list. A form is typically a short sign-up element where visitors can enter their email address (and optionally other details like name) to subscribe to your communications that can be added either directly to your site or shared using a standalone link.<\/span><\/p><p><span style=\"font-weight: 400\">Once a visitor submits a form, their contact details are automatically added to your Reach contacts list &mdash; ready for future campaigns.<\/span><\/p><h2 id=\"h-step-by-step-integration-guides\"><b>Step-by-step integration guides<\/b><\/h2><p><span style=\"font-weight: 400\">Before creating your form, choose how you want to use it on your site. Follow the relevant guide below:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-wordpress-site\/\"><span style=\"font-weight: 400\">Add a form to a <\/span><b>WordPress site<\/b><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-website-builder-sit\/\"><span style=\"font-weight: 400\">Add a form to a <\/span><b>Hostinger Website Builder site<\/b><\/a><\/li>\n<li style=\"font-weight: 400\"><a href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-horizons-or-any-vibe-coded-site\/\"><span style=\"font-weight: 400\">Add a form to a <\/span><b>Hostinger Horizons site<\/b><\/a><\/li>\n<\/ul><p><b>Note that you can add a form built with Reach to any site<\/b><span style=\"font-weight: 400\">. These step-by-step guides are just to support non-technical people to succeed.<\/span><\/p><h2 id=\"h-why-use-forms\"><b>Why use forms?<\/b><\/h2><p><span style=\"font-weight: 400\">Forms are essential for building a high-quality email list because:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#9989; They collect <\/span><b>legitimate, consent-based contacts<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#9989; Visitors explicitly <\/span><b>opt-in to receive your emails<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#9989; You can grow your audience organically<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#9989; Contacts are automatically synced to Reach<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">This ensures you&rsquo;re reaching people who are genuinely interested in your content &mdash; whether it&rsquo;s promotions, updates, or educational material.<\/span><\/p><h2 id=\"h-how-forms-work\"><b>How forms work<\/b><\/h2><p><span style=\"font-weight: 400\">A form usually includes:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Email address field (required)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Optional fields (e.g., name, surname)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Consent checkbox (GDPR compliance, depending on your region)<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">When a visitor submits the form:<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Their data is captured<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">They are added to your Reach contacts<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">You can target them in future campaigns<\/span><\/li>\n<\/ol><h2 id=\"h-types-of-forms-in-reach\"><b>Types of forms in Reach<\/b><\/h2><p><span style=\"font-weight: 400\">Hostinger Reach currently supports:<\/span><\/p><h3><b>1. Embedded forms<\/b><\/h3><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Added directly into your website pages<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Always visible (e.g., newsletter section in footer or homepage)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Best for consistent, passive subscriber collection<\/span><\/li>\n<\/ul><h3><b>2. Standalone forms (shareable link)<\/b><\/h3><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Hosted on a separate page<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Can be shared via:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Social media<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Email<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Messaging platforms<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Great for collecting subscribers outside your website<\/span><\/li>\n<\/ul><h3><b>3. Pop-up forms <\/b><b><i>(coming soon)<\/i><\/b><\/h3><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Will appear as overlays on your website<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Ideal for capturing attention and boosting conversions<\/span><\/li>\n<\/ul><h2 id=\"h-best-practices-give-users-a-reason-to-sign-up\"><b>Best practices: Give users a reason to sign up<\/b><\/h2><p><span style=\"font-weight: 400\">People are more likely to subscribe if there&rsquo;s a clear benefit. Common incentives include:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#127873; Discount codes<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#128216; Free e-books or resources<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#128233; Exclusive content or tips<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">&#127891; Educational material<\/span><\/li>\n<\/ul><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><span style=\"font-weight: 400\">&#128161;Think about what is the benefit for your subscriber to opt-in to boost conversion.<\/span><\/div><h2 id=\"h-how-to-create-a-form-in-hostinger-reach\"><b>How to create a form in Hostinger Reach<\/b><\/h2><h3><b>Step 1: Name your form<\/b><\/h3><p><span style=\"font-weight: 400\">Give your form an internal name (only visible to you).<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10049\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54-300x156.png\" alt=\"\" width=\"642\" height=\"334\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54-300x156.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54-1024x532.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54-768x399.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54-1536x797.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54.png 1618w\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" \/><\/p><h3><b>Step 2: Design your form<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Start designing<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Choose your incentive&nbsp;<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reach AI will generate a form layout<\/span><span style=\"font-weight: 400\"><br>\n<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/li>\n<\/ol><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10050\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54_1-300x150.png\" alt=\"\" width=\"642\" height=\"321\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54_1-300x150.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54_1-1024x511.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54_1-768x383.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-54_1.png 1532w\" sizes=\"auto, (max-width: 642px) 100vw, 642px\" \/><\/p><p><span style=\"font-weight: 400\">You can then customize it in two ways:<\/span><\/p><p><b>Chat mode (AI-assisted):<\/b><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Ask to change layout or style<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add images<\/span><\/li>\n<\/ul><p><b>Edit mode (manual):<\/b><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Modify text and sections<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add more fields (e.g., name, surname)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Reorder or remove elements quickly<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Adjust colors, buttons, and styles<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Check &ldquo;after submission&rdquo; message<\/span><\/li>\n<\/ul><h3><b>Step 3: Set up your audience<\/b><\/h3><p><span style=\"font-weight: 400\">Choose how contacts will be organized in Reach when a new subscriber signs up:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add a <\/span><b>tag<\/b><span style=\"font-weight: 400\"> (recommended)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Create a <\/span><b>segment<\/b><span style=\"font-weight: 400\"> (optional but useful)<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">This helps you target subscribers from this form later.<\/span><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><span style=\"font-weight: 400\">&#128161;After you create a segment, you can also automate a welcome email for subscribers that are signing up to this form. Check <\/span><a href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-automate-welcome-emails\/\"><span style=\"font-weight: 400\">how to setup automated welcome email.&nbsp;<\/span><\/a><\/div><h3><b>Step 4: Activate your form<\/b><\/h3><p><span style=\"font-weight: 400\">Before using your form, you must activate it.<\/span><\/p><p><span style=\"font-weight: 400\">&#9888;&#65039; <strong>Important<\/strong><\/span><\/p><ul>\n<li><span style=\"font-weight: 400\">If the form is not active (still in draft or paused), it <\/span><b>will not display<\/b><span style=\"font-weight: 400\">, even if embedded in your site or shared via link.<\/span><\/li>\n<\/ul><h3><b>Step 5: Add or share your form<\/b><\/h3><p><span style=\"font-weight: 400\">You now have two options:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><b>Embed on your website<\/b><\/li>\n<li style=\"font-weight: 400\"><b>Share via direct link<\/b><\/li>\n<\/ul><p><span style=\"font-weight: 400\">For detailed instructions, follow the integration guides listed at the beginning of this article.<\/span><\/p><h2 id=\"h-summary\"><b>Summary<\/b><\/h2><p><span style=\"font-weight: 400\">Forms in Hostinger Reach are a powerful, flexible way to:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Grow your subscriber list<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Collect consent-based contacts<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Automatically sync users into your email marketing system<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">You can embed them on your site or share them as standalone pages &mdash; depending on your strategy.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quick overviewForms in Hostinger Reach are one of the simplest and most effective ways to grow your email marketing contact list. A form is typically&#8230;<\/p>\n","protected":false},"author":597,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[296],"tags":[],"class_list":["post-10048","post","type-post","status-publish","format-standard","hentry","category-hostinger-reach"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10048","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/597"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=10048"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10048\/revisions"}],"predecessor-version":[{"id":10086,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10048\/revisions\/10086"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10048"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10048"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10048"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}