Create a new widget

Written by Julie Trenque

Updated on 11/10/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 Studio

What’s included in each plan
Access the Widget Studio and select a template
Structure of the Widget Studio
Edit the content of your widget
Create a widget with AI
Make your widget responsive
Configure your widget in multiple languages
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 sliders

Add a slider to your widget

Display product recommendations in a widget

Add a product recommendation block

Insert a wheel of fortune into your widget

Add a wheel of fortune to your widget

Insert HTML code into your widget

Add a HTML block to your widget
Understand our custom code editor (Widget Studio)

Share widgets between accounts

Export a 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?

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.

Select your option and click on Start.

Related articles

Add a wheel of fortune to your widget

The wheel of fortune widget is an element you can add to your website to encourage user participation and boost (...)

Export a widget

You can export a graphic widget as a .json file from one account and import it into the Widget Studio of another (...)

Add a product recommendation block

In this article, you will learn how to: Add a recommendation block Edit your recommendation block Position your (...)