Google Map

Click HERE for an interactive tutorial. Scroll to the bottom for animated steps.

Detailed Step-by-Step Tutorial

Add Google Map

  • Go to EMBED at the top of the page.
  • Drag Google Map widget to an area of the page where you'd like to add it to.

Manage Google Map

  • Double-click on block quote or highlight it and go to Settings pane > APP.

  • Business Address: Enter your business address to pin on the google map.
  • Description: Enter the description for your business address.
  • Show Description: Toggle ON to show description on the map.
  • Add More Location: Click to add more locations to the google map or to manage exiting location.
  • Click Edit for an existing location or Add for a new one.

  • Address: Enter location's address.
  • Description: Enter the description for the location.
  • Show Description (by default): Toggle ON to display description on the map by default.
  • Is Active: Toggle ON to display the location on the google map.
  • Click Save.

  • Zoom Level: Select the level of zoom for the map from the dropdown list.
  • Generate Route: Toggle ON to add the ability to generate route to your locations.
  • Map Types: Toggle ON for the types of maps you'd like to enable for your google map.
  • Click Generate Map to apply google map settings.

General Settings

  • Title: Enter the title.
  • Show as Tooltip: Show the title as tooltip (text that appears when your mouse hovers over the google map).
  • Top: Set top margin.
  • Left: Set left margin.
  • Width: Set the width.


  • Color: Choose background color.
  • Opacity: Set opacity for the background.
  • Image: Enable to use an image as a background.
  • Size: Choose background size (i.e. auto, 100%, etc.).
  • Position: Set position of the background.
  • Repeat: Choose repeat type for the background.



  • Color: Choose border color.
  • Style: Chose border style.
  • Width: Choose the width of the border.
  • Radius: Choose border corner radius.

Box Shadow

  • Shadow: Toggle ON to create a shadow for the block quote.
  • H-Shadow: Set horizontal position of the shadow.
  • V-Shadow: Set vertical position of the shadow.
  • Blur: Set blur value for the shadow.
  • Spread: Define how far the shadow spreads.
  • Color: Set the color for the shadow.
  • Style: Select between inset and outset.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request