How do I customize the design of my online ordering website?
Quick Link Contents:
▪ Page Background Image
▪ Edit Theme Colors
▪ Edit Options
▪ Custom CSS
▪ Customer Email "Thank You" Image
Access Your Online Ordering Design Template
- Click Restaurant Manager on the black bar at the top of the page.
- Under Restaurant, Settings click Online Ordering Design.
Create a Custom Welcome Page
The first section allows you to edit and customize your welcome message.
The top toolbar gives you the ability to customize the text & images you want to be featured on your Welcome Page. This is a great place to post relevant restaurant information, a mission statement, and anything else you want your customers to see.
There Are Many Ways You Can Customize Your Welcome Page
Using Macros
The macros provided act as a shorthand that allows the designated information to automatically update should you end up changing it at any point. For example, if you end up moving locations and thus change your contact information within the 'Restaurant Locations' section, this change will update the '{CITY}' and '{STATE}' macros without manual intervention.
Add Images to Your Welcome Page
Add an image to your welcome page to give your customers an appealing visual representation of your restaurant. We suggest you use small or medium-sized images to ensure faster load times on mobile devices.
Customize The Text on Your Welcome Page
When customizing text, less can be more. Too much variation in size, font style, and font color can be distracting or hard to read. However, it can be very effective when posting important notices that you may want your customers to know about.
Header Background Image
The Header Background is the image that shows at the top of your online ordering welcome page.
You can choose one of three options:
a. Use a sample graphic (provided stock photo) from our selections
b. Use an uploaded image for your header background
When uploading your own header image make sure it meets the dimension requirements (1920px width x 362px height.) We have provided a video to demonstrate how this works, below:
Upload Your Own Logo Image
When uploading your own logo image make sure it meets the dimension requirements (600px width x 176px height.) A logo with a transparent background (.png file) can look especially nice here. We have also included a video to view the process.
Customize Order Confirmation "Thank You" Image
A "Thank You" image accompanies the order confirmation emailed to the customer.
You can choose one of three options:
a. Use a sample graphic (provided stock photo) from our selections
b. Use an uploaded image for your "Thank You" image
c. Remove "Thank You" image from the confirmation email
Be sure to click "Save Order confirmation Image" to make sure the setting is saved!