Request a Quote
801.294.6400

How to Add a Google Map 

You cannot use Internet Explorer (IE) to edit your website because IE doesn't follow the World Wide Web standards for coding.

  1. Go back to your site and click on the page you want to add a map to and Click “Edit Page”. 

     Step 2

  2. Click on one of the green circles with the white plus sign to “Add Module” or click on "Layout", in the top, to change the page layout and then add a module.

     Step 3

  3. Click on “Custom Code”. 

      Step 4

  4. Paste the embed code from ​​Google maps into the “Code” box by right clicking your mouse and clicking on “Paste”.

  5. Click “Save” in the top right corner.

      Steps 5 & 6

    1. If you are using Chrome you will have to do a final save before the map will show. In Firefox and other browsers, the map can be seen in the preview mode. This is also true about videos.

        Step 6a

  6. Click ​​"Save" again to keep the changes you just made. 

       Step 7

    1. If the map is not the right size: “Edit Page”, hover over the module and click “Edit”, and then go through the steps again. 

       Step 7a

    2. If the map is too close to or too far away from another module: “Edit Page”, hover over the module and click “Edit”, and click on “Style” in the upper left corner. In the box you want to use to move the module add a positive number followed by px to increase space or a negative number followed by px to decrease space, e.g. 35px or -35px. If the module is at the top of the page “Margin” styles are usually best to use. If the module is second, third, etc. on the page, one of the “Padding” styles are usually best to use but, play around with all of them to see what works best for you. 

        Step 7b

NOTE: The number must be followed by px because this is what tells the module how many pixels you want it to move e.g., 35px to increase space or -35px to decrease space. 

NOTE: “Style” is provided in every module. You can follow these steps if you would like to move any of the modules around.