1. Knowledge Base
  2. Set Up Smart Online Order Yourself

Adding a Header Image from the Frontend of your online ordering page

How to add a Header Image from the customer's side of your online ordering menu.

To make changes from the front end (what your customers see when they enter your website) you will first need to be logged into your Smart Online Order/WordPress site.

Once logged in, go to your store page and click on the "Enable Visual Builder" button toward the top, which will allow you to edit the page directly.

Screenshot 2023-06-10 at 3.52.34 PM

Next, move your mouse over the header section and a grey toolbar will appear. Click on the Settings icon (2nd icon) to open the Header Settings. This will bring up a purple pop-up menu.

From there, navigate to Background > Background Image and click on the image section, as seen in the image below. You will then be able to either upload an image or select an image from your WordPress Media Library.

Screenshot 2023-06-10 at 3.56.39 PM

Once you have selected a new header image, click on the green checkmark in the purple popup window, then click on the purple circle with the 3 dots and more options should appear, including a green "Save" button.

Screenshot 2023-06-10 at 4.26.33 PM

Lastly, click on "Save" and then the "Exit Visual Builder" button at the top of the screen.

Screenshot 2023-06-10 at 4.27.36 PM