Squarespace

Add the widget container

1. Go to your Squarespace site editor
2. Navigate to the page where you want to add the widget
3. Add a Code Block element to your page
4. In the code block, add the container element:
5. Usually the id is inbe-widget, but if you have changed it, use the id you have chosen.

<div id="inbe-widget"></div>

Add the widget scripts

1. In your Squarespace admin panel, go to Settings → Advanced → Code Injection
2. In the Footer section, paste both script tags (one for the widget library, and one for the initialization)
3. If you changed the id of the container element, remember to update the container id in the second script tag.

If you are using the Widget Builder, and pasting the generated code into your site, make sure to remove <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>

3. Click Save

Publish your site

1. Click Save in the site editor
2. Publish your site
3. Visit the page to see your widget