Skip to content

Kameleoon in Highwind

Highwind and Kameleoon work together: you build your site by chatting with the agent, then test it with Kameleoon (A/B testing, personalization, feature flags) without switching tools. You create your goals by clicking in the preview, set up your experiments and their variations, the agent writes the variation code, and you read the results in the editor.

The integration relies on three complementary pieces. The first one is enough to install Kameleoon on your site; the other two let you drive your account from Highwind.

1. The app connector

It links your site to your Kameleoon project with the site code. The agent installs the Kameleoon tag (engine.js, with anti-flicker) in index.html, wires consent to your cookie banner and your goals to the right moments of the journey. For feature flags, it can also use Kameleoon’s JavaScript SDK in the code.

2. The context source

It links the agent to your Kameleoon account with your API credentials. The agent reads your sites, experiments, feature flags, goals and results. It only changes your account if you allow it, and only when you ask.

3. The Kameleoon panel

A third mode of the editor’s left panel: Chat | Design | Kameleoon. You see the site’s experiments and goals, create experiments, variations and goals, start a test and compute its results.

App connector Context source Kameleoon panel
What you provide The site code (public) Your account’s client ID and client secret Nothing more
Where you set it up In the chat (@Kameleoon) or the project settings Connectors page Shows up on its own in the editor
What it enables Tag, consent, goals or SDK in the app’s code The agent reads (and, if you allow it, edits) your account Manage experiments, variations, goals and results

The Kameleoon panel shows up once the first two pieces are in place: your account is connected and the project is linked to a site in that account. Everything is detailed in Setup.

Here is the typical path, from an empty site to a running test.

  1. Build your site. Describe it in the chat, iterate until you like it, then click Publish: Kameleoon experiments apply to the published site.

  2. Add Kameleoon to the app. Mention @Kameleoon in the chat (the entry in the Analytics category) with a request like “Add Kameleoon so I can run A/B tests”, and paste the site code when the card asks for it. The agent installs the tag in index.html. Publish again so the tag goes live.

  3. Prepare your Kameleoon project. Turn on support for dynamic websites (required for a React app), choose your consent policy and declare your published site’s address.

  4. Connect your account. On the Connectors page, connect the Kameleoon source with your client ID and client secret, then turn on Allow the agent to make changes if you want to create tests from Highwind.

  5. Create a goal by clicking. Switch to Kameleoon mode, Goals tab, New goal, then Pick in the preview: click the button to track (“Sign up”, “Buy”…). Highwind suggests the CSS selector and the goal name.

  6. Create an experiment and its variations. Experiments tab, New experiment: a name, the tested page, your hypothesis. Add variations if needed, then link your goal and make it the main goal.

  7. Have the variation code written. In a variation, click Ask the agent: the chat is pre-filled with the experiment and the variation, you complete it (“change the hero headline to …”) and the agent writes the JavaScript and CSS in Kameleoon. You can also write them yourself in the panel’s code editor.

  8. Start the test. Start, then confirm: visitors of the published site are split between the original and the variations.

  9. Read the results. In the experiment, Compute results: conversion, improvement and reliability per goal, and the Winner badge when a variation clearly wins.

  • In your app (the code, published): the Kameleoon tag, consent, goal tracking in code, or the SDK for feature flags. The agent writes it, like the rest of your app.
  • In your Kameleoon account: experiments, variations (their JavaScript and CSS code), goals and results. The panel and the agent read and change them through Kameleoon’s API, with your credentials.
  • In Highwind: nothing is duplicated. The panel shows the data from your Kameleoon account; what you change there is saved directly in Kameleoon.