{"id":10056,"date":"2026-04-28T05:13:28","date_gmt":"2026-04-28T05:13:28","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10056"},"modified":"2026-04-29T10:24:35","modified_gmt":"2026-04-29T10:24:35","slug":"hostinger-reach-how-to-add-a-form-built-with-reach-to-your-wordpress-site","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/hostinger-reach-how-to-add-a-form-built-with-reach-to-your-wordpress-site\/","title":{"rendered":"Hostinger Reach: How to Add a Form Built with Reach to Your WordPress 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 WordPress site 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 focuses on embedding your already created form into any<\/span><b> WordPress site.<\/b><\/p><h2 id=\"h-1-add-the-on-site-tracking-script\"><b>1- Add the on-site tracking script<\/b><\/h2><p><span style=\"font-weight: 400\">To display your form on a WordPress site, start by adding a <\/span><b>tracking script<\/b><span style=\"font-weight: 400\"> to your website (one-time setup)<\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10057\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-59-300x217.png\" alt=\"\" width=\"672\" height=\"486\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-59-300x217.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-59-1024x741.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-59-768x556.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_11-59.png 1072w\" sizes=\"auto, (max-width: 672px) 100vw, 672px\" \/><\/p><p><span style=\"font-weight: 400\">Before your form can load on your site, you need to add a script from Reach to your website files.<\/span><\/p><p><span style=\"font-weight: 400\">This code snippet should be placed in the <\/span><span style=\"font-weight: 400\">footer.php<\/span><span style=\"font-weight: 400\"> file, right before the closing <\/span><span style=\"font-weight: 400\">&lt;\/body&gt;<\/span><span style=\"font-weight: 400\"> tag. If the <\/span><span style=\"font-weight: 400\">&lt;\/body&gt;<\/span><span style=\"font-weight: 400\"> tag is not present, you can paste the script at the very end of the file.<\/span><\/p><h3><b>Option 1: Using WordPress Theme File Editor<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Log in to your <\/span><b>WordPress admin dashboard<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Go to <\/span><b>Appearance &rarr; Theme File Editor<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10058\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03-300x184.png\" alt=\"\" width=\"579\" height=\"355\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03-300x184.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03-1024x630.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03-768x472.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03.png 1080w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/b><b><br>\n<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open the <\/span><b>footer.php<\/b><span style=\"font-weight: 400\"> file<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10059\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03_1-300x149.png\" alt=\"\" width=\"562\" height=\"279\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03_1-300x149.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03_1-1024x508.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03_1-768x381.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-03_1.png 1084w\" sizes=\"auto, (max-width: 562px) 100vw, 562px\" \/><\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Scroll to the bottom of the file<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paste the script from Hostinger Reach (the snippet starting with <\/span><span style=\"font-weight: 400\">&lt;script&gt;<\/span><span style=\"font-weight: 400\">)<\/span>\n<ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Place it <\/span><b>just before <\/b><b>&lt;\/body&gt;<\/b><span style=\"font-weight: 400\">, or at the end of the file if the tag is not present<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10060\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-04-300x144.png\" alt=\"\" width=\"598\" height=\"287\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-04-300x144.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-04-1024x490.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-04-768x368.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-04.png 1446w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Save your changes<\/span><\/li>\n<\/ol><h3><b>Option 2: Using Hostinger File Manager<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Log in to your <\/span><b>Hostinger account<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Go to <\/span><b>Websites &rarr; Dashboard<\/b><span style=\"font-weight: 400\"> (for your WordPress site)<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open <\/span><b>File Manager<\/b><span style=\"font-weight: 400\"> and click <\/span><b><b>Access Files<\/b><\/b><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10063\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05-300x152.png\" alt=\"\" width=\"630\" height=\"319\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05-300x152.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05-1024x519.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05-768x389.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05.png 1404w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><b>&nbsp;<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Search for <\/span><span style=\"font-weight: 400\">footer.php<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10062\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_1-300x140.png\" alt=\"\" width=\"630\" height=\"294\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_1-300x140.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_1-1024x479.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_1-768x359.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_1.png 1408w\" sizes=\"auto, (max-width: 630px) 100vw, 630px\" \/><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10061\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_2-300x151.png\" alt=\"\" width=\"622\" height=\"313\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_2-300x151.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_2-1024x516.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_2-768x387.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-05_2.png 1528w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/li>\n<\/ol><p><span style=\"font-weight: 400\">You may see multiple <\/span><span style=\"font-weight: 400\">footer.php<\/span><span style=\"font-weight: 400\"> files. Make sure to:<\/span><\/p><ul>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Select the file that belongs to your <\/span><b>active theme<\/b><\/li>\n<\/ul><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open the file and scroll to the bottom<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paste the code snippet from Hostinger Reach:<\/span>\n<ul>\n<li style=\"font-weight: 400\"><b>before the <\/b><b>&lt;\/body&gt;<\/b><b> tag<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">If the tag is not present, paste it <\/span><b>at the end of the file<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10064\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-07-300x148.png\" alt=\"\" width=\"574\" height=\"283\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-07-300x148.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-07-1024x506.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-07-768x380.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-07.png 1472w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><\/b><b><br>\n<\/b><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Save the changes<\/span><\/li>\n<\/ol><h2 id=\"h-2-place-the-form-on-your-page\"><b>2- <\/b><b>Place the form on your page<\/b><\/h2><p><span style=\"font-weight: 400\">Once the tracking script is added, you can place the form anywhere on your site.<\/span><\/p><p><span style=\"font-weight: 400\">Start by copying the <\/span><b>form embed code<\/b><span style=\"font-weight: 400\"> from Reach.<\/span><\/p><p><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10065\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-08-300x226.png\" alt=\"\" width=\"569\" height=\"429\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-08-300x226.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-08-1024x771.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-08-768x579.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-08.png 1062w\" sizes=\"auto, (max-width: 569px) 100vw, 569px\" \/><br>\n<\/span><span style=\"font-weight: 400\">Then go to your WordPress editor and add it to the page where you want the form to appear.<\/span><\/p><h3><b>Using WordPress Block Editor<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open <\/span><b>Pages<\/b><span style=\"font-weight: 400\"> in your WordPress dashboard<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Edit the page where you want to display the form<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Add a <\/span><b>Custom HTML<\/b><span style=\"font-weight: 400\"> block<br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10068\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09-300x151.png\" alt=\"\" width=\"499\" height=\"251\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09-300x151.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09-1024x515.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09-768x386.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09-1536x773.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09.png 1550w\" sizes=\"auto, (max-width: 499px) 100vw, 499px\" \/><\/span><span style=\"font-weight: 400\"><br>\n<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paste the form code snippet from Hostinger Reach<\/span><span style=\"font-weight: 400\"><br>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10067\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_1-300x151.png\" alt=\"\" width=\"523\" height=\"263\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_1-300x151.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_1-1024x515.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_1-768x386.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_1-1536x773.png 1536w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_1.png 1542w\" sizes=\"auto, (max-width: 523px) 100vw, 523px\" \/><br>\n<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Update or publish the page<\/span><\/li>\n<\/ol><h3><b>Using Elementor<\/b><\/h3><ol>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Open your page in <\/span><b>Elementor<\/b><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Search for the <\/span><b>HTML<\/b><span style=\"font-weight: 400\"> widget<br>\n<\/span><span style=\"font-weight: 400\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-10066\" src=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_2-300x147.png\" alt=\"\" width=\"533\" height=\"261\" srcset=\"https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_2-300x147.png 300w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_2-1024x501.png 1024w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_2-768x376.png 768w, https:\/\/www.hostinger.com\/support\/wp-content\/uploads\/sites\/55\/2026\/04\/2026-04-28_12-09_2.png 1448w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><br>\n<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Drag it into your layout<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Paste the form code snippet<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Update the page<\/span><\/li>\n<\/ol><h2 id=\"h-final-check\"><b>Final check<\/b><\/h2><p><span style=\"font-weight: 400\">After publishing your page, open it in your browser and confirm that the form is visible and loads correctly.<\/span><\/p><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 the tracking script is added correctly<\/span><\/li>\n<li style=\"font-weight: 400\"><span style=\"font-weight: 400\">Check that the embed code was pasted and saved in HTML block<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>OverviewOnce your form is created in Hostinger Reach, you can add it to your WordPress site to start collecting subscribers directly from your pages.If you&#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-10056","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\/10056","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=10056"}],"version-history":[{"count":5,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10056\/revisions"}],"predecessor-version":[{"id":10087,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10056\/revisions\/10087"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10056"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10056"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10056"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}