Mobile Call Now & Map Buttons


Adds “Call Now” and “Directions” buttons on devices

  • Easily customize the bar, the text, buttons colours font
  • Set which device size range the buttons will appear for

Please Note

  • 💎 This is a new plugin, recently revived: please open a support request before leaving a bad review, we’re happy to help fix any issues and help the plugin grow and become more universal for all themes.

Road Map

The todo list:

  • add: Google API address results in backend for auto-filling (reduce location errors)
  • feature you’d like to see? Open a support request.


  • Settings page
  • Out of the box settings on Twenty Fifteen on iPhone 6s emulator
  • Alt settings on Twenty Fifteen on iPhone 6s emulator


  1. Upload the plugin files to the /wp-content/plugins/mobile-call-now-map-buttons directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the ‘Settings > Mobile Call Now & Map Buttons’ page to configure the plugin


Installation Instructions
  1. Upload the plugin files to the /wp-content/plugins/mobile-call-now-map-buttons directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ‘Plugins’ screen in WordPress
  3. Use the ‘Settings > Mobile Call Now & Map Buttons’ page to configure the plugin
How is the maps button created?

The address is built with a Google Maps URL query. Your entered address values are constructed into a link like so:, (city), (province / state), (country), (postal / zip code)

If you’re having troubles with your address, please be sure your business listing is correct on first.

If your listing is incorrect, don’t hesitate talking to Google about it, in our experience, they’re eager to resolve map issues.

The buttons are hiding my footer

This should not happen, but is due to a CSS conflict between the plugin and your theme. Please open a support request and share the support code (found on the plugins setting page), we’ll try to resolve the issue for your site/theme asap.

The buttons are appearing above lightbox / popups

See z-index below.

Advanced Options: z-index

Absolute positioned elements on websites can be layered on top of one another using the CSS property z-index. This plugin has the buttons on a z-index of 998. It’s at this number as most popup’s and lightbox’s use 999 or higher.

If your theme has something hidden behind the buttons, or the buttons are above somthing like Lightbox, try altering this number higher or lower.

Advanced Options: Append to body

This plugin puts it’s HTML at the bottom of a page using WordPress’s wp_footer hook. As specified by WordPress:

the wp_footer action. Put this template tag immediately before </body> tag in a theme template

Some theme authors, for whatever their reason, tgnore this, wrapping wp_footer() in a few elements, causing problems for plugins like this that expect it in a certain place.

Selecting the Move plugin to absolute bottom option, Javascript will edit the DOM and move the plugin to be at the absolute bottom of your theme, regardless of where the Theme author placed wp_footer hook.



Fully customisable сrash-free plug-in with beautiful and laconic design

Read all 10 reviews

Contributors & Developers

“Mobile Call Now & Map Buttons” is open source software. The following people have contributed to this plugin.




  • July 31, 2017
  • added new “force bottom” SUPPORT option to allow a user to move Mobile buttons to end of document (for themes where wp_footer tag was not properly placed). Moved to bottom with Javascript, 500ms after load.
  • fixed: compress public output css
  • cleaned up description on SUPPORT options, moved to FAQ


  • July 26, 2017
  • fixed “and/or”


  • July 26, 2017
  • added support for + phone prefix
  • added custom z-index input value for self-resolving of plugin/theme conflicts
  • cleaned up line breaks in source code output


  • July, 2017
  • added php version to support json string
  • redid version number


  • July 6, 2017
  • removed trim() within empty() which caused fatal php error on < PHP 5.5 setups (thanks for pointing this out D.B.)


  • July 5, 2017
  • Project revival! added davidsword as primary contributor, new lead on project
  • fixed: no output unless settings are defined
  • fixed: css and styles in footer, not header
  • fixed: default values for options to prevent undefined errors
  • changed: readme overhauled
  • changed: wrapped plugin in class
  • changed: improved backend interface
  • changed: cleaned up all function and div names
  • changed: verbiage for postal/zip
  • changed: default css to be more robust
  • changed: replaced pixel slider with device-mock sizes
  • changed: replaced third party spectrum colour picker with default native wordpress one
  • changed: new assets
  • changed: from SVG icons to dashicon for color changeable icons
  • added: language localization support
  • added: rpb_output filter to output
  • added: custom color select

Older changlog’s available in their respective releases.