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. It appears when you're at the top of a page and disappears as you scroll down.

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

  • Available in: All Business and Commerce plans
  • Available in: Legacy Personal plan (no longer available for new subscriptions)
  • Not available in: Current Personal plan
  • Trial: Available during a trial

To learn more, visit Premium features.

Watch a video

What displays in a Mobile Information Bar

The Mobile Information 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 Cover Pages or when viewing sites on desktop browsers or tablets.

Mobile_Info_Bar.png

Tip: Some templates offer more customizable mobile bars.

Add a Mobile Information Bar

Desktop Squarespace App

To add a Mobile Information Bar:

  1. In the Home Menu, click Settings, and then click Mobile Information Bar.
  2. Select Enable Mobile Info Bar (Dark) or Enable Mobile Info Bar (Light) from the drop-down menu.
  3. Add or check the information to show in the Mobile Information Bar. You can show an email address, phone number, location, and business hours. This information pulls from Business Information Settings.
  4. To change any details, click Edit.
  5. Click Save to publish your changes.

To add a Mobile Information Bar:

  1. At the bottom of the app, tap Settings, then tap Mobile Information Bar.
  2. Tap the Show toggle to enable the bar. 
  3. Tap Style to choose a Light or Dark look.
  4. Tap the toggle for information to add to the Mobile Information Bar. You can show an email address, phone number, location, and business hours. This information pulls from Business Information Settings.
  5. To view or edit details, tap Edit Business Information.
  6. Tap Save to publish your changes.

Troubleshooting

The Mobile Information Bar isn't displaying

First, check if you enabled the Mobile Information Bar by following the steps above.

If it's enabled but you're still not seeing it, some text entered in Business Information Settings might have a formatting issue called "nonbreaking spaces." Nonbreaking spaces can happen if text was pasted from a service or text editor outside of Squarespace. In HTML, these appear as  .

To fix this, delete any text you copied or pasted into Business Information Settings, and then type the text instead of copying and pasting.

Was this article helpful?
23 out of 41 found this helpful
Adding a Mobile Information Bar