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 customise it to match your brand, and intelligently manipulate its data and behaviour to suit your needs.

What do people use it for?

This versatile widget can be used for many situations. Here are some examples:

  • A travel service that allows customers to find the best restaurants, bars, or cafés to visit based on their preferences when they arrive at their destination
  • A magazine or blog that allows their readers to find amazing locations
  • A hotel or accommodation booking service that allows customers to find places close to their accommodation that perfectly match their preferences
  • A premium feature, or an improvement 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 user experience 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.

What can I customise?

  • Colours, headline text, layout blocks (location / preferences / search)
  • Starting location (e.g. a city or coordinates)
  • Behaviour 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 colours and settings, then copy-paste the generated code.

On this page