Create Contact Form with Google Map

To create a new Contact Form that has an embedded Google Map, go to the Content section and click the + sign at the top of Site Menu Content. Select Page from the drop down. 

Enter a name for your Page and then click the Page template titled "Contact Form w/Map".

This page has a default map and default text.

To replace the map with your own Google Map, you will need to type your location into Google Maps. Once you have your map, click the Gear icon in the bottom right hand corder of the map and click "Share or Embed Map".

Click the Embed Map tab. It doesn't matter what size is selected. Copy the entire link in the field that begins "<iframe src... "

Then, return to clickbooq's Toolbox and double click the default Map on your Page. Then click the Source button in the upper right corner of the Text Editor. Delete the default code and paste your code into the box.

Edit the code to fit the size of the provided box to height= 360 and width = 100% like in the example below:

<p><iframe frameborder="0"  src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12091.634337391264!2d-73.987564!3d40.742037!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x79997d3983197d7c!2sMadison+Square+Park!5e0!3m2!1sen!2sus!4v1418674429597" style="border:0" height="360" width="100%"></iframe></p>

When you save your page you should be able to see the embedded map.

Make sure you edit the phone numbers provided, including editing the HTML by clicking the Source button.

The default phone number is set to dial the phone number for mobile devices so you must edit the link with your own phone number.