InBe Docs

Overview

Add a beautiful, intelligent place-finder to your site in minutes. No code required.

What is the InBe Widget?

The InBe Widget lets your customers find unforgettable places with just a couple of clicks. It works on any website and looks great out-of-the-box. Best of all, you can customize it to match your brand, and intelligently manipulate its data and behavior to suit your needs.

What do people use it for?

The widget is versatile enough to be used for a large number of circumstances. Here are some examples:

  • A travel service that allows customers to find the best restaurants, bars, or cafes to visit based on their preferences when they arrive at their destination
  • A magazine or blog that allows their readers to find the amazing locations
  • A hotel or accommodation booking service that allows customers to find places close to their accommodation that perfectly match their preferences
  • A pageremium feature, or an improvment to their existing customer experience
  • An internal tool for marketing, analytics, or sales teams to find great locations

Why use the InBe Widget?

  • Help your customers discover places based on their needs and preferences
  • Beautiful UI with search, preferences, and results built-in
  • Works with your existing site — no rebuilds, no framework, no technical experience required

How to add the InBe Widget to your site

Sign up and get your public API key

First, you need an API key.

You only need the Public API key to add the InBe Widget to your site.

Add the InBe Widget to your site

You have a couple of options here;

  • Use our Widget Builder to customise the widget to your brand and needs (Recommended)
  • Add the widget to your site and configure it manually
  1. Go to the Widget Builder page
  2. Customise the widget to your brand and needs
  3. Copy the generated code and either paste it into your site, or follow the platform specific integration guides

Manually adding the widget to your site

  1. Add this code to your site, making sure to replace YOUR_PUBLIC_API_KEY with the key you just generated
Embed HTML example
<div id="inbe-widget"></div>
 
<script src="https://api.inbe.us/v1/widget/simple-widget.js?apiKey=YOUR_PUBLIC_API_KEY"></script>
<script>
  new InBeWidget({
    container: document.getElementById("inbe-widget"),
    apiKey: "YOUR_PUBLIC_API_KEY",
    headline: "Let's find some unforgettable restaurants",
    secondary:
      "Add your preferences and needs, and we'll find the perfect places for you",
    smartHeadline: true,
    primaryColor: "#1A0C29",
    secondaryColor: "#FF164E",
    backgroundColor: "#FFFFFF",
    maxHeight: "stretch",
    minHeight: "150px",
    maxWidth: "stretch",
    minWidth: "300px",
    height: "100%",
    width: "100%",
    templateType: ["location", "search", "preferences"],
  });
</script>
  1. Publish your site and reload the page to see the widget. You can then customise the widget to your brand and needs.

See the Understanding the Widget page for more information on the options you can set, or the Widget Builder page to visually customise the widget.

Follow the integration guides

We have integration guides for popular platforms (Webflow, Shopify, Wix, and more). If you don't see your platform here and the general guide doesn't help, please contact us and we'll help you out.

What can I customize?

  • Colors, headline text, layout blocks (location / preferences / search)
  • Starting location (e.g., a city or coordinates)
  • Behavior like smart headlines and responsive layout

For the full list of options, see the Understanding the Widget page.

Where can you use this in your service?

By adding the widget to your website, you can:

  • Link to your web page containing the widget via email or SMS
  • Integrate it into your existing customer journey
  • Use it as a standalone feature
  • Use it as a premium feature

All options & install

See every option, defaults, and how to install with a simple script tag.

Widget Builder

Pick your colors and settings, then copy-paste the generated code.

On this page