Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Adding a Mobile Information Bar

The Mobile Information Bar displays your business information in a banner at the bottom of your site when viewing it on a mobile device, giving visitors quick access to your contact information on the go.

This is a Premium feature available in the current Website Business plan and higher:

  • Available in: Business and Commerce plans
  • Available in: Personal plan for websites active before December 1, 2017
  • Not available in: Personal plan for websites active after December 1, 2017
  • Trial: Available during a trial.

To learn more, visit Premium features.

Watch a video

What displays in a Mobile Information Bar

If enabled, the bar displays at the bottom of the page when viewing your site on a mobile device. It disappears when you scroll down and reappears when you return to the top of the page.

The bar can include these buttons:

  • Email - Opens an email to your email address
  • Call - Prompts a call to your phone number
  • Map - Opens a map with a pin on your location
  • Hours - Opens your business hours and an indicator if your business is currently open or closed

The bar doesn't display on desktop browsers or tablets.

Tip: Some templates offer additional customizable mobile bars.

Add a Mobile Information Bar

Desktop Mobile

To add a Mobile Information Bar:

In the Home Menu, click Design, and then click Mobile Information Bar.

Select Enable Mobile Info Bar (Dark) or Enable Mobile Info Bar (Light) from the drop-down menu.

Check the information you want to show. You can show:

  • Email address
  • Phone number
  • Location
  • Business hours

This information is pulled from Business Information Settings. To change this information, click Edit.

Click Save to publish your changes.

To add a Mobile Information Bar:

  1. In the Home Menu, tap Design, and then tap Mobile Information Bar.
  2. Select Enable Mobile Info Bar (Dark) or Enable Mobile Info Bar (Light) from the drop-down menu.
  3. Check the information to show. You can show email address, phone number, location, and business hours. This information is pulled from Business Information Settings. To change this information, tap Edit.
  4. Tap Save to publish your changes.

Troubleshooting

The Mobile Information Bar isn't displaying

First, ensure that you've enabled the Mobile Information Bar in the Design panel by following the steps above.

If it's enabled but you're still not seeing it, your text could include "nonbreaking spaces" that prevent it from properly displaying on mobile margins. Nonbreaking spaces can occur when you've pasted text from an external source or used a text editor that inserts them by default. In HTML, this appears as  .

To fix this, delete and then manually re-type the text in Business Information Settings

Was this article helpful?
10 out of 17 found this helpful
Adding a Mobile Information Bar