1. Onclick show popup

2. Fancy Image Show

3. Random image with pretty photo zoom

4. Youtube with fancy zoom

5. Up down image slideshow gallery

6. Image slider with description

Google Map With FancyBox popup

Google Map With FancyBox Popup plugin allows you to add a Google Map into 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 popup window. Popup window will open by clicking location address. checkout the live demo for more information.

Plugin Features

  • Google map in popup window.
  • Responsive.
  • Easily controllable back-end.
  • Support for localization.

Live Demo

Live Demo 1 : Click here to see Singapore Flyer Google Map

Live Demo 2 : The White House Washington, DC, United States

Configuration option

How to add Google Map in specific page/post?

Using the plugin short code you can add the Google Map in specific posts or pages. Please find the short code below.

[google-map-fb-popup id="1"]

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 widget?

To add Google Map widget to your sidebar, go to your Dashboard. and then click on 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 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

In this page we you have options to add, edit, delete Google map to this plugin. Also you can manage the popup window size in this page.

Q3. How to change the popup window size?

Go to Dashboard ==> Settings ==> Google Map ==> Add New

In this page you have separate dropdown box to select the popup window size. Since this plugin supports responsive you have select the size in percentage.

Q4. How to change the popup overlay color?

You don’t have 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 overlayColor property.

Plugin official page


Download location


Video tutorial



  1. Hello,
    Thanks for the nice plugin. How can I add street view option in you plugin?


  2. Thank you for this great plugin

    1 question, is there any way to use image as well like a text links? I want to know how to do that

    thanks 😀

  3. Hi,
    I got an error while using this plugin.

    The Google Maps Embed API must be used in an iframe.

    Can anyone help me with this.

  4. Hi Gopi,

    Thanks for your excellent plugins. Really appreciate your work. I am trying to use both “Google Map with FancyBox Popup” and “Popup with fancybox”. I am getting an error when both plugins are enabled. They work fine when only one plugin is enabled.

    Error: jquery.fancybox-1.3.4.js?ver=3.9.3:1153 Uncaught TypeError: undefined is not a function

    How to avoid this conflict.

  5. Hi Gopie,
    Your plugin is awesome.
    However, this plugin doesn’t work with HTTPS because you are including external javascript libraries over HTTP. Following files need to be corrected:
    gmwfb-register.php & gmwfb-loadmap.php

    Thanks for this excellent plugin and kind regards

Comments are closed due to heavy spam. Please use contact form if any help is required.