Visual content has become increasingly important these days, hence why adding pictures to your menus can help with the overall marketing & appearance of your webstore!
First of, for a quick introduction to menu creation, click here!
To add an image to your menu, go to:
Appearance > Menu Manager > Edit Menu and select Image from the dropdown. If you have not created a Menu yet, please click on New Menu first.
You will be presented with a pop-up screen, where you will be prompted to fill in the blanks.
Under Title, insert an image name. This will be a visible message when your customer hovers over the image,
Under Link, insert the URL of the page which you wish your customers to be redirected to,
Under Alternative Text, enter the text you would like an end user to see in the event that they cannot display the image,
Upload the image from your own device or select an existing one from the Media Manager and drag it into the category you want the image to exist.
The other options are not compulsory.
Let's go through an example: in the Packing, Mailing & Storage category, I wish to add an image of a filing cabinet. When clicking the filing cabinet, I want my customer to be redirected to the filing cabinet product page.
In this video below, you can see how I achieve this:
Save your changes and refresh.
Job done, now your menu has a refreshed look!