Home
Main content starts here, tab to start navigatingBento Ordering Button
Get a Bento Ordering button for your website
Dark
Copy the code below and swap out the placeholder text for the customer's online ordering URL.
<a href="[ YOUR URL ]" class="bento-ordering-button" style="color: #fff !important;background: #222 !important;font-family: Helvetica;font-size: 16px;padding: 16px 32px;border-radius: 8px;display: inline-block;text-decoration: none;line-height: 1;position: relative;margin: 0 auto;border: 1px solid #444;cursor: pointer;" target="_blank" alt="Order Online with BentoOrdering" title="Order Online with BentoOrdering">Order Online</a>
Light
Copy the code below and swap out the placeholder text for the customer's online ordering URL.
<a href="[ YOUR URL ]" class="bento-ordering-button" style="color: #000 !important;background: #fff !important;font-family: Helvetica;font-size: 16px;padding: 16px 32px;border-radius: 8px;display: inline-block;text-decoration: none;line-height: 1;position: relative;margin: 0 auto;border: 1px solid #ddd;cursor: pointer;" target="_blank" alt="Order Online with Bento Ordering" title="Order Online with Bento Ordering">Order Online</a>
Custom Colors
Copy the code below and swap out the placeholder text for the customer's online ordering URL and your preferred color combination using HEX codes in the designated placements.
<a href="[ YOUR URL ]" class="bento-ordering-button" style="color: [ TEXT HEX COLOR ] !important;background: [ BACKGROUND HEX COLOR ] !important;font-family: Helvetica;font-size: 16px;padding: 16px 32px;border-radius: 8px;display: inline-block;text-decoration: none;line-height: 1;position: relative;margin: 0 auto;cursor: pointer;" target="_blank" alt="Order Online with Bento Ordering" title="Order Online with Bento Ordering">Order Online</a>