{"id":10078,"date":"2026-04-28T05:22:06","date_gmt":"2026-04-28T05:22:06","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10078"},"modified":"2026-04-29T10:23:27","modified_gmt":"2026-04-29T10:23:27","slug":"hostinger-reach-how-to-add-a-form-built-with-reach-to-your-horizons-or-any-vibe-coded-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-horizons-or-any-vibe-coded-site\/","title":{"rendered":"Hostinger Reach: How to Add a Form Built with Reach to Your Horizons (or any vibe-coded site)\u00a0"},"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><p><span style=\"font-weight: 400\">If you haven&rsquo;t created a form yet, refer to<a href=\"https:\/\/www.hostinger.com\/support\/hostinger-reach-form-builder-overview-setup-guide\/\"> this article<\/a>.<\/span><\/p><p><span style=\"font-weight: 400\">This guide explains how to add your form to a <\/span><b>Hostinger Horizons site<\/b><span style=\"font-weight: 400\"> or any <\/span><b>other vibe-coded website.&nbsp;<\/b><\/p><h2 id=\"h-add-your-form-to-your-site\"><b>Add your form to your site<\/b><\/h2><p><span style=\"font-weight: 400\">Hostinger Horizons allows you to add elements to your site using AI prompts.<\/span><\/p><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open your <\/span><b>Horizons editor<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\"><span style=\"font-weight: 400\">Use the prompt input to describe what you want to add<br>\n<\/span><\/span><span style=\"font-weight: 400\">For example, you can enter:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><i><span style=\"font-weight: 400\">&ldquo;Add a form to my site using these code snippets:&rdquo;<\/span><\/i><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Then paste both code snippets from Reach in the prompt<br>\n<\/span><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10081\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-20-300x148.png\" alt=\"\" width=\"626\" height=\"309\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-20-300x148.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-20-1024x504.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-20-768x378.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-20-1536x756.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-20.png 1556w\" sizes=\"auto, (max-width: 626px) 100vw, 626px\" \/><\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400\">You can also be more specific, such as:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Where the form should appear (e.g., homepage, contact section)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">How it should be positioned on the page<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Submit your request<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">Horizons AI website builder&nbsp; will place the form on your site based on your instructions.<\/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 <\/span><b>activated<\/b><span style=\"font-weight: 400\"> in Reach<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Check that both code snippets were added into your prompt<\/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-10078","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\/10078","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=10078"}],"version-history":[{"count":2,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10078\/revisions"}],"predecessor-version":[{"id":10083,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10078\/revisions\/10083"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10078"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10078"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10078"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}