Adding a contact form on your website

Adding a contact form on your website

Overview

  1. Contact form vs Inquiry form
  2. Adding Custom SMTP details to your VL Back Office
  3. Enabling Contact Form on the desired page
  4. Configuring captcha for the contact us form
  5. Verifying the contact form submission

Contact form vs Inquiry form

There are two types of forms a customer can use to reach out to your business - Inquiry form and Contact Form - which are explained below:
  1. The Contact Form is a general form (usually set on the contact us page but you n set it on any page you desire) used to take the general queries of the customers on a broader scale and not exclusively about one trip only. This form helps the customers to get in touch with you. The steps of configuring this form is explained below in this article.
  2. The Pop up Inquiry Form is present of the Tour Details page and the customer can use it to send you inquiries/questions that they have regarding to that particular tour.
Idea
Please CLICK HERE to read about the Inquiry Form and the steps associated with enabling it further in detail.

Configuring a Custom SMTP in your Vacation Labs Account

Before you are able to enable the Contact form you will need to add your Custom SMTP Details in the Vacation Labs Back office or else the system won't allow enabling the form
Idea
Please CLICK HERE for detailed support article on how to get the SMTP details from your mail servce provider

Idea
Please CLICK HERE to know to add the SMTP details in Vacation Labs


Enabling/Adding Contact Us form on desired page

  1.  Login to your Vacation Labs Account
  2. Navigate to Website > Pages Section > Click on the Page on which you want to add a contact us form (in this instance we want to add it to the contact us page - refer screenshot below)



  3. Click on the Select a section and a dropdown will appear, in the dropdown list select Contact Form and then click on + Add Section (refer screenshot below)

  4. The section will be disabled by default, please toggle the button to green to enable it (refer screenshots below for reference)



  5. Click on the Contact Form section to access it and customize it to your liking (refer screenshot below)

  6. SAVE the changes your have made.

Configuring Captcha for Contact Form

The Contact Form won't work unless captcha is configured. Captch is a technology to prevent bot/spam submissions. Please follow these steps to enable Captcha on the Contact us form:
    1. Go to WEBSITE > PAGES > CONTACT US > choose CONTACT FORM
    2. Click on the check box tiled  Prevent spam submissions

    3. After checking the box, a new text will appear Edit site key (click on it and a pop up will appear)

    4. Go to https://www.google.com/recaptcha/admin (refer screenshot below)
    5. Select reCAPTCHA V2 and under Domains enter your website’s domain name, accept Terms of service and press Register.
    6. Upon successful registration you will get a Site key and Secret key.
    7. Copy and paste the Site key and Secret key  in the fields highlighted in the screenshot below:



    8. Once you SAVE it, check on the Contact form and in a few minutes you will be able to see checkbox Captcha enabled on the form.


Checking the Contact Form

  1. Open your storefront/website and go the Contact Us page (or the specific page on which you configured the contact form) (refer screenshot below)
  2. Add the details and click on SUBMIT and you will get a confirmation of submissions (refer screenshot below)
  3. Check if the mail/submission has arrived in your mail inbox (it should appear like the screenshot below)


    • Related Articles

    • How to manage themes on website?

      Themes help you manage the overall look, feel and style of your website. This includes the Color scheme, Tour and Collection Cards, Website fonts, Header and Footer styles and many more. The theme basically represents your brand.  This article will ...

    • How to enable Captcha on Contact form?

      Please follow these steps to enable Captcha on the Contact us form: Go to WEBSITE > PAGES > CONTACT US > choose CONTACT FORM click on the check box: PREVENT SPAM SUBMISSIONS Go to https://www.google.com/recaptcha/admin  Select reCAPTCHA V2 and under ...

    • How to edit/modify Footer in Vacation Labs

      Along with your website header, the website footer is equally important for any website. It allows you to show a brief summary of all your website content in short. Most of the customer prefer website footer as the first place on your website to get ...

    • Updating/Adding address on the Contact us page

      Updating address on Contact Us Page Please follow the below steps to Update address on Contact Us Page. Login into Vacation Labs Click on Website tab Click on Pages Select Contact Us page Locate Address section and click on it. Click on the Location ...

    • Adding Support Contact Numbers to the website

      You can update the support phone number(s) displayed on your website directly from your Vacation Labs account. Steps to Update or Add Phone Numbers Log in to your Vacation Labs account. Use your registered email and password to sign in. Navigate to ...