Adding a Google map

  1. Visit Google Maps.
    Go to http://maps.google.com
  2. Enter Your Street Address.
    Type in any street address or location and click the search button.
  3. Click the "Link Button".
    Once your map is fully loaded, click on the Link button found in the top left corner:

  4. Copy the Embed code:
    A tab should appear. Place your mouse cursor in the second text box titled Paste HTML to embed in website. The code will begin with <iframe Copy the code.

  5. Paste the code into your site.
    You can paste the code anywhere. To place it in a widget, navigate to Appearance → Widgets and place a "Text Widget" in your sidebar. Then paste the code in your sidebar widget.

    To place it in a page, go to Posts → Add New or Pages → Add New (or open an existing post/page in editing mode). Paste the code directly into your Text editor. (You can switch between the Visual and Text editors using the tab at the top-right of the editing box.)

  6. Change the width to 100%
    After you embed the code, change the code width to 100%. The iframe code should look like this in the end:

    <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps.......
    	

    When you update and preview the changes it should look something like this on the front end: