How To: Configure your WebApp – Theme

How to change the appearance of your WebApp

How To: Configure your WebApp – Availability
Adjusting the WebApp Availability settings
How To: Configure your WebApp – Delivery & Collection
How to configure your WebApp for delivery and/or collection takeaways
How To: Configure your WebApp – Gift Cards
How to set up electronic Gift Cards for sale via your Memsec7 WebApp.
How To: Configure your WebApp – Information
How to add information necessary for your WebApp
How To: Configure your WebApp – Menus
How to make items available to order via your WebApp
How To: Configure your WebApp – Settings
WebApp Settings
How-To: Configure your WebApp
How to set up your WebApp to enable online orders at the table, for collection or for delivery.
Click on the numbered links in the image below to read more about each section of the WebApp Theme screen.

1) Category startup appearance

This drop-down lets you control how the categories and their constituent sale items will appear when a user views the app. There are 3 choices; Expanded, Not Expanded and Only one expanded at a time.

Expanded

All categories will be listed with all their sale items visible. Users will still be able to click on the shows expand less icon symbol to collapse a category and hide its sale items. Expanded categories look like this;

show web app with categories expanded

 

Not Expanded

Conversely, this setting displays only the category names in the app, requiring the customer to choose to expand each category they  wish to select from by clicking the icon. With this option set the app displays like this;

shows unexpanded categories in web app

 

Only one expanded at a time

As its name suggests, this setting ensures that only one category is expanded at any time while using the app. Expanding a new category will automatically contract the previous one. You can see this in operation below.

 

2) Google font name

This box allows you to change the font used in your WebApp. This is a drop-down list which you can also type into. The fonts available to select are as follows;

shows list of available fonts in those fonts

 

However, if you have a font that is used on your own website, that’s available in Google Fonts, you can type the name of that font in this list. As long as the spelling is correct, click ‘Save’ and your web app will use that font. For example, typing in ‘Fontdiner Swanky’

shows font name box with typing

 

produces an app page looking like this;

shows web app in font Fontdiner Swanky

 

3) Colours

You can now change the colours of all elements in the web app, according to the elements listed below;

shows colour selections for theme

The image below shows which items on the page correspond to which of the above headings.

shows areas of web app and their colour settings

4) Menu Image

Finally, you can add an image to the top of your web app. This will probably be a logo but you could equally display a signature dish or venue photo;

show image selection panel

As you can see, you have the option to upload and delete images. When you upload an image, you’ll see how it will look on the page in the preview window. Here, for comparison, are screen shots of the above logo from both desktop and mobile sites:

shows screenshot of logo from desktop

 

shows logo in screenshot from mobile

`