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

 

Was this article helpful?

Sorry about that! Care to tell us more?

Thanks for the feedback!

There was an issue submitting your feedback
Please check your connection and try again.