[Support request] adding a google map to my contact page

Home Forums Support adding a google map to my contact page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #884953
    Mark

    Hi,

    I have a “Get in Touch” page on my site, and to the right of the contact form I would like to add a google map. Do I need to make a two column table, use CSS for the layout? Do I need a plugin to add the map? I use GP Premium, latest version.

    #885007
    David
    Staff
    Customer Support

    Hi there,

    yes you will need a plugin to add a google map, you will also need to set up a google map api key nowadays… they like to keep track on people using their map api.

    Then some simple markup and CSS to wrap the shortcodes for the map and the form. Something like this:

    <div class="two-column-grid">
        <div class="gd-column">
            <!-- add shortcode here -->
        </div>
        <div class="gd-column">
            <!-- add shortcode here -->
        </div>
    </div>
    
    @media (min-width: 768px) {
        .two-column-grid {
            display: grid;
            grid-template-columns: 50% 50%;
        }  
    }
    #885011
    Mark

    Thanks David,

    Any particular google map plugin that you would recommend?

    Mark

    #885013
    David
    Staff
    Customer Support

    The one that is the most lightweight and allows for static maps to be requested, this has a lot of downloads for that reason:

    https://wordpress.org/plugins/google-maps-widget/

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.