Handy comes with a unique Contact bar section that combines key details and stylish icons. This displays along the bottom of the navigation drawer in mobile and as a hover interaction over a selected link on desktop.
Access contact bar settings through the theme editor
Go to Customize > Sections > Contact bar
Assign the contact bar to a menu item
In the Parent link name field, enter the exact name of the link to attach this feature. Merchants often make use of a contact-related link, such as a contact page link. The contact bar will appear when customers hover over that item, but clicking the link will still direct to the original page.
Add the contact information and business details
The subsequent fields allow you to input your Phone number, Email address, Hours/store information, and Street address.
Include a map
To enable a map feature, select Show map. This will display to the left of your contact bar links.
Simply click the links in the editor for Javascript and Geocoding and hit the blue Get a key button. Choose Create a new project and then Create and enable API. Copy and paste one of these keys into the theme editor and the map should appear.
You can even customize the Map zoom level from the dropdown, and customize the map colors using the Map foreground/background color swatches.