How to Add Contact Forms in Sitejet Builder

Introduction

A contact form is an essential feature for any website, allowing visitors to reach you directly without needing to open their email client. With Sitejet Builder, adding a fully functional and customizable contact form is simple and does not require any coding.

This article will guide you through adding, editing, and configuring contact forms in Sitejet Builder within cPanel.

Why Use a Contact Form?

• Provide a professional way for users to contact you

• Prevent spam by hiding your actual email address

• Collect specific information with custom fields

• Improve user engagement and lead generation

Step-by-Step: Adding a Contact Form

1. Access Sitejet Builder

   • Log into your cPanel account

   • Navigate to Sitejet Builder under the Website Tools section

   • Choose the website you want to edit

2. Open the Page You Want to Edit

   • Select an existing page (e.g., Contact Us) or create a new one

   • Click on Edit Page

3. Add the Contact Form Block

   • In the builder sidebar, go to the Widgets or Blocks section

   • Locate the Form or Contact Form widget

   • Drag and drop it onto the page where you want the form to appear

4. Customize Form Fields

   • Click on the form to open its settings

   • Add or remove fields such as:

     • Name

     • Email

     • Phone Number

     • Message

     • Dropdowns or checkboxes for specific inquiries

   • Adjust placeholder text, field labels, and validation rules

Configuring Email Settings

Once your form is placed, it’s important to set up email delivery:

1. Click on the Form > Settings / Form Settings

2. Enter the recipient email address (your business or support email)

3. Customize the subject line and confirmation message

4. Set a redirect URL (e.g., thank-you page) or display a success message

5. Save changes

Make sure your domain’s email settings (MX records, SPF, DKIM) are properly configured to avoid missing submissions.

Styling Your Contact Form

• Use the Design Panel to change:

  • Field size and spacing

  • Button styles (text, color, hover effects)

  • Font styles and alignment

• You can also place the form inside a card, column, or section block to better fit your layout

Adding reCAPTCHA (if supported)

Some versions of Sitejet Builder support Google reCAPTCHA to prevent spam. If available:

1. Enable CAPTCHA in Form Settings

2. Enter your Site Key and Secret Key from the Google reCAPTCHA dashboard

3. Save and test the form

Testing the Form

• Fill out the form and submit a test entry

• Check your inbox (and spam folder) to ensure messages are delivered

• Adjust settings if you're not receiving submissions

Conclusion

Adding a contact form with Sitejet Builder helps you stay connected with your audience while maintaining a clean and secure website. Whether you're collecting basic contact info or custom inquiries, Sitejet gives you full control over your form’s design and functionality.