The Kameleoon panel

The Kameleoon panel shows your Kameleoon site right in the editor, next to the preview: its experiments, their variations and results, and the site’s goals. You can create tests, write variation code and start an experiment without opening Kameleoon.

When the panel shows up

The switch at the top of the left panel goes from two to three modes, Chat | Design | Kameleoon, when:

• your Kameleoon account is connected (Kameleoon context source, Connectors page);
• the project is linked to a Kameleoon site (Kameleoon app connector, with the site code);
• that site exists in the connected Kameleoon account.

If any of these conditions is missing, the Kameleoon mode isn’t offered. Follow Setup to configure everything.

Note

The panel uses the project owner’s Kameleoon credentials. After connecting your account or changing the edit permission, the panel picks it up when you come back to the editor (within 30 seconds); otherwise, reload the page.

Open the panel

1. In the editor, click Kameleoon in the switch at the top of the left panel (on hover: “This site’s Kameleoon experiments, results and goals”).
2. The Preview tab shows on the right: you need it to pick an element when you create a click goal.
3. To get back to the agent, click Chat. Your conversation and the message you were typing are kept.

The header

At the top of the panel, you find the site linked to the project:

• the Kameleoon site name (or its address);
• its main domain and its site code;
• a badge showing what the panel can do:
  • Edits allowed: you can create and edit from the panel;
  • Read-only: you can view everything but change nothing. On hover, the badge explains how to allow edits.

The tabs

The panel has two tabs:

• Experiments: the site’s experiment list, creating an experiment, an experiment’s detail (variations, traffic split, tracked goals, results, start) and the variation code editor. See Experiments and variations.
• Goals: the site’s goals and creating a goal, by clicking in the preview or by page visited. See Goals and results.

When you pick an element in the preview for a goal, the panel switches to the Goals tab on its own.

Fresh data and the Refresh button

The panel reads your data live from Kameleoon, through Highwind (your credentials never go through your browser). To respect the Kameleoon API’s call limit, data that has been read is kept in memory for about 30 seconds.

• What you change from the panel (experiment, variation, goal) shows up immediately.
• What you change elsewhere (directly in Kameleoon, or through the agent) may take a few dozen seconds to show up. Click the Refresh button (circular arrow, to the right of the experiment or goal count) to reload the list.

Tip

After asking the agent to create an experiment or write a variation’s code, wait for its answer to finish, then click Refresh in the panel.

Read-only or edits allowed

The panel’s behavior follows the Allow the agent to make changes switch on the Kameleoon source (Connectors page).

Action	Read-only	Edits allowed
View experiments, variations, goals	Yes	Yes
Read a variation’s code	Yes (read-only editor)	Yes
Compute results	Yes	Yes
Create an experiment	No	Yes
Add a variation, edit its code	No	Yes
Start, pause, resume, stop	No	Yes
Create a goal, add it to or remove it from an experiment	No	Yes

In read-only mode, action buttons are disabled or hidden, and a message reminds you: “To start an experiment or create a goal from here, allow edits on the Kameleoon source (Connectors page).”

Note

The panel acts with your Kameleoon account’s rights. If your role in Kameleoon doesn’t allow an action, the panel shows Kameleoon’s refusal. If the call limit is reached, try again after a minute.

Coming soon

Planned for a future version

Feature flags in the panel (per-environment switch, rules), adjustable traffic split, targeting (segments, triggers), results charts over time and a simulation link. In the meantime, these settings are made in Kameleoon, or by asking the agent when the API allows it.

See also

Experiments and variationsCreate, start and code your A/B tests from the panel.

Goals and resultsCreate a goal by clicking in the preview, read the results.

SetupThe conditions for the panel to show up.

Design modeThe left panel's other mode, to make edits without the agent.