{"id":10185,"date":"2026-04-29T17:04:25","date_gmt":"2026-04-29T17:04:25","guid":{"rendered":"https:\/\/www.hostinger.com\/support\/?p=10185"},"modified":"2026-04-29T17:04:25","modified_gmt":"2026-04-29T17:04:25","slug":"how-to-create-a-contact-form-in-hostinger-horizons","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/how-to-create-a-contact-form-in-hostinger-horizons\/","title":{"rendered":"How to create a contact form in Hostinger Horizons"},"content":{"rendered":"

Building a contact form for your website allows visitors to reach out to you directly. In Hostinger Horizons, forms automatically store submissions in a dedicated data collection and send email notifications to your preferred address. This process is handled entirely within the Horizons interface without requiring external email services.<\/span><\/p>

Step 1: Prompt Horizons to create the contact form<\/b><\/h3>

To set up the form, you must use the AI chat interface to define the fields and the notification behavior.<\/span><\/p>

    \n
  1. Open the Horizons chat<\/strong>.<\/span><\/li>\n
  2. Enter a prompt<\/strong> that specifies the required fields, the data collection name, and your notification email. For example:
    \n<\/span>“Add a contact form to my website with the following fields: full name, email address, and message. Store each submission in a data collection called Contact Submissions<\/b>. Send an email notification to my.email@example.com<\/b><\/em> every time the form is submitted, including the sender’s name, email address, and message.<\/em>“<\/span><\/li>\n
  3. Replace the placeholder email with the actual address where you wish to receive alerts.<\/span><\/li>\n<\/ol>
    Use specific prompts to include additional fields like phone numbers or subject lines.<\/div>

    Step 2: Test the form in preview mode<\/b><\/h3>

    Before making your site live, verify that the data is being captured and notifications are working.<\/span><\/p>

      \n
    1. Click <\/span>Preview<\/b> in the Horizons editor.
      \n\"\"<\/span>
      \n<\/span><\/li>\n
    2. Fill out the contact form as a visitor would and submit it.
      \n\"\"<\/span>
      \n<\/span><\/li>\n
    3. Click the <\/span>Data<\/b> toggle at the top of the editor.<\/span><\/li>\n
    4. Open the <\/span>Contact Submissions<\/b> collection in the left panel.
      \n\"\"<\/span>
      \n<\/span><\/li>\n
    5. Confirm the test entry appears under the <\/span>Test data<\/b> section.<\/span><\/li>\n
    6. Check your email inbox for the notification.<\/span><\/li>\n<\/ol>

      Step 3: Publish the website<\/b><\/h3>

      Once testing is successful, publish the project to enable live submissions.<\/span><\/p>

        \n
      1. Click <\/span>Publish<\/b> in the Horizons editor.<\/span><\/li>\n
      2. Real visitor submissions will now appear in the <\/span>Live data<\/b> section of the <\/span>Data<\/b> tab.
        \n\"\"
        \n<\/span><\/li>\n
      3. Email notifications will trigger for every new submission.<\/span><\/li>\n<\/ol>

        You have now successfully integrated a contact system into your Hostinger Horizons site<\/strong>. Your visitors can reach you easily, and you can manage all interactions directly from your dashboard. For more advanced marketing features, you can always use your forms with Hostinger Reach<\/strong><\/a>.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

        Create a functional website contact form with automatic email notifications and database storage using Hostinger Horizons<\/p>\n","protected":false},"author":591,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[293],"tags":[],"class_list":["post-10185","post","type-post","status-publish","format-standard","hentry","category-hostinger-horizons"],"hreflangs":[],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10185","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\/591"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=10185"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10185\/revisions"}],"predecessor-version":[{"id":10192,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/10185\/revisions\/10192"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=10185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=10185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=10185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}