Mobile Call Now & Map Buttons

Description

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

  • Easily customize the bar, the text, buttons colors 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.

Plugin Developed By

Road Map

The todo list:

  • verify: compatibility with typeform.com
  • add: Google API address results in backend for auto-filling
  • add: a Google Universal Analytics support
  • add: Set a button to link to a page or url
  • feature you’d like to see? Open a support request.

Screenshots

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

Installation

  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

FAQ

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 location (address or GPS coord) values are constructed into a link like so:

https://maps.google.com/?q=( street, city, province/state, country, postal/zip or latitude,longitude)

If you’re having troubles with your address, please be sure your business listing is correct on google.com/maps first, or use the GPS Coordinates option in the plugin.

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

What Format For GPS Coordinates?

Please use the decimal degrees format (dd.ddddd) for GPS coordinates. Do not enter the degree symbol or N/E/S/W direction mention or commas. For example, Kamloops BC Canada would be:

Latitude: 50.6745
Longitude: -120.3273

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 something 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, ignore 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.

Advanced Options: Number Sanitizing

Select this option to prevent the plugin from re-formatting your phone number. By default if you enter a value like

1 (555) 555 - 5555

For maximum browser compatibility, the plugin will sanitize the phone number to

1-555-555-5555

This sometimes effects Google Adwords phone numbers that expect a certain phone number format.

Advanced Options: Profile

This is your WordPress setup, you may copy/paste it out when needing help troubleshooting your site in the support forums.

Reviews

How is this so popular when it’s no optimized for mobile screens?

Does what it is supposed to but could be much better. The text size is not optimized for the smallest screen width (320px). At this size, the text from the “Directions” button get’s pushed below the button background because there isn’t enough width for the text and the icon on the button. So I had to write new CSS to make the font-size on the buttons smaller. I think this is a big issue because this plugin is made to improve mobile UX, but it end ups looking like poor development on the smallest phones.

Also, the map should open in a modal or something. Right now it opens in a new window which will see some traffic leave the original site completely.

Awesome

Stupidly simply configuration. It just works and does exactly what I want. Thank you!!!

AWESOME

Fantastic! Truely simple to install and config.. Thanks a lot!

Read all 17 reviews

Contributors & Developers

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

Contributors

Changelog

1.5.0

  • Mar 5, 2018
  • readme and doc change
  • added php version requirement

1.4.2

  • Jan 24, 2018
  • minor change to init

1.4.1

  • Jan 24, 2018
  • Fixed CSS where when one-button use would result in off-center button (thanks Z.J.!)
  • added security measure for direct file access (if !defined(ABSPATH) exit)