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.
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
Please CLICK HERE for detailed support article on how to get the SMTP details from your mail servce provider

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

    • 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 change the phone number from your Vacation Labs account. Please follow the steps mentioned below Login to your Vacation Labs account Go to Website -> General Settings Scroll down till you find Support Phone section Edit the Phone number and ...
    • 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 ...
    • Adding Social Media Links to the website

      Social media can help you build a strong relationship with your business partners and your trusted customers. Furthermore, if you are running corporate social profiles, then the best way to get more traffic is through social media links. Also, a ...
    • Adding a chat widget to the website

      Important Note Heads up! A floating chat / WhatsApp / messenger widget will overlap with existing buttons and links on the page, especially in mobile view. Please test the placement of the widget on various pages (especially on mobile) before making ...