How to Add a Mobile Information Bar to Display Business Information in Squarespace

How to Add a Mobile Information Bar to Display Business Information in Squarespace

By Michael Turner

January 19, 2025 at 02:57 AM

A mobile information bar displays vital business details at the bottom of your mobile site, making contact information easily accessible to visitors. The bar appears at the top when scrolling up and hides when scrolling down.

Key Features:

  • Email button (opens email client)
  • Call button (auto-dials your number)
  • Map button (shows business location)
  • Business Hours display (shows open/closed status)

Note: The bar only appears on mobile devices, not on desktop, tablets, or version 7.0 cover pages.

Squarespace homepage screen

Squarespace homepage screen

Setup Instructions:

  1. Navigate to Mobile Information Bar panel
  2. Choose "Enable Mobile Information Bar (Dark)" or "(Light)"
  3. Verify or update business information
  4. Click "Edit" to modify details
  5. Save changes

Style Options:

  • Dark mode
  • Light mode

Common Issues and Solutions:

Bar Not Displaying:

  • Verify it's enabled
  • Check for non-breaking spaces in business information
  • Re-enter information manually instead of copying/pasting

Incorrect Location:

  • Verify address in business settings
  • Re-add address and select from Google Maps dropdown
  • Don't manually enter addresses

Incorrect "Closed" Status:

  • Verify business hours in settings
  • Check timezone in regional settings

For optimal performance, ensure all business information is accurately entered and properly formatted in your settings panel.

Related Articles

Previous Articles