We have Growthbook set up in our React app already, but are looking to set it up for our landing pages, which are currently built on Webflow. Do you have any recommendations on the best setup practices for a website built in an external Website builder (noting that we can add in customer code, including HTML / script tags). We'd prefer not to use Google Tag Manager.

Webflow is tricky

What would the best way to implement the SDK be? I'm having trouble getting it to read as connected, but may be doing the setup incorrectly. Thanks!!

ya, it may not be able to detect that - did you select client side JS?

yes, client side JS

it may be working even though its not detected - that detection thing is for real time connections which is in beta atm

ah ok! thanks so much Graham. does that go for the DevTools Chrome extension as well?

how are you adding the SDK?

here is the code we are using:

<script src="<https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/index.js>"></script>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Create a GrowthBook instance
    var gb = new growthbook.GrowthBook({
      apiHost: "<https://cdn.growthbook.io>",
      clientKey: "sdk-1234",
      enableDevMode: true,
      trackingCallback: function(experiment, result) {
        console.log("Experiment Viewed", {
          experimentId: experiment.key,
          variationId: result.key,
        });
      },
    });

    // Wait for features to be available
    await gb.loadFeatures({ autoRefresh: true });
  });
</script>

is the site pubilc? you can DM me and I can check if its working