Bento is an embedded customer onboarding guide that allows non-engineers to build and collaborate with end-users. Here's an example of what Bento might look like in-app.
This is an example of a "full page" view. Bento is also shown as a sidebar, so guidance and collaboration follows a user as they navigate different pages. See here.
The purpose of this doc is to give you high level orientation around the installation process. Ready? Let's go! 🚀
When we are ready to kick off, Bento will share the unique
appid with you.
If you want to control when and how Bento is initialized, load the script without setting
window.bentoSettings. Then, call
Bento.identify(window.bentoSettings) && Bento.initialize(window.bentoSettings manually after
bentoSettings is initialized.
The embeddable Bento widgets are web components that can be placed anywhere in your DOM. The JS snippet installed above activates these tags and renders the Bento widgets.
Must have: Sidebar
Recommended: "In-line" guide (as a full page, or on an existing landing page)
How to decide whether and when to show the guide (i.e. redirect logic)
⚠️ If the JS snippet is not run, or if your user does not have an active guide launched in Bento, the web components will not do anything nor appear to the end usr.