Mobile Contact Bar

April 01, 2024

Mobile Contact Bar Plugin

Allow your visitors to contact you via mobile phones, or access your site's pages instantly.

Mobile Contact Bar is a compact and highly customizable plugin, which allows your visitors to contact you directly via mobile phones, or access your site’s pages instantly.

The settings page is available under the Settings → Mobile Contact Bar menu in the WordPress dashboard.

Features

  • Icons for social media, call-to-actions, or any links to web pages
  • Simple and intuitive styling with the aid of the Real-time Model
  • Built-in icon picker with Font Awesome 6 integration
  • Customizable URLs using query string parameters
  • No data collection from your website’s visitors
  • Super easy to use, no coding required!

Special Actions

  • Scroll to Top of the page
  • WooCommerce Cart with Item Counter

Supported Protocols

  • http
  • https
  • mailto
  • skype
  • sms
  • tel
  • viber

Tested with

  • Twenty Twenty-Three
  • Twenty Twenty-Two
  • Twenty Twenty-One
  • Twenty Twenty
  • Twenty Nineteen
  • Twenty Seventeen
  • Twenty Sixteen
  • Twenty Fifteen
  • Twenty Fourteen
  • Twenty Thirteen
  • Twenty Twelve
  • Twenty Eleven
  • Twenty Ten

Installation

First time Mobile Contact Bar user

Thank you for choosing Mobile Contact Bar! In order to create your bar, simply activate the plugin and visit the plugin’s page by clicking on MCB Contact Bar in your left navigation menu.
Once the plugin page loads, open the Bar box, choose the Display on Devices option, select the device type to enable the bar and then press the Save Changes button at the top of the page.
Mobile Contact Bar will automatically create a default bar with a couple of buttons for you.

Adding buttons to your bar

To add more buttons to your bar, open the Button List box, find a particular list item, select the checkbox, customize the icon and fill in the URI field.
In order to add more buttons, click on the New Button or on one of the icons at the top of the list.

Positioning and styling your bar

To set options for bar (positions, colors, borders, width, height, space, placeholder, etc.), open the Bar box and check the changes on the Real-time Model.
Open the Icons, Badges, or Toggle box and set options for icons, badges, or toggle, respectively.

Screenshots

  1. Button List meta box

    Button List meta box

  2. Icons, Toggle meta boxes

    Icons, Toggle meta boxes

  3. Bar meta box

    Bar meta box

  4. Settings → Mobile Contact Bar

    Settings → Mobile Contact Bar

FAQ

JavaScript disabled

The plugin works fine without JavaScript on the front-end of your site.
We use JavaScript on the front-end in two cases:
1. if the toggle is activated, then the plugin has an option for saving the toggle state in a cookie, and
2. Scroll to Top, Back in History, and Forward in History actions use inline JavaScript for their functionality.

Cookies

You have full control over the single cookie which is called mobile_contact_bar_toggle.

Cleaning the cache

If your site is chached via a caching plugin such as WP Fastest Cache or Cache Enabler, then it is important to clean those caches after the Contact Bar has been enabled.
Also, if you disable the Contact Bar then the caches need to be cleaned again.

Custom colors for each button

Currently there is no built-in support in the plugin itself for adding different colors. But it is possible to add custom CSS to your site via Theme Customization, as described in this thread: different-color-for-each-button

Changelog

3.0.3

  • [Fix] Update FA version number

3.0.2

  • [Fix] Location Dot icon name changes in FA 6

3.0.1

3.0.0

2.1.0

2.0.9

  • [Fix] Missing contact field “checked” notice

2.0.8

2.0.7

2.0.6

  • [Fix] Domain Path

2.0.5

  • [Fix] License version
  • [Fix] Requires at least has been changed to 4.6

2.0.4

  • [Fix] Add padding zero to toggle

2.0.3

  • [Fix] Add margin and padding to list items
  • [Update] Font Awesome 5.13.0

2.0.2

2.0.1

2.0.0

1.4.1

  • [Fix] Bar width and bar alignment issues

1.4.0

1.3.1

  • [Test] Tested up to WordPress 4.9

1.3.0

1.2.3

  • [Fix] array_filter() issue

1.2.2

  • [Fix] array_filter() issue

1.2.1

  • [Fix] Empty arrays issues

1.2.0

  • [Add] UI for sorting contacts
  • [Add] Option for setting subject, body, cc, bcc of email add-subject-and-body-to-email
  • [Add] Refreshed option page UI using meta boxes
  • [Fix] Prepared plugin for localization
  • [Fix] Sanitized phone number and add a plus sign (+) prefix
  • [Update] Font Awesome 4.7.0

1.1.2

1.1.1

  • [Fix] Admin styles
  • [Fix] Public styles
  • [Update] Font Awesome 4.6.1

1.1.0

1.0.1

  • [Fix] Improved setting and contact validation (sanitization)
  • [Fix] Set the default value of the fixed bar position to true
  • [Fix] Removed obsolated workarounds

1.0.0

  • [Upgrade] Official release

0.1.1

  • [Fix] Default option issue during network activation

0.1.0

  • [Add] Initial release

Details

  • Version: 3.0.3
  • Active installations: 10,000
  • WordPress Version: 4.6
  • Tested up to: 6.5.5
  • PHP Version: 5.3

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars