Using our Javascript library

Adding Bento to your custom website

Installing Bento is really similar to how you have previously installed many of your other marketing tools in your stack. We have a small script, under 30kb in size, that you add to the footer of your page. This little script powers all the amazing features in Bento.

Because you are adding Bento to the footer of the page, it also won't slow down your perceived load times at all. Visitors will see and be able to browse a snappy website like they've always done before.

This is fairly unique in the marketing world, as most scripts that perform similar features to us require you to put us in the header synchronously — but we've always believed that speed trade-off isn’t worth it. We’ve seen instances where services have become overwhelmed for one reason or another and have slowed down all sites on their network.

Not with Bento.

A lot of web apps have a special spot for you to place the script, often this will be the same place where you would put your Analytics code like Google Analytics, Tag Manager or Clicky, but if you're unsure it's best to ask your site's developer or send us a message in chat.

We've got experience working on all sorts of platforms.

Bento does require jQuery (2.X.X or above) to work, so make sure to check "Compatibility Mode" if you do not have it currently installed so we can load it for you. This year we're hoping to deprecate this eventually.

The script looks something like this (remember to add your UUID):

<script src="{{ Unique Site UUID }}.js"></script>
if (typeof(bento$) != 'undefined') {
bento$(function() {

Remember to run bento.identify(email) before any other event the first time. Any session after doesn't really matter.