Menu embed customizations

Customize your menu in Checkle to blend in with your website's look and feel

Cole Rickles

Last Update há um dia

You can customize the menu you've made in Checkle to blend in with your website to match the look and feel that you'd like.


Below are the attributes you can customize when installing your embed on your website.

On / Off Toggles for menu design

A on / off toggle switch will control every setting in this section.

  • Gradient bar

    • Turn the gradient slider at the top of the menu on or off.

  • Navigation bar

    • Allow your customers to choose a specific menu to be the only viewable menu that is embedded or make it where your customers can choose from your menus.

  • Happy Hours & Specials

    • If you have any active Happy Hours, Events, or Specials on Checkle then you can have them show on your website.

  • Hours of Operation

    • Make it where your customers can see your business hours you have put into Checkle in your embed.

  • Delivery / Reservation Links

    • If you have delivery and reservations preferences saved in Checkle then the links to these options can show up on your website.

  • Checkle Footer

    • Turns the words "Made with Checkle" on or off.

  • Center Menu Navbar

    • This centers if you have multiple menu options vs the menus being listed on the left side of the menu.

  • Single Column Layout

    • Show menu items in a single column layout instead of two columns on desktop.

  • Price on Right

    • Show item price on right-hand side inline with item name.

Color Changes

You can change the colors of the background, accents, font color, and section title.


Font Changes

Checkle offers 6 different font styles for your menu.


Select Menus for Embed

It is recommended to leave this setting on "All Menus" when installing the embed code on your website. This will ensure that any future menus you add into Checkle will always show up on your site properly.


This option is useful if you have your menus separated on different pages on your website.


Custom CSS Stylesheet

Link to your hosted CSS stylesheet for more customization.

Was this article helpful?

0 out of 0 liked this article