How to Add and Customize Contact Forms in Hostinger

Adding Contact Forms in Hostinger Website Builder

Adding a contact form to your Hostinger website takes just a few clicks. The Website Builder includes form tools that let you collect visitor messages, enquiries, and feedback without any coding.

TL;DR:

• Contact forms are built into Hostinger's Website Builder
• Add forms through the 'Add Section' menu under Forms
• Customise fields like name, email, phone, and message boxes
• Set up email notifications so you get alerts when forms are submitted
• Test your form before going live to catch any issues

How to Add a Contact Form

Getting your contact form up and running is straightforward:

1. Log into your Hostinger account and open the Website Builder
2. Select the page where you want the form to appear
3. Click "Add Section" in the editor
4. Choose "Forms" from the section categories
5. Pick a contact form template that fits your site
6. Drag it into position on your page

Place your form somewhere obvious. The footer, contact page, or sidebar work well. Visitors should find it without hunting around.

Customising Form Fields

The default contact form includes basic fields, but you can adjust these to match what you need:

Standard fields include:

• Name (first name, last name, or full name)
• Email address
• Phone number
• Message box
• Subject line

To customise fields:

• Click on the form in your editor
• Use the settings panel to add or remove fields
• Adjust field labels and placeholder text
• Set which fields are required vs optional
• Change the layout from single to multiple columns

Keep forms short. Ask for the minimum information you actually need. Long forms put people off.

Setting Up Email Notifications

You'll want to know when someone submits your form:

1. Click on your form in the editor
2. Go to the form settings
3. Find the "Email Notifications" section
4. Enter the email address where you want submissions sent
5. Customise the notification email subject line
6. Save your changes

The notification emails include all the details from the form submission. You can set up multiple email addresses if needed.

Form Settings and Options

Submission behaviour:

• Choose what happens after someone submits the form
• Show a thank you message
• Redirect to a specific page
• Display contact details or next steps

Spam protection:

• Enable reCAPTCHA to filter out automated spam
• Set up basic spam filtering
• Review submissions before they're processed

Design options:

• Match form colours to your site theme
• Adjust button styles and text
• Change field spacing and layout
• Add custom CSS if needed

Testing Your Contact Form

Before your site goes live, test the form thoroughly:

1. Fill out the form as a visitor would
2. Submit a test message
3. Check your email for the notification
4. Verify all fields work correctly
5. Test on mobile devices
6. Try submitting without required fields to check validation

Common issues include notification emails going to spam folders or incorrect email addresses in the settings.

FAQs

Can I add multiple contact forms to different pages?
Yes, you can add contact forms to any page. Each form can have different fields and settings.

What happens to form submissions?
Submissions are emailed to the address you specify in the form settings. Hostinger doesn't store submissions separately.

Can I integrate with third-party tools?
The Website Builder supports basic integrations, but options are limited compared to dedicated form services.

Are there limits on form submissions?
No specific limits, but very high volumes might affect performance. Most small business sites won't hit any limits.

Can I customise the thank you message?
Yes, you can set custom thank you messages or redirect users to a specific page after submission.

Jargon Buster

Contact Form: A web form that lets visitors send messages directly to the site owner without revealing email addresses publicly.

Form Fields: Individual input boxes where visitors enter information like name, email, or message text.

Form Validation: Automatic checking to ensure required fields are filled out correctly before submission.

Email Notifications: Automated emails sent to the site owner when someone submits a contact form.

reCAPTCHA: Google's spam protection system that helps filter out automated form submissions.

Wrap-up

Contact forms are essential for any business website. They make it easy for visitors to get in touch while keeping your email address private. Hostinger's Website Builder includes everything you need to create professional contact forms without technical complexity.

Keep your forms simple, test them regularly, and make sure you're actually receiving the submissions. A broken contact form means missed opportunities.

Ready to build better websites? Join Pixelhaze Academy for expert training and support.