De live editor — de visuele WYSIWYG-editor — laat je elk element van je
echte site wijzigen door aan te wijzen en te klikken: tekst, afbeeldingen, stijlen, lay-out. Je bewerkingen worden vastgelegd als een Personyze-actie en
getoond aan de doelgroep van de campagne. Er wordt niets naar de pagina zelf teruggeschreven, dus je site wordt
nooit aangeraakt.
Hem op de juiste pagina openen
Kies in de stap Content van de campagne Actie toevoegen → Live. Kies daarna de pagina waarop je
gaat bewerken — het canvas, niet de enige pagina waarop de bewerkingen draaien.
- Show the pages of your site toont wat Personyze al kent, gegroepeerd: Most visited,
Product pages, Article pages. Typ om te filteren. - Of typ zelf een URL. Op een gloednieuw account is er nog niets om te tonen, en het vak zegt dat.
Twee manieren om hem te openen:
- Edit inside Personyze — de pagina laadt in het panel, met het paneel Changes ernaast.
- Open in a new window — de pagina opent los, met de bewerkingswerkbalk eroverheen.
Where it applies staat standaard aan: work on all pages that have the same element
structure — één productpagina bewerken dekt de hele template. Vink het uit, of kies
paginagroepen, als de wijziging bij bepaalde URL’s hoort.
kunt ontwerpen voordat de tag is geïnstalleerd. De loader opent alleen domeinen die bij je account zijn geregistreerd — zie je
“This page isn’t on one of your sites”, voeg het domein dan toe onder de trackerinstellingen en
open opnieuw.
X-Frame-Options – of CSP-header houdt elkiframe tegen. De editor zegt “This site can’t be embedded” en biedt twee manieren om dat te omzeilen: de
proxyloader, of openen in een nieuw venster. Geen van beide verandert wat je kunt bewerken.
Het canvas op maat maken
De apparaatwisselaar toont een voorbeeld op de breedte van desktop, tablet en mobiel, en Custom neemt een exacte breedte en
hoogte — handig voor het ene breekpunt waarop je ontwerp echt breekt. Expand the editing area
verbergt de instellingen en geeft de pagina de volle breedte; Esc haalt de instellingen terug. Het paneel Changes verdwijnt
op dezelfde manier.
Een element bewerken
Beweeg eroverheen om het te markeren, klik om het te selecteren — de werkbalk zweeft boven het element in plaats van in een zijbalk te staan.
Daarin: Edit text, Rich editor, Style, Properties,
Duplicate, Delete, HTML source, met een kruimelpad omhoog door de DOM en
de tabbladen Basics / Layout / Insert / Behavior / Tracking.
Dynamische bezoekers-
variabelen passen in elke tekst — “Welkom terug, {first_name}”.
Iets aan de pagina toevoegen
De werkbalk voor elementen heeft vijf tabbladen — Basics, Layout,
Insert widget, Behavior, Tracking. Insert zet nieuwe content
vóór, na of in het element dat je hebt gekozen.
Gewone elementen
Een afbeelding, een link, een video, eigen HTML, of een blok — een gewoon blok of een berichtvak met een sluitknop. Wat een knop doet, stel je daarna in, op het tabblad Behavior.
Canvaswidgets
Zesentwintig van de eigen blokken van de Canvas Builder kun je direct in
je pagina zetten:
| Groep | Widgets |
|---|---|
| Urgentie & aanbiedingen | Aftelklok · Coupon · Voorraadurgentie · Voortgangsbalk · Rad van fortuin |
| Tekst & lay-out | Kop en subkop · Alinea · Chip / Pil · Checklist · Scheidingslijn · Icoon · Wisselende tekst · Genummerde stappen · Media + tekst · Menu |
| Bewijs & uitleg | FAQ / Accordeon · Sterbeoordeling · Vergelijkingstabel · Testimonials · Logorij · Afbeeldingsslider |
| Interactief | Formulier · AI-chat · AI-zoeken |
| Koppeling | Personyze Placeholder |
Een widget die je op je pagina zet, werkt — de aftelklok tikt, het rad draait, het formulier
rapporteert — omdat de actie dezelfde runtime meeneemt waarvoor de blokkenbouwer compileert.
in en de actie verhuist vanzelf naar haar tweeling die formulieren ondersteunt, zodat inzendingen worden verzameld zoals het
leadformulier ze verzamelt.
een bron nodig die door de actie wordt gedeclareerd — en het actietype van de live editor declareert die niet. Er een invoegen zou
niet-ingevulde tokens op je pagina zetten, voor de ogen van een bezoeker. Voeg in plaats daarvan een Personyze Placeholder in
en richt er een aanbevelingsactie op: hetzelfde
resultaat, met de query waar die hoort.
Instellingen van de widget, achteraf
Klik nog eens op een ingevoegde widget en je krijgt de eigen instellingen — niet de HTML waarnaar die is gecompileerd. Dezelfde
keuzes die het Canvas biedt, op twee tabbladen:
- Waar je het zet — vóór, in of na het element dat je hebt gekozen, gekozen in het eigen paneel van de widget.
- Content — wat het zegt en doet. De deadline en de bijschriften van de eenheden van een aftelklok; de
code en de manier van tonen van een coupon; de segmenten en kansen van een rad; de vragen van een FAQ; de rijen van een vergelijkings-
tabel. - Stijl — kleuren, groottes, hoeken, witruimte, animatie.
De uitgebreidere widgets hebben er veel: het Rad van fortuin heeft negentien instellingen, het Formulier zestien, de CTA-knop en
Media + tekst elk dertien.
zodat “hoe verander ik de titel?” maanden later nog een antwoord heeft. De compiler zelf laadt nooit in je site
— de pagina vraagt het Personyze-venster opnieuw te compileren als een waarde verandert, en geeft het resultaat opnieuw weer.
Een Logorij of een Afbeeldingsslider heeft niets om te tekenen totdat je er afbeeldingen aan geeft. Het lege element dat je ziet, is het element dat
je aan het vullen bent.
Wanneer de wijziging verschijnt, en waarop die reageert
Behavior → wachten op iets
Standaard wordt een wijziging toegepast zodra de pagina klaar is. Op een pagina die zichzelf daarna opbouwt — een
framework dat aan de clientkant weergeeft, een sectie die pas later wordt geladen — is dat te vroeg, en komt de wijziging terecht op een element
dat nog niet bestaat.
Wait for neemt een CSS-selector (of kies het element op de pagina), eventueel tekst die het element
moet tonen, en daarna een extra vertraging in milliseconden. De wijziging wacht totdat dat allemaal waar is.
Behavior → bij een klik
Laat elk element iets doen. Als de bezoeker erop klikt — of er met de muis overheen gaat, eraf gaat, erop focust,
de focus verliest, een toets indrukt — en dan:
- Een element van de pagina verwijderen — zo bouw je een sluitknop.
- Een andere actie uitvoeren — één element opent de content van een andere campagne.
- Eigen JavaScript uitvoeren.
- Een eigen event of doel activeren — zodat de klik als conversie telt.
- Scrollen naar een element, uitgelijnd op de boven-, midden- of onderkant van het scherm, met een offset en een
vloeiende of directe beweging.
Elk ervan kan één keer of elke keer draaien.
Tracking
Markeer welk element de klik is voor de klikratio van deze actie. Zonder dat rapporteert een actie
met meerdere links elke klik als gelijk, en beantwoordt de CTR een vraag die niemand stelde.
Het paneel Changes
Elke bewerking komt in het paneel rechts terecht als een regel die je kunt controleren — een label voor het type wijziging, een beschrijving van wat er
echt is veranderd (niet alleen “Style”), en het element waarop die is gericht.
- Undo / Redo lopen door de geschiedenis. Met de eigen Undo van een regel maak je die wijziging en alles
erna ongedaan, en de regel toont “Undone — it will not be saved” totdat je Redo gebruikt. - Focus on page scrolt naar het element en markeert het.
- Show original draait alle wijzigingen terug, zodat je de pagina ziet zoals die binnenkwam. Er gaat niets verloren
— druk nog eens om ze terug te zetten. Bewerken is gepauzeerd terwijl je vergelijkt, en dat is bewust: een bewerking
gemaakt op het origineel zou worden vastgelegd op een pagina die niet is wat je bezoekers krijgen. - Discard all maakt de lijst leeg, na een bevestiging.
Er wordt niets opgeslagen totdat je de actie opslaat, dus niets hiervan kan werk kwijtmaken dat al was opgeslagen.
Ingebouwde AI
Twee niveaus, en beide leveren gewone wijzigingsregels op — te controleren en ongedaan te maken, precies zoals je eigen bewerkingen.
Per element
Beschrijf met een geselecteerd element de vervanging in gewone woorden. “Dit” betekent het geselecteerde
element. Je kunt de wijziging ook hardop beschrijven in plaats van die te typen.
Over de hele pagina
De kaart bovenaan het paneel Changes neemt één prompt die op alles is gericht: “Herschrijf deze pagina voor
zakelijke kopers”, “Maak de calls-to-action urgenter”, “Maak elke
alinea strakker”. Suggest edits biedt kant-en-klare prompts als je liever kiest dan schrijft. De
AI bekijkt de pagina, past de bewerkingen toe als wijzigingsregels, en meldt in een paar gewone zinnen wat die heeft gedaan.
Het per doelgroep anders maken
Een Live-actie wordt getoond aan wie de campagne target. Voor meerdere varianten — een andere kop per taal
of segment — voeg je per variant een Live-actie met eigen targeting toe, of draai je ze als
split cases en laat je de resultaten beslissen.
Gerelateerd
- Dynamische variabelen in de editor
- Canvas Builder — als je iets nieuws wilt bouwen in plaats van te bewerken wat er staat.
- Pop-up & banner — content over de pagina toevoegen in plaats van die te wijzigen.
- Frequentielimieten — hoe vaak de wijziging wordt toegepast.