← Back to Help Center

Contact Form

The contact form adds a professional message form to your website so visitors can reach you directly. Messages are sent to your email inbox. This feature is available exclusively on Pro and Premium plans.

What Is the Contact Form?

The contact form is a dedicated section on your one-page website where visitors can send you a message. It appears as a two-column layout: one side shows a call-to-action message (optionally with a background image), and the other side contains the form itself.

When a visitor submits the form, you receive an email with their name, email address, phone number (if provided), and message. You can reply directly from your email.

Availability

The contact form is only available on Pro and Premium subscriptions. If you are on a Starter plan, this feature will not appear in your dashboard or on your website. Upgrading your plan automatically enables the contact form.

Adding a Contact Form to Your Website

The contact form is added as a section, just like any other part of your one-page website.

  1. Open the Sections page from your dashboard menu.
  2. Create a new section and choose "Contact Form" as the type.
  3. Save the section. You will be taken to the edit page to fill in the content.
  4. Drag the section to the desired position on your page (for example, near the bottom, just above the footer).

Note: If you do not see "Contact Form" in the list of section types, your current subscription plan does not include this feature.

Editing the Contact Form Section

The contact form section has two areas you can customize: the call-to-action side and the form heading.

Setting Up the Call-to-Action Side

The left side of the contact form section displays a promotional message designed to encourage visitors to get in touch.

  1. Open the contact form section for editing.
  2. Enter a label — a small text displayed above the heading (for example, "Contact" or "Get in Touch").
  3. Enter a heading — the main message visitors will see (for example, "We'd love to hear from you").
  4. Enter a highlight text — a word or phrase from your heading that will be displayed in your accent color for emphasis.

If your heading is "We'd love to hear from you," setting the highlight text to "love to hear" will make those words stand out in your theme's accent color.

Setting Up the Form Side

The right side contains the actual message form.

  1. Enter a title for the form area (for example, "Send us a message").

That is all you need to configure. The form fields themselves (name, email, phone, message) are built in and cannot be changed.

Adding a Background Image

You can optionally add a background image to the call-to-action side for a more visual presentation.

  1. Scroll to the media area below the content fields.
  2. Upload a featured image. Use the built-in image editor to crop or adjust it.
  3. Save the section.

Upload a warm, inviting photo of your salon interior to make the contact area feel welcoming.

What Visitors See

When a visitor reaches the contact form on your website, they see a clean, styled form that matches your template design. The form includes four fields:

Field Description
Name required, between 2 and 100 characters.
Email required, must be a valid email address.
Phone optional, for visitors who prefer a callback.
Message required, between 10 and 2,000 characters.

After submitting the form, the visitor sees a success message confirming their message has been sent. They also have the option to send another message.

Receiving Messages

When a visitor submits the contact form, you receive an email at your configured support email address.

What the Email Contains

Each email includes:

  • The visitor's name
  • Their email address (as a clickable link)
  • Their phone number, if provided (as a clickable link)
  • The full message text
  • The date and time the message was sent
  • A reply button so you can respond directly

Replying to Messages

Simply reply to the email you receive. Your reply goes directly to the visitor's email address — no extra steps needed.

Note: There is no automatic reply sent to the visitor. They receive confirmation on the website that their message was sent, but no follow-up email until you reply manually.

Spam Protection

The contact form includes multiple layers of protection to prevent spam and abuse. These work automatically — you do not need to configure anything.

Protection Description
Honeypot field a hidden field that catches automated bots. If a bot fills it in, the submission is silently blocked.
Time-based check submissions that arrive less than 3 seconds after the page loads are blocked, as real visitors need more time to fill in the form.
Rate limiting each visitor can submit a maximum of 3 messages per minute. Further attempts are temporarily blocked.

Activating and Deactivating the Contact Form

Hiding the Contact Form Temporarily

If you want to temporarily remove the contact form from your website without deleting it:

  1. Open the Sections page.
  2. Toggle the contact form section off using the active switch.
  3. The form disappears from your website but remains in your section list.
  4. Toggle it back on whenever you are ready.

Removing the Contact Form Entirely

  1. Open the Sections page.
  2. Delete the contact form section.

Note: If you delete the section, you will need to create a new one and fill in the content again.

Tips

Position it wisely. Place the contact form near the bottom of your page, after visitors have seen your services and pricing. A good order is: Services, Pricing, Contact Form, Footer.

Keep the heading inviting. Use warm, action-oriented language like "Let's talk about your next appointment" rather than just "Contact."

Use a highlight word. Setting a highlight text draws the eye and makes the call-to-action side more engaging.

Add a background image. A background photo on the call-to-action side adds visual interest and makes the section feel more polished.

Check your email regularly. Since messages go directly to your inbox, make sure you check and reply promptly so potential customers are not left waiting.

Test the form yourself. After setting it up, visit your website and submit a test message to make sure everything works and the email arrives correctly.