To begin, we stack the elements on top of each other in a grid cell and give them borders. We add the text that will appear at the borders inside the elements. However, most of the website builders come with some restrictions.For the four borders, we need four elements, each containing a element inside.
How to add the custom button to your websiteĪs stated before, for adding the button you only need to copy-paste the code in your page. “See Menu & Order” or “Order Online” are good labels to use. Your text should be inviting and explicit about what’s going to happen next.
When pressing the button, your client should not be surprised about the result. You need to guide your client to your desired goal: online ordering. A button that is too large will kill the rest of your content in the page. You need to make your online ordering button slightly more prominent than the others buttons or links in the page. Give it space and make sure the color stands out from the background and surroundings. Don’t just “throw it” in a crowded corner of your website. The online ordering button should be visible and draw attention. This significantly diminishes the chances of getting any online orders. One bad example we have seen: the button placed only at the bottom of the contact page. Moreover, many food clients tend not to scroll. Your customers need to see it right away, to make sure you’re really doing this and their order will not be ignored. We are not excluding other pages, if you will, but make sure your online ordering button or call to action is present on the homepage. Go through this list of best practices and make sure you check all of them. Get your online ordering button noticedįor the orders to happen, your website visitors need to notice the button and click on it. In this latest post we’ve put together our tips and how-to-s on making the most of your online ordering button. Thanks to your feedback, we were able to constantly improve the html code and address the most common website builders. We’ve seen hundreds of ordering buttons and how you use them on your websites. Things can get a little more complicated though when you run into the limitations of the website builder, especially if you also want to customize the button to best fit your layout and design. Publishing the online ordering button on your website is normally a matter of a two-clicks copy paste. Once you've finished the other essential account setup steps, you'll find your unique button code and publish instructions on the restaurant admin area -> setup tab-> publish section -> website Please have a look (both from mobile and PC) on our demo restaurant ordering button here: But you don’t need much care about using all this, the button code will do what is needed to direct visitors in a proper manner.
We basically have two different versions: one optimized for PC browsers and UX, that works best with pad clicks and scrolls, the other optimized for mobile browsing that is meant for taps and swipe operations. Unlike other solutions, our ordering widget is not mobile responsive. Technical considerations: the button code solves many display and alignment matters in an automatic way so that you can just copy-paste the code without additional hassle.The button code automatically detects mobile browsing and serve mobile version of the ordering widget. It is a known fact that once you direct PC visitors to a different URL link, you may experience a conversion drop of between 10-30%. To create this ‘tunnel vision” and stimulate people focus on the ordering, not on some side-banners or website residual content.Īlso, the button code allows us to make the visitor have the "same site" experience on their PC browsers. This is why we do that grey overlay over the site. Now here is no need to show other visual elements that distract the user from the food ordering and food pictures. The marketing job has ended and the sales job starts. Once people click on the order button it’s clear they want to order, and that they want to order from you. Our design starts from the idea that there is nothing more important than sales generation.