Hotplate

Hotplate, Help!

The best way to customize your storefront colors is to use a desktop/laptop. First 

(You can find your storefront link at the top of your account settings if you do not have it already).

Once you have them both open, scroll to the “Branding” section of your settings.

Here is an example setup on my laptop, where I split my tabs into two windows so I can see them at the same time:

We provide some default colors for you to choose from as well as the ability to set your own custom colors. If picking from the defaults, first choose your primary color and then scroll to the bottom to save your changes and see them reflected on your storefront, you can play around with the defaults for all the settings to find a mix you like.

In this case, I am choosing the dark green for my primary color, and making my header black!

Hotplate lets you set your own custom colors using 

. Hex codes are essentially just numbers that websites use to represent colors. If you have already done some digital or branding work, you may already know your hex codes. 

Hex codes always start with a # and are usually 6 characters long.

To set a color to a hex code, click the rainbow button and type it into the input.

 Here is me setting my own custom header color to a hex code:

Figuring out your brand’s hex colors from your logo

If you have a logo or an image that you want to use as the palette for your storefront. You can use 

 to extract the hex colors from the image and paste them in!

Here is what it looks like when I upload the Hotplate logo:

click on the hex colors to copy and paste them into my settings

Now my storefront’s colors match my logo!

You have two images you can add to your storefront: your 

. Your header image will replace the text in the storefront header (in this case, it will replace “Ben’s Bakery”) and your profile photo will appear at the top of your storefront.

Here is what it looks like after I upload Hotplate’s logos:

In another section of your settings, “Content”, 

you can add even more to your Hotplate storefront

! This can include an about section, FAQ’s, random links (like a linktree), social media links, etc.

I am going to add an about section, some social media links, and an FAQ!

You’ve now made your storefront your own!

In a few minutes we have made our storefront our own. Look at the before and after!

Always feel free to reach out to us at support@hotplate.com or text / call us at (214)833-9248, and we'll gladly help you with anything you need!

How to setup your branding

Creating your first event

Want to see what your event looks like before taking orders? 

You'll go into the "Info" tab of your event, click 'Advanced Settings', and turn on the "Private Event" option. This makes sure customers don't get a notification when the event goes live and can only reach your event with a direct URL you provide them. 

From there, go to your "Share" tab. Here you can publish your event, and use the event link to view your storefront in a web browser. 

Once you're dong previewing your event, you can unpublish it, make any edits you'd like, and turn off the "Make this event private" setting so customers can see your event! 

What does a storefront look like? Great question. Here's one example!

Getting Started

How to setup your branding

Creating your first event

Storefront / Preview Event