Create a widget with the Widget Studio

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

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

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

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

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

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

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.

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

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

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