Online Menu: Custom Branding

Modified on Wed, 21 May at 6:00 PM

Overview


Make your brand stand out! With Buddi, you can personalize the look and feel of your online menu to reflect your store’s unique identity. Our easy-to-use Custom Branding tool lets you apply color changes, upload a logo, and preview updates in real-time — no coding required.


Article (with full details): Styling your Online Menu with Custom Branding

Video Tutorial (with full instructions): How to Apply Custom Branding to your Online Menu

  

Featuring Buddi's demo store: buddi-licious. Custom Branding has been applied to the online menu using the color palette from our brand kit




buddi-licious Design Kit: featuring the brand's color palette and corresponding Hex codes



Online Menu inside the 'Grown in BC' Collection




How It Works

Basic Process

  1. Use the right-hand sidebar to adjust colors using the picker or paste in specific Hex codes
  2. Changes will appear live in the preview window
  3. Hit ‘Save’ in the top-right corner — saving frequently is recommended!
  4. Refresh your live menu in a second tab to see the changes.

TIP: To undo a move, press Ctrl+Z or Cmd+Z while your cursor is in the field you want to change.


Finding Hex Codes:

  1. Extract Colors from an Image (such as your logo); or
  2. If you are working with a web developer or graphic designer, check your brand’s design kit for pre-defined Hex codes.
TIP: Store the codes into a list somewhere. You'll refer to this list often to copy + paste.



 Optional Menu Add-Ons

  • Custom Header: Upload a logo to appear in the top-left of your menu. You can link it to your homepage or another URL.
  • Store Selector: Enable this to show your store hours and location(s) at the top of the menu. Customers can easily toggle between store locations if applicable.




Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article