--- title: How to use our Live interface description: "In this article we will try to explain how to use our Live interface which can be used for editing your Front end.\nIn here you can change colours etc." --- [Skip to content](https://knowledge.jamezz.com/migration/knowledge/how-to-use-our-live-interface#main-content) English Show submenu for translations [More support](https://knowledge.jamezz.com/migration/knowledge/kb-tickets/new?hsLang=en) Jamezz Open main navigation Close main navigation - English Show submenu for translations - [More support](https://knowledge.jamezz.com/migration/knowledge/kb-tickets/new) How can we serve you? - There are no suggestions because the search field is empty. 1. [Home](https://knowledge.jamezz.com/migration/knowledge?hsLang=en) 2. [FAQ](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en) 3. [Layout & Style](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en#layout-style) - [QR](https://knowledge.jamezz.com/migration/knowledge/qr?hsLang=en#main-content) - [Welcome to the knowledge base for QR](https://knowledge.jamezz.com/migration/knowledge/qr?hsLang=en#welcome-to-the-knowledge-base-for-qr) - [QR settings](https://knowledge.jamezz.com/migration/knowledge/qr?hsLang=en#qr-settings) - [Menu building](https://knowledge.jamezz.com/migration/knowledge/qr?hsLang=en#menu-building) - [Tables](https://knowledge.jamezz.com/migration/knowledge/qr?hsLang=en#tables) - [KIOSK](https://knowledge.jamezz.com/migration/knowledge/kiosk?hsLang=en#main-content) - [Welcome to the knowledge base for KIOSK](https://knowledge.jamezz.com/migration/knowledge/kiosk?hsLang=en#welcome-to-the-knowledge-base-for-kiosk) - [KIOSK settings](https://knowledge.jamezz.com/migration/knowledge/kiosk?hsLang=en#kiosk-settings) - [Menu building](https://knowledge.jamezz.com/migration/knowledge/kiosk?hsLang=en#menu-building) - [Tables](https://knowledge.jamezz.com/migration/knowledge/kiosk?hsLang=en#tables) - [WEBSHOP](https://knowledge.jamezz.com/migration/knowledge/webshop?hsLang=en#main-content) - [Welcome to the knowledge base for WEBSHOP](https://knowledge.jamezz.com/migration/knowledge/webshop?hsLang=en#welcome-to-the-knowledge-base-for-webshop) - [WEBSHOP settings](https://knowledge.jamezz.com/migration/knowledge/webshop?hsLang=en#webshop-settings) - [Menu building](https://knowledge.jamezz.com/migration/knowledge/webshop?hsLang=en#menu-building) - [Tables](https://knowledge.jamezz.com/migration/knowledge/webshop?hsLang=en#tables) - [TABLET](https://knowledge.jamezz.com/migration/knowledge/tablet?hsLang=en#main-content) - [Welcome to the knowlegde base for TABLET](https://knowledge.jamezz.com/migration/knowledge/tablet?hsLang=en#welcome-to-the-knowlegde-base-for-tablet) - [TABLET settings](https://knowledge.jamezz.com/migration/knowledge/tablet?hsLang=en#tablet-settings) - [Menu building](https://knowledge.jamezz.com/migration/knowledge/tablet?hsLang=en#menu-building) - [Tables](https://knowledge.jamezz.com/migration/knowledge/tablet?hsLang=en#tables) - [FAQ](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en#main-content) - [Payments](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en#payments) - [Leat](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en#leat) - [Layout & Style](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en#layout-style) - [Article Management](https://knowledge.jamezz.com/migration/knowledge/faq?hsLang=en#article-management) # How to use our Live interface ## In this article we will try to explain how to use our Live interface which can be used for editing your Front end. In here you can change colours etc. ### Step 1: Login to the [Jamezz Backoffice.](https://manage.jamezz.com/manager/vestigingen) ### Step 2: Navigate to the "Sales areas" tab. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Sep-30-2024-11-56-09-3892-AM.png?width=945&height=292&name=image-png-Sep-30-2024-11-56-09-3892-AM.png) ### Step 3: Filter on your sales area you want to edit and click on it. Then click on the pencil.  ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Oct-18-2023-09-55-37-2356-AM.png?width=688&height=143&name=image-png-Oct-18-2023-09-55-37-2356-AM.png) ### ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Sep-30-2024-11-56-44-4208-AM.png?width=945&height=63&name=image-png-Sep-30-2024-11-56-44-4208-AM.png) ### Step 4: Navigate to Layout & Style ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-10-59-19-6254-AM.png?width=688&height=312&name=image-png-Nov-02-2023-10-59-19-6254-AM.png) ### Step 5: Navigate downwards on the page and click on "Start Live edit mode" ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-00-24-0682-AM.png?width=678&height=411&name=image-png-Nov-02-2023-11-00-24-0682-AM.png) ### Step 6: Select the device and how you want your orientation. ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-01-47-7702-AM.png?width=688&height=403&name=image-png-Nov-02-2023-11-01-47-7702-AM.png) ### Step 7: Editing a few examples - Drinks & Food bar - Changing the logo on top - Changing the header - Chaning the Font ### ***AFTER SAVING YOU HAVE TO RESTART THE LIVE EDITOR TO SEE CHANGES.*** We are selecting the box "eten" in this case and we will be adding a different colour to the background of this box. You will need to click Edit after hovering over the box you want to edit. After that there will appear a toolbar you can use to change multiple parameters of this box you are editing. ### ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-09-27-3050-AM.png?width=687&height=777&name=image-png-Nov-02-2023-11-09-27-3050-AM.png) Changing the logo on top ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-12-05-0727-AM.png?width=678&height=694&name=image-png-Nov-02-2023-11-12-05-0727-AM.png) ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-16-14-4362-AM.png?width=679&height=300&name=image-png-Nov-02-2023-11-16-14-4362-AM.png) Changing the Header ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-14-49-8980-AM.png?width=686&height=675&name=image-png-Nov-02-2023-11-14-49-8980-AM.png) ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-17-38-7485-AM.png?width=682&height=319&name=image-png-Nov-02-2023-11-17-38-7485-AM.png) Changing the Font ***If you want to use a special font that is not standard in our database you will have to upload this font here:![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-20-50-4431-AM.png?width=673&height=836&name=image-png-Nov-02-2023-11-20-50-4431-AM.png)*** ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-18-36-9749-AM.png?width=681&height=658&name=image-png-Nov-02-2023-11-18-36-9749-AM.png) ![](https://knowledge.jamezz.com/hs-fs/hubfs/image-png-Nov-02-2023-11-20-10-8679-AM.png?width=678&height=258&name=image-png-Nov-02-2023-11-20-10-8679-AM.png) After following these steps above you should have a basic knowledge of how to use our live editor. There are many things that are editable but there are still a few things that can't be changed yet. [![Chill listening crop-3](https://knowledge.jamezz.com/hs-fs/hubfs/Logo-jamezz-los-donker-Sep-28-2022-02-17-16-47-PM.png?width=43&height=43&name=Logo-jamezz-los-donker-Sep-28-2022-02-17-16-47-PM.png "Chill listening crop-3")](http://jamezz.nl) Copyright © 2026, Jamezz