Associate a widget with a personalization

portrait de l'auteur Julie Trenque

Written by Julie Trenque

Updated on 02/24/2023

1 min

Beginner

Create and manage your widgets

Create a new widget
Manage your widgets

Create a widget from code

Create a widget from code

Create a widget with the Widget Editor

Access the Widget Editor and select a template
Structure of the Widget Editor
Edit the content of your widget
Make your widget responsive
Add an animation to your widget
Associate events and actions to your widget
Simulate your widget
Save and activate your widget

Create forms

Create forms: introduction
Design your form
Create conditional logic in your forms
Set up rules on your form fields
Send your form data using a URL of your site or via a web service
Send your form data to a Google Sheet
Build a success / error screen

Create HTML blocks

Add a HTML block to your widget
Understand our custom code editor

Create sliders

Add a slider to your widget

Use widgets in your campaigns

Associate a widget with a campaign
A/B test several versions of your widget
Associate a widget with a personalization

Was this content useful?

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 add to your campaign.

Note: In order to associate a widget, it must be created and activated.

Click on the widget card of your choice, then confirm your choice in the right-hand column that will appear.

You will then be redirected to your campaign. Then continue setting up your widget as usual.

What happens to old widgets used in online personalizations?

Old widgets (created before the widget editor) become obsolete and can no longer be used on a campaign. Each widget has a corresponding JS and CSS code that Kameleoon will extract and add permanently to the JS and CSS sections located on each personalization type.

Related articles

Add a HTML block to your widget

You can add HTML code into your widget, and insert it into a block that you can position or resize like any other (...)

Understand our custom code editor

You can create custom CSS or JS code in our widget editor, and apply your custom styles to any widget element or run (...)

Add a slider to your widget

You can add sliders to your widgets to make them more dynamic. In this article, you will learn how to: Add a slider (...)