--- title: De agent installeren op Wix description: Waar je de widgetcode in Wix plaatst, wat het verschil is met installatie op Wix Stores, wat te doen als de code niet beschikbaar is op een gratis abonnement, en hoe je de werking controleert. section: platforms keywords: Wix, Wix widget, widget installeren Wix, Wix custom code, Wix Stores, Wix Stores integratie, AI agent Wix, chatbot Wix, AI chatbot website, chatfunctie Wix, website chat toevoegen, AI verkoopagent, Wix code toevoegen, gratis Wix abonnement code updated: 2026-09-06 --- Bij Wix bevindt de invoeging van externe code zich in een aparte sectie van de instellingen en vereist een betaald abonnement met een gekoppeld domein. De rest is eenvoudig. ## Stap 1. Open de aangepaste code 1. In het configuratiescherm van de website opent u **Settings** (“Instellingen”). 2. Zoek de sectie **Custom Code** (“Aangepaste code”) in het blok “Geavanceerd”. 3. Klik op **+ Add Custom Code**. ## Stap 2. Voeg de code in 1. Plak in het codeveld de regel uit het Commerce Agents-dashboard. 2. Geef een duidelijke naam op: `Commerce Agents`. 3. Bij **Add Code to Pages** kiest u **All pages** en de modus **Load once**. 4. Bij **Place Code in** kiest u **Body — end**. 5. Sla de website op en publiceer deze. De chatknop verschijnt een seconde na het laden van de pagina. > [!warning] “Aangepaste code” is beschikbaar op betaalde Wix-abonnementen met een gekoppeld domein. Op een gratis abonnement kunt u het script niet invoegen. Gebruik in dat geval de link naar de agent: plaats deze als knop op de pagina en in de profielheaders van sociale media. ## Stap 3. Catalogus uit Wix Stores Voer het websiteadres in bij de instellingen en start de analyse. De crawler leest de productpagina's van Wix Stores: naam, prijs, beschrijving, foto's, beschikbaarheid. Een bijzonderheid van Wix is dat een deel van de inhoud via scripts wordt geladen. Meestal wordt de catalogus correct gelezen, maar als er weinig producten zijn gevonden, zijn er twee alternatieven: - exporteer producten als CSV vanuit het Wix-dashboard en upload het bestand in de sectie “Catalogus”; - voeg de belangrijkste items handmatig toe en verzamel de rest uit socialmediapostingen. ## Stap 4. Winkelwagen Als u Wix Stores gebruikt, schakel dan de betaling in de chat niet in. Geef in de instellingen een link naar de winkelwagen op — meestal `https://uw-domein/cart` — en de agent zal de koper ernaartoe leiden. Als de winkel niet is gekoppeld en de producten op pagina's zijn beschreven, schakel dan betaling in de chat in: de koper kan de bestelling direct in het gesprek plaatsen en betalen. ## Kaart in de chat opent product in de winkel De agent antwoordt met kaarten, niet met tekst: foto, naam, prijs en een knop. Door erop te klikken, wordt de productpagina van Wix Stores in hetzelfde venster geopend — de koper komt op uw productkaart terecht, waar de knop “Toevoegen aan winkelwagen” en alles wat u hebt ingesteld al aanwezig is. Het idee is dat de persoon de catalogus niet zelf doorbladert. Hij zegt “ik zoek een cadeau tot vijfhonderd”, de agent selecteert drie opties uit uw eigen assortiment, toont ze naast elkaar en legt het verschil uit. De koper klikt op de gewenste optie en komt precies daar terecht waar hij moet zijn. Producten die niet van de website, maar uit socialmediapostingen zijn verzameld, werken op dezelfde manier: de knop opent de oorspronkelijke publicatie. De catalogus kan uit verschillende plaatsen worden samengesteld, maar leidt altijd naar waar u verkoopt. Plus de paginacontext: de agent leest de productopmaak op de geopende pagina, dus de vraag “en in een andere kleur?” begrijpt hij zonder verdere specificatie — hij weet waar de koper naar kijkt. - Open de website in incognitomodus, wacht op de chatknop. - Stel een vraag over het product: de agent moet een kaart met prijs tonen. - Controleer op de telefoon: bij Wix overlappen zwevende elementen elkaar soms. Als dit stoort, verplaats de knop dan naar links. - Zorg ervoor dat de code na publicatie van de website aanwezig is: Wix past aangepaste code alleen toe op de gepubliceerde versie. ## Licht en donker thema De chat heeft drie weergavemodi: licht, donker en “zoals bij de bezoeker”. Standaard is de derde actief — het thema past zich aan de apparaatinstellingen aan. Wix-sjablonen zijn vaak gebouwd op een contrasterende achtergrond, dus als de website donker is, stel dan het donkere thema vast in: zo zal het chatvenster eruitzien als onderdeel van het ontwerp, en niet als een sticker erop. ## Controle ## Veelvoorkomende problemen **De knop is niet verschenen.** De website is niet gepubliceerd na het toevoegen van de code, of de code is niet aan alle pagina's toegevoegd. Controleer de Custom Code-instellingen: All pages, Body — end. **De code is verdwenen.** Dit gebeurt soms na het wisselen van een websitesjabloon. Voeg deze opnieuw toe. **De widget overlapt Wix-elementen.** Verschuif de knop naar links in de widgetinstellingen of verwijder het tweede zwevende Wix-element. **Er zijn weinig producten in de catalogus.** Upload een CSV vanuit het Wix-dashboard: dit is een betrouwbaardere oplossing dan een workaround voor websites waarvan de inhoud via scripts wordt opgebouwd. ## Veelgestelde vragen ### Is Velo of een ontwikkelaar nodig Nee. Het volstaat om de code in de sectie Custom Code in te voegen; programmeren is niet vereist. ### Werkt de agent op een gratis Wix-website Op een gratis abonnement is het invoegen van code niet beschikbaar. Maar de agent via een link werkt ook daar: het korte adres kan als knop op de pagina en in sociale media worden geplaatst. ### Zal Wix een extern script opmerken “Aangepaste code” is een standaardfunctie van Wix; er zijn geen beperkingen voor dergelijke scripts. ### Hoe de catalogus bijwerken na prijswijzigingen Start de websiteanalyse opnieuw. Bestaande kaarten worden bijgewerkt qua prijs en beschikbaarheid, er zullen geen duplicaten verschijnen. ### Kan de agent alleen op een productpagina worden geplaatst Ja, kies in de Custom Code-instellingen niet All pages, maar specifieke pagina's.