1 min

Beginner

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 […]

Read the article

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 graphic editor, 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. Associate […]

Read the article

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 Editor and associate it with a personalization, please read this documentation article. You can test the impact of your widgets by creating an experiment in […]

Read the article

2 min

Beginner

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 […]

Read the article

Widget creation from code

5 min

Advanced

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 […]

Read the article

Widget creation in the Widget Editor

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 necessary information: name your […]

Read the article

The Kameleoon widget editor is composed of a header, a sidebar with 4 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 […]

Read the article

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: Heading Text Link Image iFrame Video Close cross Countdown Box Button Input The added element appears in the list of the Content section. You can then edit its characteristics. Design […]

Read the article

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.

Read the article

In the last section of the side panel, 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 action of […]

Read the article

1 min

Beginner

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 Editor. By clicking on this button, the editor switches […]

Read the article

You need to activate a widget to be able to use it in a campaign. Save 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 widgets are ready, you’ll need to click “Activate” […]

Read the article