Hostinger Reach: How to add a form built with Reach to your AI Builder agentic mode site

Add a form built with Hostinger Reach to your Hostinger AI Builder agentic mode website using AI prompts.

Updated 2 weeks ago

Once 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’t created a form yet, refer to Form Builder overview & setup guide

This guide explains how to add your form to a Hostinger AI Builder agentic mode site or any other vibe-coded website. 

Add your form to your site

Hostinger AI Builder agentic mode allows you to add elements to your site using AI prompts.

  1. Open your AI Builder editor
  2. Use the prompt input to describe what you want to add
    For example, you can enter:
    • “Add a form to my site using these code snippets:”
    • Then paste both code snippets from Reach in the prompt
      Hostinger Horizons editor showing a wellness Pilates landing page preview with a “Book Your First Class” button

    You can also be more specific, such as:

    • Where the form should appear (e.g., homepage, contact section)
    • How it should be positioned on the page
  3. Submit your request

Hostinger AI Builder agentic mode will place the form on your site based on your instructions.

Final check

If the form is not displaying:

  • Make sure the form is activated in Reach
  • Check that both code snippets were added into your prompt