Add a Working Contact Form to Any Website

See What Your Form Does Today

First, let Claude check what your contact form already does before changing anything.

Check the Contact Form

Finds the contact form, the fields it collects, what actually happens on Submit, whether messages go anywhere today, whether a handler already exists, whether loading/success/error states work, and whether an old form integration is still wired up — then tells you what works, what doesn't, and the simplest way to connect it to your Hostinger email. Changes nothing.

Review this website's existing contact form. Do not change anything yet. Identify: - where the contact form is located - the fields it currently collects - what happens when the user clicks Submit - whether messages are already sent anywhere - whether a backend or contact handler already exists - whether the form currently shows working loading, success, and error states - whether there is any old Formspree or other contact-form integration Tell me what already works, what does not work, and the simplest way to connect this form to my Hostinger business email. Keep the existing design and form wherever possible.

Choose the Inbox for Your Messages

Your contact form needs a real business inbox to deliver to.

Examples

hello@yourdomain.com contact@yourdomain.com

Already have a Hostinger business email address? Use it and continue to the next step. If you don't have one yet, create it in hPanel:

hPanel Emails Mailboxes Add mailboxes

Set Up a Professional Email Address for Your Website Domain

Don't have a business email yet? Set one up first, then come back here.

/video/set-up-a-professional-email-address-for-your-website-domain

Let Claude Connect It

Now let Claude connect your existing contact form to your Hostinger email. Claude will handle the technical setup based on your project.

Connect the Form to Your Hostinger Email

Connects the existing form so real submissions land in your Hostinger business inbox — keeping the current design and fields, keeping credentials server-side, validating on the server, adding light spam protection, setting Reply so it goes back to the visitor, and clearing out any old form integration. Tells you the plan first, and afterwards exactly what to add in Hostinger.

Connect the existing contact form on this website so real submissions are delivered to my Hostinger business email. Keep the existing form design and fields unless something is broken. Use the simplest secure implementation appropriate for this project's existing stack and Hostinger hosting setup. Requirements: - keep email credentials and secrets server-side - never expose email passwords or credentials in frontend code - use authenticated email delivery appropriate for Hostinger Email - reuse the project's existing backend/server conventions whenever possible - preserve the current design - preserve or add clear loading, success, and error states - validate submissions on the server - add lightweight spam protection such as a honeypot if appropriate - add simple rate limiting only if it can be implemented cleanly with the existing stack - do not add CAPTCHA unless it is actually needed - do not add a database or unnecessary services just for this form The email sent to the business should include all legitimate fields from the existing form. Configure the message so replying to the received email replies to the visitor's submitted email address. Remove any old Formspree or obsolete submission integration if it is no longer needed. Before making changes, tell me what you plan to change. After implementation, tell me exactly what information or environment variables I need to add in Hostinger, and where I should add them. Do not hardcode any password or secret.

IMPORTANT

When Claude finishes the code changes, it will tell you which environment variables the project needs. Add those values in Hostinger — never directly into the code.

Hostinger Web App Environment variables

Send a Real Test Message

Send a message through the website exactly like a real visitor, then check your Hostinger inbox.

Submit a real test message

A loading state appears while sending

A success message appears

The message arrives in your Hostinger inbox

The submitted name, email, and message are correct

Clicking Reply replies to the visitor's email

The form works when you try it once on mobile

Submitting with a required field missing is rejected

NOTE

Check the Spam or Junk folder during the first test.

Final Check

One last pass from Claude before you call it done.

Final Contact Form Check

Confirms delivery to your Hostinger inbox, credentials staying server-side, working validation, basic spam protection, working loading/success/error states, Reply going back to the visitor, and no leftover form integration — fixing only contact-form issues.

Review the contact form implementation one final time. Confirm that: - submissions are delivered to the configured Hostinger business inbox - credentials stay server-side - validation works - basic spam protection is present - loading, success, and error states work - replying to the received message replies to the visitor - no obsolete Formspree or duplicate form integration remains Fix only issues related to this contact form. Do not redesign unrelated parts of the website.