Add Takeout & Delivery to your website
Edited

Adding an Online Ordering button on third-party websites

If you’re promoting BentoBox's Takeout & Delivery on a third-party website, we’ve created a button snippet for you to use with your online ordering URL. 

1. Go to: https://bento-ordering-button.getbento.com/

2. Copy the button code of your color of choice

For example: 

<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>

3. Paste as HTML on the third-party website

4. Swap out the placeholder text for your online ordering URL

In this example, the placeholder text you should replace is
http://copenhagenbistros.getbento.com/online-ordering

<a href="http://copenhagenbistros.getbento.com/online-ordering" 
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>

You can adjust...

  • Font style where it says Helvetica

  • Font size where it says 16x

  • Padding where it says 16px 32 px

  • Line height where it says 1

  • Button copy where it says >Order Online<

5. Your button will look like this:

Image_2020-09-23_at_10.55.17_AM.png