Embedding Google maps

Allow you to embed Google maps onto pages of your website.

GET STARTED

ADD An embedded Google maps

1. Go to https://www.google.ca/maps

2. Type in the address that you are looking to add the map into the Search in the top left corner.

3. Click the Share icon and then select Embed a map

4. Click Copy HTML to copy the iframe code.

5. Login into WebWiz@rd

6. Click on the Standard Module Tab

7. Click on the Page Content module

8. Choose the page that you want the Google map embedded and click the Page icon (Manage the content for this page).

9. Clone the page by clicking on the two pages icon (Clone this content version)

10. Scroll down the page to where you would like to embed the Google map. If the content block already exists, go to the next step, if not then click on the plus sign above the area that you want to add a new content block and select the type of content block you want to add.

11. Click the I icon (IFrame) in the editor.

12. Paste the Google Maps HTML in the URL box.

13. Click on the Source icon and overwrite the <iframe> </iframe> code with Google Maps HTML.

14. Click on the Source icon again and you will see the iframe of the map in the content block.

15. Save the page