Live voorbeeld

Wat het voorbeeld van de builder toont, hoe je licht en donker ziet, en waarom het kan afwijken van je live pagina.

De builder toont een live voorbeeld van de widget op een voorbeeld hostpagina, naast de bedieningselementen. Het gebruikt de echte inhoud van je bron en werkt bij terwijl je een bedieningselement wijzigt.

Licht en donker

Met “Theme” (Thema) ingesteld op “Auto”, volgt de live widget de apparaatinstelling van elke bezoeker, dus “Preview on” (Voorbeeld op) boven het voorbeeld schakelt de voorbeeldpagina tussen “Light page” (Lichte pagina) en “Dark page” (Donkere pagina) om beide uitkomsten te controleren. Met “Theme” ingesteld op “Light” (Licht) of “Dark” (Donker) ziet de widget er op elke pagina hetzelfde uit, dus de schakelaar wordt niet getoond.

Wat het voorbeeld niet toont

• De CSS van je eigen pagina. De widget brengt zijn eigen systeemlettertype en kleuren mee, maar site-brede regels (bijvoorbeeld op afbeeldingen of links) kunnen deze nog steeds bereiken, dus controleer de live pagina nadat je het fragment hebt geplakt.

Gedrag dat het voorbeeld reproduceert

Zodra de widget is geladen, behouden de tegels hun vorm terwijl de afbeeldingen binnenkomen. Daarvoor heeft de div geen hoogte, dus geef het een min-height op je pagina als je helemaal geen verschuiving wilt. Afbeeldingen worden lui geladen en de lightbox opent een bericht of video zonder de pagina te verlaten. Je kunt er een openen in het voorbeeld om het uit te proberen.

Nadat je het hebt ingesloten

Het “Activity” (Activiteit) tabblad van de widget geeft aan of de embed op een pagina is gezien, op welke site, en wanneer deze voor het laatst is geladen, binnen enkele minuten na de eerste laadactie. Voor tellingen over tijd zie “Analytics” (Analyses), wat beschikbaar is vanaf Starter en hoger (zie Plannen en credits).