The action bar appears on every page of your website at the bottom part of the browser's screen.
These are clickable items to perform a quick action, eg. opening the restaurant location in google maps, calling the restaurant, making a reservation, pop-up a newsletter signup form, redirecting to a gift card page, etc.
When the action bar is activated, it is always visible and "sticks" to the bottom of the screen while scrolling. You can customize the action bar that appears on the desktop view and mobile view.
Step 1 - Access the Action Bar Settings
To access your footer setting, open the page content editor and select "Desktop Action Bars" or "Mobile Action Bar" on the page's side menu to load the settings.
Desktop Action Bar - settings will be applied when the website is viewed through a desktop or laptop
Mobile Action Bar - settings will be applied when the website is viewed on a mobile device
Step 2 - Select Action Bar Elements
Desktop Action Bar Elements
Check off "Show Action Bar" to activate it. By default, some action bar elements may have been pre-installed in the theme you're using. Click "Add Block" to add an action bar element.
Location - view location on google maps
Call - opens a phone app.
Hours - opens a pop-up with all the operating hours
Social Icons - redirects to a URL / social media page
Newsletter - pop-ups a newsletter signup form
Gift Card - redirects to a URL / gift card page
Jobs - redirects to a jobs link for another provider
Drag and drop the action bar elements on the sidebar to arrange the order displayed on the website. To remove an element, click "Remove Block."
You can also show / hide the built-in chat application.
Mobile Action Bar Elements
Click "Show Action Bar" to activate it. By default, some action bar elements may have been pre-installed in the theme you're using. Click "Add Block" to add an action bar element.
You can give mobile users the ability to perform tasks such as view the menu, reserve a table, call the restaurant, view a map, pop up a newsletter signup, redirect them to a gift card page, or make an order from a mobile device.
Drag and drop the action bar elements on the sidebar to arrange the order displayed on the website. To remove an element, click "Remove Block."
Step 3 - Activate Your Settings
To activate an action bar element, make sure that your restaurant profile (location, phone, contact info, etc.) and/or reservation, email service, and online ordering settings are set.
Step 4 - Customize the Color Settings of The Action Bars
Step 5 - Don't forget to save your work!
