InBe Docs

Wix

A complete guide to integrate the InBe widget within your Wix website.

This guide will help you add the InBe widget to your Wix website using custom code.

Add the widget container

  1. In your Wix Editor, add an HTML Embed element to your page where you want the widget to appear
  2. In the HTML embed, add the container element:
Add the widget container
<div id="inbe-widget"></div>

Add the widget scripts

  1. In your Wix Editor, go to Settings → Custom Code
  2. In the Head section, add the first script tag:
Add the widget library
<script src="https://api.inbe.us/v1/widget/simple-widget.js?apiKey=YOUR_PUBLIC_API_KEY"></script>

Widget Builder Note

If you are using the Widget Builder, and pasting the generated code into your site, only paste the first script tag.

  1. In the Body section, add the initialization script:
Add the widget initialization
<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>

Widget Builder Note

If you are using the Widget Builder, and pasting the generated code into your site, only paste the second script tag.

  1. Click Apply

Publish your site

  1. Click Publish in Wix
  2. Visit your published site to see the widget

Important Notes

Make sure to replace YOUR_PUBLIC_API_KEY with your actual API key. The widget will appear in the HTML embed element. You can resize the HTML embed element to adjust the widget size

Troubleshooting

If the widget doesn't appear: 1. Ensure the container element exists in the HTML embed, 2. Check that your API key is correct, 3. Try refreshing the page, 4. Make sure both script tags are in the correct sections (Head and Body).

On this page