Want to show your visitors a physical map of your store location? Or showcase the location of a real estate property on an interactive map?
The Google Maps App in Smart Builder allows you to plug in an address and have a map appear directly on your landing page.
This article will explain how to embed a Google Map into Smart Builder.
- Navigate to the Apps tab on the left-hand side of Smart Builder.
- Search and locate the Google Maps App.
- Click the plus button next to Google Maps to install the app.
- The Google Maps app will appear in the Add tab in Smart Builder.
- Drag and drop the Google Maps app onto your page (you can drag and drop the app anywhere you see a blue placeholder):
Add an Address to your Google Map
- Click the Set Up an Address button.
- This will launch the Map Settings:
- Within the Map Settings, customize the following:
- Type in the address of the location.
- If you prefer to show a satellite view of the map, toggle the Sattelite button.
- Type in the address of the location.
- Click the enter button on your keyboard; the Google Map will update with your custom address and size dimensions:
Use the square boxes on either side of the map to increase or decrease its width:
Remember to Save and Publish your page when you're happy with these changes. You can also Preview your page to view the map in real-time.