How can we help you?

In the Widget Studio, you can build fully functional surveys (e.g. NPS, CSAT, satisfaction forms, product feedback) using a set of dedicated Survey elements. Each element comes with its own customization. The Survey element suite allows you to: Build structured, branded NPS and CSAT widgets Collect qualitative and quantitative feedback Apply detailed validation rules Export […]

Access the AI widget creation pop-in On the Widget Studio homepage, you can create a custom widget using Kameleoon’s AI generator. Select the Create with AI option. Enter your prompt Important: This feature is in beta. AI-generated widgets are currently limited to a combination of only the following elements: text, text area, heading, image, button, […]

The wheel of fortune widget is an element you can add to your website to encourage user participation and boost engagement. Follow these steps to insert and customize a wheel of fortune into your Kameleoon widget. Add the wheel of fortune element In the widget editor, locate the left sidebar with various elements. Scroll down […]

You can export a graphic widget as a .json file from one account and import it into the Widget Studio of another account. First, on the Widgets Dashboard, open the 3-dot menu and click on Export to .json. Then, open the Widget Studio to create a new widget and choose Import a widget form .json […]

The translation management option enables you to set up and use multiple languages in your widget. With this feature, you can make your widget accessible to a broader audience by providing translations in various languages. Activate the translation management To activate the translation feature, click on the Translations section of the Widget Studio. Then check […]

Thanks to the Kameleoon Widget Studio, your widget is adaptable to your visitors’ devices. Your widget is automatically responsive, but you can make changes, such as not displaying certain elements on mobile devices, in order to optimize the user experience. Switch between devices At the top of the Widget Studio, you can change the view […]

You can add sliders to your widgets to make them more dynamic. In this article, you will learn how to: Add a slider Edit your slider Position your slider Customize the transitions between your slides Add a slider Click on Add element (first item of the left menu) or on the plus icon appearing at […]

On the personalization creation page, choose a type for your personalization: in your page content or above your pages. Just click on one of these options in order to unroll the associated menu. Click on Widgets > Choose a widget. The Add a widget page will open. Please choose one of the active widgets to […]

You can create custom CSS or JS code in our Widget Studio, and apply your custom styles to any widget element or run your custom scripts on demand. In this article, you will learn how to: Add custom CSS  Apply your CSS code to widget elements Add JS code Change code view How Custom code […]

