Webflow Integration

Log in to your Koah advertiser dashboard and start the installation helper. It provides the Koah head and body pixel code you'll paste into Webflow.

1. Log in to your Webflow account and open your project
2. Click Site Settings in the Webflow menu
3. Go to the Custom Code tab

The Custom Code section has two text areas: Head Code and Footer Code.

1. Paste the Koah head pixel code into Head Code
2. Paste the Koah body pixel code into Footer Code
3. Click Save for each text area
4. Click Publish

After publishing:

1. Visit a page on your published site
2. The Koah installation helper on your dashboard will confirm if the pixel is installed correctly

1. Select the button you want to track in the Webflow Designer
2. In the Settings panel (gear icon), scroll to Element Settings
3. Add a unique ID, for example signup-button

In Site Settings > Custom Code > Footer Code, add the following after your Koah pixel code, replacing the event name and parameters with your own (see the Events documentation for all event types and parameters):

<script>
document.addEventListener('DOMContentLoaded', function() {
  const signupButton = document.getElementById('signup-button');
  if (signupButton) {
    signupButton.addEventListener('click', function() {
      kad("track", "SignUp", { currency: "USD", value: 50.0 });
    });
  }
});
</script>

Save and publish your site for the change to take effect.