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.
[Tutorial] Restaurant Profile Settings
[Tutorial] Reservation Settings
[Tutorial] Email Service for Newsletter Signup