You can add HTML code into your widget, and insert it into a block that you can position or resize like any other element. In this article, you will learn how to: Add a HTML element Edit HTML code Position your HTML element Add a HTML element Click on Add element (first item of the […]

Watch this video tutorial to learn how to use the Kameleoon Widget Studio. Add and design new UX elements and create widgets for you website. You can also find all the documentation associated with our Widget Studio.

You need to activate a widget to be able to use it in a campaign. Save Your changes are automatically saved. You can also click on Save to keep any recent changes done in the editor. Once saved, you can leave the editor whenever you want and resume where you left off. Activate When your […]

Once you have edited the content of your widget, and possibly added animations and events, we recommend that you simulate your widget before activating it and associating it with one of your Kameleoon campaigns. The simulation button is located at the bottom right of the Widget Studio. By clicking on this button, the Widget Studio […]

In the Events section of the side panel, you can associate events and actions to your widget. For example, you can create two popins, corresponding to a subscription phase and a subscription validation phase. Create a Request > Success event and associate it with the sending of an email address by the visitor. Associate the […]

In the Animations section, add entrance and/or exit animation(s) to your widget. About 50 different effects are available, classified into major categories: Attention seekers Back entrances/exits Bouncing entrances/exits Fading entrances/exits Flip entrances/exits Rotating entrances/exits Special entrances/exits Zooming entrances/exits Sliding entrances/exits Click the Previsualize button to see a preview of the animation effect.

Add an element In the Add element section, click on an element type to add it to your widget. Several elements are at your disposal. TYPOGRAPHY Heading Text Link Scrolling Text MEDIA iFrame Image Video Html Slider Countdown Click-to-copy Progress bar (visually indicate how far the user is from achieving a goal) Step Progress bar […]

The Kameleoon Widget Studio is composed of a header, a sidebar with 5 tabs, and a central area where you can preview the customization of your widget. Header Screen dropdown Add a screen You can add as much screens as needed. For example: Screen 1 : Newsletter pop-in Screen 2 : Thank-you pop-in Set a […]

In the Kameleoon App, click on the Configure menu and then on Widgets. On the Widgets Dashboard, click on the New widget button. You can choose between 2 options: from code or using the editor. Learn how to create a widget using code Learn how to create a widget from A to Z using the […]

Access the Widgets Dashboard To access the Widgets Dashboard from the App, use the left side menu > Configure > Widgets. Structure of the Widgets Dashboard Header: button to create a new widget Search bar: search tool; number of created widgets Cards: information on the widgets; status; Edit button; three-dot menu (on the right) to apply actions to […]

In order to associate a widget, it must be created and activated. You haven’t created a widget yet? Create a widget from A to Z in the Widget Studio, from our template library or from code. You have created a widget but it is not yet activated? To activate it, please follow these instructions. Note: […]

Access the Widget Studio In the Kameleoon App, click on the Configure menu and then on Widgets. On the Widgets Dashboard, click on the New widget button. Then select the Using the editor option. If you prefer to create a widget from code, this documentation is at your disposal. In the pop-in, fill in the […]

A new version of the Graphic Editor is currently being deployed, this documentation will be updated soon. This article is about A/B testing. If you want to create a widget from code, please read this documentation article. If you want to create a widget in the Widget Studio and associate it with a personalization, please […]

We offer a library of widgets to use into experiments. You can integrate these widgets inside your pages or above them. For more information on these predefined elements, read our documentation. You can also create your own widget templates by coding them and use them in experiments and personalizations. This way you can make sure […]

Discover a smoother, more modern interface packed with new features and a redesigned navigation experience. The new dashboards, header, and menu are now available for Beta users: opt in, explore, and share your thoughts with us! Navigation Menu redesign To better reflect our product vision and evolving offering, we’ve restructured our navigation menu. New products […]

Shadow DOM is an advanced web development feature that lets developers encapsulate a part of their webpage’s structure, creating a separate “shadow” section. Think of it like creating a miniature webpage within a component of your main site. This “mini-page” operates independently from the rest of your page, preventing conflicts between styles and scripts used […]

In addition to customizing individual survey elements, Kameleoon also provides global settings that define how your survey behaves and how responses are handled. The Survey Settings tab appears automatically in the Widget Studio when at least one survey element is added to your widget. It allows you to configure submission behavior and choose how and […]

You can trigger specific actions based on the values provided by your visitors when they interact with your survey. Conditional logic allows you to show or hide survey elements or screens depending on each user’s input. Show or hide an element based on a visitor’s survey response You can configure elements or screens to appear […]

The Kameleoon Image Library enables you to upload and manage images used in your campaigns. This guide will walk you through accessing the Image Library, understanding its structure, and uploading new images. Accessing the Image library In the Kameleoon App, go to the left sidebar, click on Configure, and select Image Library from the dropdown. […]

Editing a variation using the Graphic Editor to make changes to page elements. This guide explains how to select elements, modify their properties, and add new components. It also covers how to customize styles for different devices and set interaction states. To learn how to create and manage your variations, please read this article. Select […]

Once you’ve created your account and installed Kameleoon script, you are ready to create and launch your experiments! You can modify your pages directly in a few clicks with the Kameleoon Graphic Editor. Here are some tips before you start: – Graphic Editor doesn’t work in incognito mode.– When cross-sites cookies are blocked, editor can’t […]

In this article, you will learn how to: Add a recommendation block Edit your recommendation block Position your recommendation block Add a recommendation block Click on Add element (first item of the left menu) or on the plus icon appearing at the right of each element listed in the element list (when Design left menu […]

Depending on your plan (Starter or Premium), some features of the Kameleoon Widget Studio may or may not be accessible. The Starter Plan provides essential tools to create very simple widgets, including starter templates, basic elements, graphic editing & positioning, and responsive design, with a limit of two events. The Premium Plan offers everything in […]

You created a form widget on Kameleoon Widget Studio. To learn how to create conditional logic in your form, please read this documentation.

You created a form widget on Kameleoon Widget Studio. To learn how to send data to a Google Sheet, please read this documentation.

You created a form widget on Kameleoon Widget Studio. To learn how to display a specific screen depending on the success / failure of form submission, please read this documentation.

Note: This article refer to legacy elements of the platform. For up-to-date information and best practices, we recommend referring to the documentation on Surveys. You can trigger specific actions based on the values provided by your visitors when they fill out your form. You can show or hide form elements or screens according to each user and […]

There are very few limitations adding form elements to your widgets.  Yet, there are two points you should have in mind: While designing your form, if your form is made to be displayed on different devices, we advise you to add all your elements in Desktop Mode. Indeed, you will save time: by default, all […]

Note: This article refer to legacy elements of the platform. For up-to-date information and best practices, we recommend referring to the documentation on Surveys. If you want to send your form data to a Google Sheet, the article you are looking for is this one! On the Events page, once you have already created an Event trigger, […]

You created a form widget on Kameleoon Widget Studio. To learn how to check your fields are valid before form submission, please read this documentation.

You created a form widget on Kameleoon Widget Studio. To learn how to add mandatory fields, please read this documentation.

Note: This article refer to legacy elements of the platform. For up-to-date information and best practices, we recommend referring to the documentation on Surveys. You can set rules for an element, to make sure you capture the form data in the format you expect: is this a mandatory field? should we check the content of the field […]

If you want to collect responses from your widget in Kameleoon and export them to CSV, the article you are looking for is this one! What you’ll learn in this article: How to configure your Google Sheet to receive survey data How to set up the Survey Settings tab in the Widget Studio to send responses to Google Sheets Configure […]

Note: This article refer to legacy elements of the platform. For up-to-date information and best practices, we recommend referring to the documentation on Surveys. Once you have created your new widget in the Widget Studio, it is time to add elements to it to build your form. Form elements available Click on the left menu to add […]

Note: This article refer to legacy elements of the platform. For up-to-date information and best practices, we recommend referring to the documentation on Surveys. With the Kameleoon Widget Studio, you can create and display a fully customized form on your website. We propose you to discover how to build your form through a concrete use case.  In […]

This is a premium feature. Please contact your Customer Success Manager to enable it on your Kameleoon Account. Once you have created and configured a recommender block, you can insert it in your source code or create a Kameleoon campaign. Add a snippet in your source code In the block dedicated page, click on Copy […]

Kameleoon offers a dedicated interface to create product recommendation blocks thanks to an advanced graphical rules builder, and to analyze the performance of the product recommendation strategy (overall or by block). This is a premium feature. Please contact your Customer Success Manager to enable it on your Kameleoon Account. To add and configure a recommendation […]

If you want to integrate one or more emoji(s) in an experiment or a personalization, you have to use the encoded version of the emoji you would like to add to your campaign as Kameleoon editors do not support yet a direct integration of an emoji. You will find on this website (“Codes” section) the […]

You can manage your sites/mobile apps or add new ones under the Projects page of Kameleoon’s Admin section. Projects page To access it, log in to your Kameleoon account. Then use the menu on the left to access the Projects page of the Admin menu, which groups together all your sites and mobile apps configured […]

If you prefer to use the web plugin (the “light” version of the Chrome extension that works in other popular browsers), you will find the necessary information at the end of this article. Installation of the extension First, add the extension to Chrome. It can be downloaded here on the Chrome Web Store. Open the […]

In this article: – How to choose a type of personalization – How to define your personalization goal(s) and target audience – How to set up display rules to ensure the right content is displayed to the right users – How to launch and monitor your personalization – How to measure the success of the […]

Access the Users page To access the Users page, you must be connected to your Kameleoon App. Once connected, click on your avatar/initials in the upper right corner. The Users menu allows you to access the user management section. User profiles There are five types of user profiles. Some can act on the Team page. […]

Read here our documentation for Kameleoon new Graphic editor. In this article: – An overview of the Graphic editor’s interface and main features – Step-by-step instructions for creating variations using the editor, including adding and editing elements such as text, images, and buttons – Tips for optimizing your variations for maximum impact – Best practices […]

In this article: – An overview of Kameleoon and its capabilities – Detailed explanations of key features Kameleoon offers several tools: an App with 4 menus (Activate, Explore, Configure and Administrate); a Graphic editor; a Code editor; a results page associated with each of your campaigns. Activate Experiments dashboard Open the experiment creation tools Find […]