Google map on contact page

Hi there,

Hope you can help with this one too. The site is http://www.businessadditions.co.uk/Wordpress/

What shortcode do I need to add to the contact us page to insert the google map? I have added the iframe source code to the theme options area.

thanks
Helen

 

Hello,

1. Firstly create Contact us page for your site, For this go to Pages > Add New and select "Contact Page" from page attribute section.

2.For Google map
Just go to https://www.google.com/maps?output=classic&dg=opt and copy your iframe embed code from there.




Thanks & Regards
Gourav Shrivastava

 

Thanks for your help so far Gourav.

I wanted to add other text to the page and customise the contact form so I used Contact Form 7 to do this - see here http://www.businessadditions.co.uk/Wordpress/?page_id=30 (I searched your forums and saw that this plugin has been recommended for this before).

However, the map and contact form are too close together. How do I put the contact either beneath the map, or alternatively further to the right - such as in the sidebar post? Please note ideally I do not want the contact form to display on other pages which might have a sidebar such as the blog page. In another ticket I submitted yesterday you advised me to suppress the sidebar with some custom css code which I then did so currently sidebars so not display. If I then remove this to display the contact form in the sidebar, how do I suppress it on the blog page? It shouldn't effect other pages as I have selected the full page template option.

thanks in advance.
Kind regards,
Helen

 

Hello Helen,

In this case you can add your map embed code inside a div (like: <div class="my-map"><iframe>MAP CODE</iframe></div>)
And float that dive right with the help of css

Code:

.my-map{
float:right;
}

Or there is a plugin "dynamic widget" which allow you to show particular widget on a particular page only.
If you want you can use it.
Download link.
https://wordpress.org/plugins/dynamic-widgets/

Thanks & Regards
Nitesh Raghuwanshi

 

Hi Nitesh,

Thanks for your suggestions. Unfortunately neither worked. Would you mind taking another look to help me try to resolve this please?

I've left the first suggestion in play here - http://www.businessadditions.co.uk/Wordpress/?page_id=153&preview=true

This is the contact form that comes with the theme but the page template isn't full page width so a float right doesn't work and you'll remember that I switched off the sidebars previously.

Also this isn't the contact form I created using the Contact Form 7 plugin on this page: http://www.businessadditions.co.uk/Wordpress/?page_id=30

I then installed the Dynamic Widget plugin and tried to configure this just for the contact us page but I couldn't get it to work. I found the forum and support materials pretty unhelpful and so I haven't been able to make that solution work.

Is there anything else I can do?

thanks again,
Helen

 

Hello Helen,

Please provide the following information listed below.

Thread Link: http://www.inkthemes.com/community/threads/google-map-on-contact-page.11337/#post-41991
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
I will set map just right to the contact form.

Thanks & Regards
Nitesh Raghuwanshi