Skip to content
Website Builder

How to Add a Contact Form in Hostinger Website Builder That Sends to Your Email Inbox

June 18, 2025

If you’re building a website with Hostinger Website Builder and need a reliable way to let visitors contact you, adding a contact form that sends messages directly to your email is essential. In this guide, I’ll show you exactly how to do it—step-by-step—using Elfsight’s contact form widget.

Why Use a Contact Form?

A contact form improves your site’s professionalism and user experience. It helps your visitors reach out without opening their email app and ensures you collect structured information (like name, email, and message) securely and efficiently.

Step 1: Create the Contact Form with Elfsight

  1. Visit Elfsight.com.
  2. Hover over “Widgets” and choose “Contact Form.”
  3. Click “Create widget for free” and select a template (the basic plan works fine).
  4. Customize the form fields:
    • Change “First Name” + “Last Name” into one “Full Name” field.
    • Make “Email” required.
    • Remove optional fields like phone number if you don’t need them.
    • You can also edit the title, footer, and success message.

Step 2: Publish and Copy the Embed Code

  1. Once your form is ready, click “Add to Website.”
  2. Sign up using email or Google.
  3. Click “Publish,” choose the free/basic plan.
  4. Copy the generated embed code.

Step 3: Embed the Contact Form in Hostinger Website Builder

  1. Log in to your Hostinger account.
  2. Go to your site’s dashboard and click “Edit Website.”
  3. Create a new page (e.g., “Contact”).
  4. Delete the default Hostinger form block.
  5. Add an “Embed Code” element to the page.
  6. Paste your Elfsight form code and hit “Embed.”

Step 4: Test the Contact Form

Now visit your live website and go to the contact page. Fill in your name, email, message, and (optionally) attach a file. Click “Submit” and confirm the message is delivered.

You should receive the submission directly in your email inbox almost instantly.

Free Hostinger Website Builder Masterclass

Want to go deeper?
📖 Get My Hostinger Course for Free
🎓 Join My Academy (Free)

Inside the course, you’ll learn:

  • Getting started with Hostinger
  • Templates & branding
  • Navigation, advanced layouts, and SEO
  • E-commerce, blogging, analytics, and more

Adding a custom contact form in Hostinger has never been easier. Follow these simple steps and start receiving messages from your visitors today!