Hostinger Reach: How to Add a Form Built with Reach to Your WordPress Site

Overview

Once 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 haven’t created a form yet, refer to this article.

This guide focuses on embedding your already created form into any WordPress site.

1- Add the on-site tracking script

To display your form on a WordPress site, start by adding a tracking script to your website (one-time setup)

Before your form can load on your site, you need to add a script from Reach to your website files.

This code snippet should be placed in the footer.php file, right before the closing </body> tag. If the </body> tag is not present, you can paste the script at the very end of the file.

Option 1: Using WordPress Theme File Editor

1. Log in to your WordPress admin dashboard
2. Go to Appearance → Theme File Editor
   
   
3. Open the footer.php file
   
   
4. Scroll to the bottom of the file
5. Paste the script from Hostinger Reach (the snippet starting with <script>)
   • Place it just before </body>, or at the end of the file if the tag is not present
     
     
6. Save your changes

Option 2: Using Hostinger File Manager

1. Log in to your Hostinger account
2. Go to Websites → Dashboard (for your WordPress site)
3. Open File Manager and click Access Files 
4. Search for footer.php
   
   
   

You may see multiple footer.php files. Make sure to:

• Select the file that belongs to your active theme

1. Open the file and scroll to the bottom
2. Paste the code snippet from Hostinger Reach:
   • before the </body> tag
   • If the tag is not present, paste it at the end of the file
     
     
3. Save the changes

2- Place the form on your page

Once the tracking script is added, you can place the form anywhere on your site.

Start by copying the form embed code from Reach.

Then go to your WordPress editor and add it to the page where you want the form to appear.

Using WordPress Block Editor

1. Open Pages in your WordPress dashboard
2. Edit the page where you want to display the form
3. Add a Custom HTML block
   
   
4. Paste the form code snippet from Hostinger Reach
   
   
5. Update or publish the page

Using Elementor

1. Open your page in Elementor
2. Search for the HTML widget
   
   
3. Drag it into your layout
4. Paste the form code snippet
5. Update the page

Final check

After publishing your page, open it in your browser and confirm that the form is visible and loads correctly.

If the form is not displaying:

• Make sure the form is activated in Reach
• Confirm the tracking script is added correctly
• Check that the embed code was pasted and saved in HTML block