Voeg live Google-recensies of een social feed toe aan Wix

Plak de TileSet-snippet in een Wix Embed HTML-element, pas de grootte van de box aan, publiceer en je site toont live Google-recensies, YouTube-video's of een social feed.

Voeg het toe aan een pagina

1. Bouw in TileSet je widget en kopieer het snippet: een scripttag en een div.
2. Klik in de Wix Editor op Elementen toevoegen, dan Code insluiten, dan Populaire insluitingen, dan HTML insluiten. In Wix Studio is het pad Elementen toevoegen, Insluiten & Sociaal, Code insluiten.
3. Klik op Code invoeren, plak beide regels van de snippet onder Voeg hier je code toe, en klik op “Apply” (Toepassen).
4. Sleep de box naar de gewenste breedte en maak deze hoog genoeg voor de feed.
5. Publiceer de site en open de live pagina. Controleer de gepubliceerde pagina, niet de editor.

Plak beide regels in dezelfde box

Wix toont een Embed HTML-element als een gesandboxte iframe: een eigen kleine pagina die de rest van je pagina niet kan bereiken. Daarom gaan de scripttag en de div samen in de ene box. Een script dat elders op de site is toegevoegd, kan een div erin niet zien, dus als de twee regels uit elkaar worden gehaald, blijft de box leeg.

De box groeit niet mee met de feed. Maak deze hoog genoeg voor de gekozen lay-out, en controleer de gepubliceerde pagina ook op een telefoon, aangezien een smal scherm de feed hoger maakt. Als de lightbox aan staat, opent deze binnen de box, dus een te korte box maakt deze klein.

Meerdere feeds op één pagina

Voeg per widget een Embed HTML-element toe, elk met de volledige snippet.

Wat Wix beperkt

• Wix toont alleen de HTTPS-code, en het TileSet-fragment wel. Het element heeft geen tekenlimiet.
• Als het vak op een gepubliceerde pagina leeg blijft, controleer dan of je beide regels hebt geplakt en of het vak hoog genoeg is.
• “Settings” (Instellingen), Aangepaste code is een ander hulpmiddel, voor de head of body van je pagina's. Het vereist een gepubliceerde site met een verbonden domein, en het wijzigen van het domein verwijdert de fragmenten ervan. Het kan geen div plaatsen waar je de feed wilt hebben, dus TileSet gebruikt het niet.

Styling om het passend te maken

In TileSet kun je kolommen, de ruimte tussen tegels, de hoekradius en licht of donker instellen, zodat de feed in je ontwerp past zonder extra CSS. Het HTML-invoervak heeft een eigen achtergrond: stel de widget zo in dat deze overeenkomt met je pagina.

Controleer of het werkt

1. Publiceer de site en open de live pagina eenmaal in je browser, zodat de widget in zijn vak wordt geladen.
2. Plak op het “Install”-tabblad van de widget het adres van de pagina in “Check my page” (Mijn pagina controleren) en druk op “Check” (Controleren).

Onze server kan niet in het HTML-invoervak kijken, dus de eerste controle voordat de pagina is geopend zegt dit: "Wix plaatst het fragment in een frame waar we hier niet uit kunnen lezen." Zodra de widget op je gepubliceerde pagina is geladen, rapporteert deze de pagina waarop deze zich bevindt en slaagt de controle. Als je de widget hebt ingesteld met een AI-agent, werkt de verify_install-controle op dezelfde manier. Meer informatie in Installeer het fragment.