{"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-10-28T09:38:13","modified_gmt":"2026-10-28T09:38:13","slug":"hostinger-reach-how-to-add-a-form-built-with-reach-to-your-ai-builder-manual-mode-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-ai-builder-manual-mode-site\/","title":{"rendered":"Hostinger Reach: How to add a form built with Reach to your AI Builder manual mode site"},"content":{"rendered":"<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><a data-click-id=\"hgr-post-content-link-how-forms-work-and-how-to-create-one-in-hostinger-reach\" href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-form-builder-overview-setup-guide\/\"><span style=\"font-weight: 400\">How forms work and how to create one in Hostinger Reach<\/span><\/a><\/div><p><span style=\"font-weight: 400\">This guide focuses on adding your already created form to a Hostinger AI Builder site.<\/span><\/p><h2 id=\"h-add-your-form-to-ai-builder-manual-mode\"><b>Add your form to AI Builder (manual mode)<\/b><\/h2><p><span style=\"font-weight: 400\">This guide explains how to display your form on a <\/span><b>Hostinger AI 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>Step 1 &ndash; Open your AI Builder editor<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><a data-click-id=\"hgr-post-content-link-log-in-to-your-hostinger-account\" href=\"https:\/\/www.hostinger.com\/support\/1583518-how-to-access-the-dashboard-in-hostinger\/\"><span style=\"font-weight: 400\">Log in to your Hostinger account<\/span><\/a><\/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 site<\/b><span style=\"font-weight: 400\"> for your AI Builder site<br>\n<img decoding=\"async\" class=\"alignnone size-full wp-image-22022\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png\" alt=\"\" width=\"1160\" height=\"336\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28.png 1160w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28-300x87.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28-1024x297.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/10\/2026-10-28_16-28-768x222.png 768w\" sizes=\"(max-width: 1160px) 100vw, 1160px\" \/><br>\n<\/span><\/li>\n<\/ol><h3><b>Step 2 &ndash; 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 decoding=\"async\" class=\"alignnone size-full wp-image-17397\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_14-30.png\" alt=\"\" width=\"438\" height=\"864\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_14-30.png 438w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/08\/2026-08-28_14-30-152x300.png 152w\" sizes=\"(max-width: 438px) 100vw, 438px\" \/><br>\n<\/span><\/li>\n<\/ol><h3><b>Step 3 &ndash; Choose your form<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Click on the added <\/span><b>Reach form<\/b><span style=\"font-weight: 400\"> element<\/span><\/li>\n<li><span style=\"font-weight: 400\">Click <\/span><b>Choose form<br>\n<img decoding=\"async\" class=\"alignnone wp-image-10924 size-full\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image1-1-e1787902238538.png\" alt=\"\" width=\"716\" height=\"297\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image1-1-e1787902238538.png 716w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image1-1-e1787902238538-300x124.png 300w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><br>\n<\/b><\/li>\n<li><b><span style=\"font-weight: 400\">Select one of the forms you created in Hostinger Reach<\/span><br>\n<\/b><\/li>\n<li><span style=\"font-weight: 400\">Click <\/span><b>Select<br>\n<img decoding=\"async\" class=\"alignnone wp-image-10925 size-full\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image3-3-e1787902293945.png\" alt=\"\" width=\"925\" height=\"601\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image3-3-e1787902293945.png 925w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image3-3-e1787902293945-300x195.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/05\/image3-3-e1787902293945-768x499.png 768w\" sizes=\"(max-width: 925px) 100vw, 925px\" \/><\/b><b><br>\n<\/b><\/li>\n<\/ol><p><span style=\"font-weight: 400\">The selected form will now appear on your website.<\/span><\/p><p><span style=\"font-weight: 400\">You can also click <\/span><b>Manage forms<\/b><span style=\"font-weight: 400\"> to create a new form in Hostinger Reach. This opens Reach in a new browser tab, where you can create and manage your forms.<\/span><\/p><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 activated in Reach<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Confirm the correct form was selected<\/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>\n","protected":false},"excerpt":{"rendered":"<p>Add a Hostinger Reach subscription form to your Hostinger AI Builder manual mode site to collect email subscribers<\/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":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-ai-builder-manual-mode-site","default":1}],"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":18,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10072\/revisions"}],"predecessor-version":[{"id":22032,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10072\/revisions\/22032"}],"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}]}}