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.
Background
- 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.
Border
- 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.
Comments