Google Map With FancyBox Popup plugin allows you to add a Google Map into the popup window. This is a great plugin to display your business location in a Google map or, just your personal address in Google Map. This plugin uses the jQuery implementation of FancyBox to open the popup window. The Popup window will open by clicking the location address. checkout the live demo for more information.
- Google map in popup window.
- Easily controllable back-end.
- Support for localization.
Plugin live demo available in this page. You may also be interested in Popup with fancybox WordPress plugin.
Live demo 1Click here to see Singapore Flyer Google Map
Live demo 2The White House Washington, DC, United States
How to add Google Map to a specific page/post?
Using the plugin shortcode you can add the Google Map in specific posts or pages. Please find the shortcode below.
You have to set your Map ID in the id parameter. To view your Map ID go to your Dashboard ==> Settings ==> Google Map.
How to add Google Map in the widget?
To add the Google Map widget to your sidebar, go to your Dashboard. and then click on the Widgets menu. You will see a widget called Google Map With FancyBox. Click Add Widget button or drag it to the sidebar on the right.
How to add Google Map PHP file?
Use the below PHP code to add Google Map PHP file. You have to set your Map ID in the id parameter. To view your Map ID go to your Dashboard ==> Settings ==> Google Map.
<?php gmwfb( $id = ""); ?>
Frequently asked questions
Q1. How to install the plugin into my WordPress blog?
- Download the plugin google-map-with-fancybox-popup.zip from download location.
- Go to Add New menu under Plugins menu in your WordPress admin.
- Select upload link (top link menu).
- Upload the available email-posts-to-subscribers.zip file and click Install Now
- Finally click activate plug-in link to activate the plug-in.
Q2. How to add and edit Google Map?
Go to Dashboard ==> Settings ==> Google Map
On this page, we have options to add, edit, delete Google Maps to this plugin. Also, you can manage the popup window size on this page.
Q3. How to change the popup window size?
Go to Dashboard ==> Settings ==> Google Map ==> Add New
On this page, you have a separate dropdown box to select the popup window size. Since this plugin supports responsive you have selected the size in percentage.
Q4. How to change the popup overlay color?
You don’t have an admin option for this property. but you can easily change the overlay color by updating the PHP file gmwfb-loadmap.php. Open this PHP file and go to line 146 and change the color code for overlay color property.
In your WordPress administrator section go to the Settings menu and select the Google Map menu to configure this plugin.