{"id":10072,"date":"2026-04-28T05:19:14","date_gmt":"2026-04-28T05:19:14","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10072"},"modified":"2026-05-04T06:28:28","modified_gmt":"2026-05-04T06:28:28","slug":"hostinger-reach-how-to-add-a-form-built-with-reach-to-your-website-builder-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-website-builder-site\/","title":{"rendered":"Hostinger Reach: How to Add a Form Built with Reach to Your Website Builder Site"},"content":{"rendered":"<h2 id=\"h-overview\"><b>Overview<\/b><\/h2><p><span style=\"font-weight: 400\">Once your form is created in Hostinger Reach, you can add it to your website to start collecting subscribers directly from your pages.<\/span><\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\"><span style=\"font-weight: 400\">If you haven&rsquo;t created a form yet, see:<\/span><span style=\"font-weight: 400\"><br>\n<\/span><span style=\"font-weight: 400\"> &#128073; <\/span><a href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-form-builder-overview-setup-guide\/\"><i><span style=\"font-weight: 400\">How forms work and how to create one in Hostinger Reach<\/span><\/i><\/a><\/div><p><span style=\"font-weight: 400\">This guide focuses on embedding your already created form into a Hostinger Website Builder site.<\/span><\/p><h2 id=\"h-add-your-form-to-website-builder\"><b>Add your form to Website Builder<\/b><\/h2><p><span style=\"font-weight: 400\">This guide explains how to display your form on a <\/span><b>Hostinger Website Builder<\/b><span style=\"font-weight: 400\"> site using the <\/span><b>Reach form element<\/b><span style=\"font-weight: 400\">.<\/span><\/p><h3><b>1. Open your Website Builder editor<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Log in to your Hostinger account<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Go to <\/span><b>Websites<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Edit website<\/b><span style=\"font-weight: 400\"> for your Website Builder site<\/span><\/li>\n<\/ol><h3><b>2. Add the Reach form element<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Navigate to the page where you want the form<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click <\/span><b>Elements<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Find and select <\/span><b>Reach form<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Drag and drop it onto your page<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10146\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26.png\" alt=\"\" width=\"1055\" height=\"642\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26.png 1055w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26-300x183.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26-1024x623.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26-768x467.png 768w\" sizes=\"auto, (max-width: 1055px) 100vw, 1055px\" \/><br>\n<\/span><\/li>\n<\/ol><h3><b>3. Insert your Form ID<\/b><\/h3><ol>\n<li><span style=\"font-weight: 400\">Click on the added <\/span><b>Reach form element<\/b><\/li>\n<li><span style=\"font-weight: 400\">Click<\/span><b> Reach For ID<\/b><\/li>\n<li><span style=\"font-weight: 400\">Locate the <\/span><b>Form ID field<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10147\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_1.png\" alt=\"\" width=\"1049\" height=\"620\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_1.png 1049w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_1-300x177.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_1-1024x605.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_1-768x454.png 768w\" sizes=\"auto, (max-width: 1049px) 100vw, 1049px\" \/><br>\n<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Now go to <\/span><b>Hostinger Reach<\/b><span style=\"font-weight: 400\">:<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open your form<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Find the section <\/span><b>&ldquo;Place the form on your site&rdquo;<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Copy the <\/span><b>Form ID<\/b><span style=\"font-weight: 400\"> from the second code snippet<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">This is the <\/span><b>long ID string<\/b><span style=\"font-weight: 400\"> shown in the embed code<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paste the Form ID into the Website Builder element<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10148\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_2.png\" alt=\"\" width=\"1010\" height=\"617\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_2.png 1010w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_2-300x183.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_2-768x469.png 768w\" sizes=\"auto, (max-width: 1010px) 100vw, 1010px\" \/><br>\n<\/span><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-10149\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_3.png\" alt=\"\" width=\"1042\" height=\"582\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_3.png 1042w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_3-300x168.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_3-1024x572.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-29_17-26_3-768x429.png 768w\" sizes=\"auto, (max-width: 1042px) 100vw, 1042px\" \/><\/li>\n<\/ol><h2 id=\"h-final-check\"><b>Final check<\/b><\/h2><p><span style=\"font-weight: 400\">If the form is not displaying:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Make sure the form is <\/span><b>activated<\/b><span style=\"font-weight: 400\"> in Reach<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Confirm <\/span><b>Form ID<\/b><span style=\"font-weight: 400\"> were pasted correctly<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Ensure the website was updated (not just previewed)<\/span><\/li>\n<\/ul><p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>OverviewOnce your form is created in Hostinger Reach, you can add it to your website to start collecting subscribers directly from your pages.If you haven&rsquo;t&#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-10072","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\/10072","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=10072"}],"version-history":[{"count":8,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10072\/revisions"}],"predecessor-version":[{"id":10241,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10072\/revisions\/10241"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10072"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10072"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10072"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}