How to add Google Maps driving directions to your church or business on your website

You can use the  Embed module to embed a form that allows visitors to enter their address and get directions to your church or business via Google Maps.

1

Drag and drop the Embed module onto the page

Navigate to the page on which you'd like the directions form to appear (e.g., Contact Us page). Then click on Add Content > Social & Embed > Embed. Once you drop the module onto the page, the Embed Settings dialog will appear.

2

Edit and paste the code into the module

To build the embeddable form, follow these steps:

  1. Replace the Enter Address Here text in the code below with your physical address. (Be sure to include the quotation marks around the address.)
  2. Copy the entire code (which now includes your address).
  3. Paste the code into the Embed Settings dialog.
	<form action="http://maps.google.com/maps" method="get" target="_blank"> <br>
	Enter your starting address: <br>
	<input type="text" name="saddr" /> <br>
	<input type="hidden" name="daddr" value="Enter Address Here" /> <br>
	<input type="submit" value="Get Directions" /> <br>
	</form>
	

Once finished, click the green Save button in the Embed Settings dialog. The following form will now appear on your site:

Youth - Cindy's Stories - Portland, ME (1).png

As a final step, don't forget to Publish the page.

NOTE: If you'd like to embed the directions form among other content (instead of in it's own module), you can use the Text/HTML module to embed the form instead of the Embed module. Either method will allow you to achieve the same result.

Still need help? Contact Us Contact Us