Design your sign-in screen

1. Design your sign-in screen

   Style the sign-in screen your guests see: the layout, a brand panel with heading, photo and icons, the form background and promos beside the form. Your logo and social sign-in buttons appear as they are already set up for your restaurant. This tour walks through each part.

2. Save your design

   Nothing on this page reaches guests until you press Save. The preview on the right already shows your unsaved changes, so you can experiment freely before saving.

3. Choose a layout

   Simple shows a single centred form, Split puts a brand panel next to the form, and Card places the form inside a framed card in the middle of the screen. The brand panel and decorative icon settings only appear for the Split layout.

4. Brand panel

   Pick which side the panel sits on and its style: your brand colour, a gradient or your own photo (JPG, PNG or WebP, up to 3 MB). The heading and tagline shown on the panel can be written for each language.

5. Form background

   Sets the colour behind the sign-in form: plain, muted grey or a light tint of your brand colour.

6. Decorative icons

   Turn on small food and service icons at the bottom of the brand panel and pick up to four of them.

7. Promos beside the form

   Add up to four offers or loyalty perks, each with a title, short text, badge, button label and button link. Use them to give guests a reason to sign in or create an account.

8. Live preview

   A mock of the sign-in screen that updates as you change settings, before saving. Social sign-in buttons appear as they are set up for your restaurant; dimmed ones are not configured yet.

9. Desktop, mobile and live page

   Switch the preview between desktop and mobile. Open live opens the real sign-in page in a new tab with your saved settings.