All Collections
Social Ordering + Order & Pay
Online Ordering
Online Ordering: Customize the Appearance
Online Ordering: Customize the Appearance
Sam Fielding avatar
Written by Sam Fielding
Updated over a week ago

This article is only relevant for customers using the new Online Ordering channel.

Step 1. Log in to your social frontend. In the sidebar, select Branding and go to the Online Ordering tab .


Step 2. Make your desired changes. The following fields are available:

Colors

  • Primary color: The background color of the add to basket and checkout buttons.

  • Primary color hover: The background color for when hovering over buttons.

  • On primary color: The color of text or icons inside the basket and checkout buttons.

  • Secondary color: The background color of the quantity and header buttons, and for the Loyalty section.

  • Secondary color hover: The background color when hovering over the header buttons.

  • On secondary color: The color of text when selecting an address.

  • Background color: The background color of the website.

Type

Button style

  • Border radius: Set the radius used for buttons. A larger radius results in rounder buttons.

  • Secondary style: Choose whether to use a background color (Filled) or not (Ghost) for secondary buttons.


Step 3. Select the Save customizations button to confirm your changes.

Did this answer your question?