Create a prompt-based experiment

You can create AI-powered experiments in minutes by writing a simple prompt—no coding needed. For a guided tour of prompt-based experimentation in Kameleoon, click here.

​

Access the creation flow

1. In the Kameleoon app, go to Experiences > A/B Test > New experiment.
2. If you use the Starter or Trial plan, the prompt-based interface opens automatically.
3. If you use the Enterprise plan, a pop-up appears. Select By Prompt.

4. Enter the required information and click Create.

​

Configure your experiment

​

1. Define your prompt

In the prompt field, describe the modification you want to make using natural language. You can resize the prompt area by clicking and dragging the corner. Examples:

• “Update the product listing grid to display 2 products per row instead of 4.”
• “Change the default sorting option to ‘Price, low to high’.”

By analyzing your website and existing visual assets, Kameleoon automatically detects and maps your brand identity, including your tone of voice, fonts, imagery, and color palette.

​

Use images and designs

To provide visual context or add specific assets (like banners or pop-ups), click + > Add an image or paste an image from your clipboard. When you upload or paste an image and submit a prompt, PBX asks how to use it:

• Asset: PBX inserts the image file directly into the variation.
• Mockup: PBX uses the image as a reference to recreate the design with code.

To preview an uploaded image, click it in the prompt area. You can also click Copy reference to copy the image link. You can also import Figma designs directly. For more information, see Import designs from Figma.

​

Select elements

Help the AI identify which elements to modify in the following ways:

• Text description: Describe the element in your prompt (for example, “Move the product grid below the banner”).
• Selection box: Click + > Draw sketch and outline the target element on the page. Use the toolbox to draw, erase, or delete your selection.

PBX can also navigate to other pages on your site if your prompt requires it—for example, to reference a design element from a different page.

​

Configure AI Settings

Customize how the AI generates variants and interacts with your website. Click the + icon and select AI Settings. In the Projects sidebar, select the project you want to edit. The AI Settings menu includes two tabs:

• Master Prompt: Define overarching instructions and context for the AI. For more information, refer to the Master Prompts article.
• Technical Settings: Configure technical preferences for your project. You can adjust the following options:
  • Website adapts automatically to different screen sizes: Enable this option for responsive websites. Disable it if your mobile version uses a separate URL or does not update on resize.
  • Enable support for dynamic websites (SPA, PWA…): Enable this option to detect virtual URL changes and ensure URL targeting and data collection work correctly.
  • Custom attribute: Set a custom attribute to allow Kameleoon to track every virtual URL change, enable URL targeting, and gather data, such as the number of page views.
  • Avoid dynamic IDs selectors: Specify selectors to avoid.

Click Save to keep your changes, or click Back to the editor to return to the editor interface and discard any changes.

​

2. AI workflow

When you submit a prompt, PBX works through the change in real time. Each action the AI takes appears as it happens, along with its reasoning in plain language, so you can follow what PBX is doing at every step.

​

Real-time tracking and reasoning

As PBX generates your variation, you can see each step it takes and the thinking behind it. PBX highlights elements on the page as it processes your prompt, showing you exactly what the AI is targeting.

​

AI navigation

PBX can navigate to other pages on your site when your prompt requires it—for example, to reference a feature or design element from a different page. You can request this directly in your prompt.

​

Interaction tools

At key points in the generation process, PBX pauses and presents one of the following interaction tools before continuing:

• Highlight elements validation: PBX highlights the element it intends to modify. Confirm the selection or redirect PBX to a different element.
• Option picker: PBX presents two or more design options for you to choose from. Select the option that best fits your intent.
• Confirmation: PBX summarizes the action it is about to take and asks you to confirm before it commits.

This see-understand-steer loop catches wrong turns early, reducing rework and dead-end generations.

​

Choose between variations

After generation, PBX presents several variation options for you to compare. Select the one that best matches your intent and click Apply version. If none of the options are right, continue prompting to refine the result or provide additional details. The AI may also ask clarifying questions (for example, about image preferences or content types) to make sure the result matches what you have in mind.

​

Create from sketches

Design components like pop-ups or overlays by drawing them directly on the page:

1. Click + > Draw sketch.
2. Draw your design.
3. Prompt the AI to build it (e.g., “Build the popup based on my sketch”).

Follow best practices for writing prompts to get the best results.

​

3. Review and adjust the generated code

Click the Code switch in the header to open the code panel. Click CSS or JS to view and edit the relevant code. Click Edit code to make changes. If you prompt several times and generate multiple versions for a given variant, you can switch between those variants using the dropdown in the top-left of the code panel. Once the AI generates content for your experiment, you can refine its output by editing the underlying code.

​

4. Compare and simulate

Use the header buttons to switch between views:

• Website display: Preview the variant appearance.
• Code: View the technical implementation.
• Compare: Compare different variations side-by-side.

​

Preview on different devices

To see how your variant looks on different screen sizes, click the mobile, tablet, or desktop icons at the top of the page. Switching the device preview does not affect the generated code. Click Simulate to test the experiment live on your website before launching.

​

Share your experiment

Click the share icon in the top-right to:

• Copy link: Share a direct link to the experiment.
• Share on LinkedIn: Post your experiment directly to your feed.

​

Finalize the experiment

Once your variation is complete:

1. Click Finalize.
2. Set your goals, audience targeting, and traffic allocation.
3. Launch your experiment.

You are now ready to experiment faster than ever, with no code and no delay.