Login
Deutsch

Sprache auswählen

English
Français
Deutsch
Plattform
SOLUTIONS
Experimentation
Feature Management
add-ons & KEY Features
Mobile App Testing
Recommendations & Search
Personalization
Single Page Applications
Für deinen Tech Stack
Lösungen
Für Alle Teams
Marketing
Product
Engineering
Für verschiedene Branchen
Healthcare
Banken & Versicherungen
E-commerce
Automobil
Reise & Tourismus
Medien & Entertainment
B2B

Optimize digital experiences by chatting with AI and win up to $100,000

Join the contest
TarifpaketeKundenRessourcen
Demo anfordern

Quick links

Eine Demo buchen
Eine Demo buchen
All resources
Kameleoons most underrated Features: Custom Widgets

Kameleoons most underrated Features: Custom Widgets

Natalie Schairer
Published on
December 1, 2021

Article

Für unsere Artikelserie „Kameleoons most underrated features“ hat sich jeder unserer Consultants mit einem Kameleoon-Feature befasst, das seiner Meinung nach zu wenig Beachtung erhält. Im heutigen Artikel erfahrt ihr von Natalie mehr über Custom Widgets.

1 Die Power von Custom Widgets

Widgets helfen uns einfach und unkompliziert Veränderungen auf Webseiten umzusetzen. Banner, Countdowns und Overlays entstehen damit im Handumdrehen. Gibt es jedoch spezifische Änderungswünsche oder individuelle Anwendungsfälle, stoßen die meisten Widget Bibliotheken an ihre Grenzen. Mit Kameleoon lassen sich diese Grenzen mit sogenannten Custom Widgets überschreiten. Custom Widgets bieten die Möglichkeit individuelle Use Cases abzubilden und bisher vorhandene Widgets kundenspezifisch anzupassen. Somit können Veränderungen für Tests und Personalisierungen ganz leicht auf Anwendungsebene erstellt werden. Im Rahmen unserer Blogartikelreihe “Most underrated features” wollen wir einen detaillierten Blick auf die Möglichkeiten von Custom Widgets werfen.

2 Wie erstelle ich ein Custom Widget in Kameleoon

Unter „Configure” befindet sich im Kameleoon Backoffice der Navigationspunkt „Widgets”. Hier kann nun ein neues Template zu einer Website hinzugefügt und benannt werden.

Kameleoon A/B Testing Widgets

Im nächsten Schritt wird die Veränderung mit Hilfe von JS, CSS und HTML definiert.

Veränderung im Code | Kameleoon

Im Anschluss erfolgt die Implementierung des User Interface mit Hilfe von CSS und HTML.

Implementierung User Interface

Die aktivierten Widgets lassen sich nun wie gewohnt innerhalb der Widget Bibliothek des A/B-Testings und der Personalisierung aufrufen und bearbeiten.

A/B/n-Test

Custom Widgets | Kameleoon

Personalisierung

Custom Widgets | Kameleoon

3 Welche Anwendungsbeispiele gibt es?

Der Einsatz von Custom Widgets empfiehlt sich besonders bei immer wiederkehrenden Use Cases mit gleichen Elementen. Somit kann beispielsweise schnell und einfach ein Titel eines Artikels oder ein Artikelbild getestet werden. Lediglich die Eingabe des Textes sowie der Upload des neuen Bildes kann für die Ausspielung der neuen Kampagne innerhalb des Custom Widget erforderlich sein:

Beispiel Custom Widget

Ebenfalls eignet sich der Einsatz von Custom Widgets besonders gut bei Bannern. Diese können individuell und passend zur CI angepasst werden. Vor der Aktivierung ist zum Beispiel lediglich die Anpassung des Werbetextes bei vordefinierter Position und Funktion notwendig. Aber auch diese können variabel durch das User Interface gestaltet werden. Ergänzt werden können diese mit kampagnen-individuellen Countdowns:

Banner Countdown

Der Einsatz von Custom Widgets ermöglicht somit eine Zeit- und Kostenersparnis und viel Optimierungsspaß auf Anwenderebene!

 

Im nächsten Artikel unserer most underrated features Serie schreibt Fabian über das definieren einer A/B-Test Variante als Original.

Lesen Sie auch Isabels letzten Artikel unserer Reihe über Kameleoons Alerts.

New Call-to-action

Antworten, Ideen und Insights an einem Ort

Experimentation-Experten im KI-Zeitalter: Unverzichtbar oder ersetzbar?

AI

Article

Test auf Barrierefreiheit: Welche 3 Grundregeln gilt es zu beachten?

UX

Article

Geheimnisse erfolgreicher Tests: Wertvolle Insights und Learnings

A/B-Testing

Article

Experiment your way

Get the key to staying ahead in the world of experimentation.

[Placeholder text - Hubspot will create the error message]
Thanks for submitting the form.

Newsletter

PlatTform
ExperimentationFeature ManagementPBX Free-TrialMobile App TestingProduct Reco & MerchData AccuracyData Privacy & SecuritySingle Page ApplicationAI PersonalizationIntegrationen
guides
A/B-TestingVibe ExperimentationFeature FlaggingPersonalizationFeature ExperimentationAI für A/B-TestingClient-Side vs Server-Side
Tarifpakete
PreismodelleMTU vs. MAU
Branchen
GesundheitswesenBanken & VersicherungenE-CommerceAutomobilReise & TourismusMedien & EntertainmentB2B
TEAMS
MarketingProductEngineering
Ressourcen
Customers StoriesAcademyDev DocsUser ManualProduct RoadmapCalculatorWho’s Who
Wir im Vergleich
OptimizelyVWOAB Tasty
partner
Tech Partner & IntegrationenPartners Directory
Unternehmen
Über unsKarriereKontaktSupport
Rechtliches
DSGVOTrust CenterLegal Notice & CSUPCI DSS
© Kameleoon — 2025 All rights Reserved
Legal Notice & CSUPrivacy policyPCI DSSPlatform Status