Webflow Installation Guide: Getting Started

Last updated 10/12/2022

You must add the initialization script tag to get started. This script tag will enable analytics, and is required for you to add other Bread & Butter functionality to your Webflow website.

Once the initialization script tag is in place, you can also add the following functionality:

How it Works

Bread & Butter code snippets can be added to your Webflow website using Custom Code in the header:

Adding the code snippets to the Custom Code head tag applies them to every page on your website.

Getting Started

As a first step, you’ll need to add the Bread & Butter initialization snippet to the head tag. As part of this, you’ll need your App ID. Don’t have an App yet? See How to Create an App.

Step 1

  • On your Webflow Dashboard, click on the 3 dots at the bottom right of your project.
  • Then, select Settings.
Step 1

Step 2

Select the Custom Code tab.

Step 2

Step 3

In the Head Code field, paste in the following script tag:

<script>
window.initBreadButter = function () {
    // Here is your configuration of the BreadButter App.
    BreadButter.configure({
        app_id: "[APP_ID]"
    });
};
(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) { return; } js = d.createElement(s); js.id = id; js.src = 'https://cdn.breadbutter.io/dist/breadbutter.6.1.0.674.min.js'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'breadbutter-js'));
</script>
Step 3

Step 4

Then, replace [APP_ID] with your App ID from your Bread & Butter App.

Not sure how to get your App ID? Log in to Bread & Butter

Then, click on App Settings in the left menu. Your App ID will be at the top of the page.


Step 5

  • Click Save Changes.
  • Publish your website, when ready.

Step 6

Congratulations! Your website is now set up for Bread & Butter Analytics. Head to your Bread & Butter dashboard to see all of the users visiting your website.

Not seeing any activity? Open up your website in a browser, and see if your visit appears in the Dashboard. If you're still not seeing your activity appear, check the following:

  • Ensure that your App ID in the script tag is correct.
  • In the App Settings page in Bread & Butter, make sure your website is in the CORS Allow List.