Een chatbot toevoegen aan WordPress met een blok, widget of shortcode

Open WordPress Admin → WebChatAgent → General. Plak de volledige UUID in Chatbot ID, schakel de widget alleen in als u een sitebrede zwevende knop wilt en selecteer Save Settings. De alleen-lezen titel en het voorbeeld moeten worden bijgewerkt naar de beoogde assistent.

Het blauwe informatiepaneel is belangrijk: weergave, positie, berichten, kennis en antwoordgedrag worden beheerd in het WebChatAgent-dashboard. WordPress moet geen tweede, conflicterende configuratiebron worden.

Een succesvolle opslag bewijst lokale opslag. Een geladen assistenttitel en voorbeeld tonen daarnaast aan dat de ID, het openbare configuratieverzoek en het Allowed websites-item met elkaar overeenkomen.

Gebruik de zwevende widget voor sitebrede ondersteuning die beschikbaar moet blijven terwijl bezoekers tussen pagina's navigeren. Gebruik een inline-chat wanneer het gesprek thuishoort op een specifieke support-, tarieven-, onboarding- of kennispagina.

Open Inline Embed om de twee redactiemethoden te zien. Gutenberg-gebruikers kunnen het beste WebChatAgent Inline Chat gebruiken, omdat redacteuren dit visueel kunnen ontdekken en een optionele paginaspecifieke ID kunnen instellen. Gebruikers van de Classic Editor, Elementor, Divi en tekstwidgets kunnen `[webchatagent_inline]` in een element plakken dat shortcodes ondersteunt.

Beide inline-methoden hergebruiken standaard de Chatbot ID uit General. Dit houdt latere assistentwijzigingen gecentraliseerd en vermindert het onderhoud.

Open een normale frontend-pagina en controleer of de chatknop binnen de veilige zone rechtsonder blijft zonder cookieknoppen, afrekenacties of mobiele navigatie te overlappen. Open deze één keer en controleer de assistenttitel, welkomsttekst, kleuren en toetsenbordfocus.

De zwevende widget laadt overal waar het actieve thema `wp_footer()` aanroept. Als deze wel in het beheerdersvoorbeeld verschijnt maar niet op de site, controleer dan de themavoettekst en de optimalisatieplugin voordat u de Chatbot ID wijzigt.

Test de homepage, één gecachte subpagina en een privésessie in de browser. Een actieve beheerderssessie kan problemen met toestemming, caching en persistentie verbergen.

Maak of bewerk de doelpagina, open de Block Inserter en zoek naar “chat”. Selecteer WebChatAgent Inline Chat onder Embeds. Voeg vóór het blok een duidelijke kop toe en één zin die bezoekers vertelt wat ze kunnen vragen.

De editor toont een placeholder in plaats van de live externe widget te laden. Dat is een bewuste keuze: het voorkomt dat er bezoekerssessies worden gestart of chatverkeer wordt verbruikt terwijl een redacteur de inhoud aanpast.

Publiceer eerst op staging. Open de openbare URL en controleer de volledige chathoogte op desktop en mobiel; beoordeel de uiteindelijke lay-out niet uitsluitend op basis van de placeholder in de editor.

Laat Chatbot ID leeg in de zijbalk van het blok om de instellingen uit General over te nemen. Voer alleen een volledige UUID in wanneer deze pagina doelbewust een gespecialiseerde assistent nodig heeft—bijvoorbeeld hulp bij onboarding binnen het onboardingportaal, terwijl de zwevende bot voor algemene ondersteuning blijft dienen.

Noteer de pagina-URL, de assistentnaam en de beheerder van de afwijking in uw documentatie. Wanneer een assistent wordt verwijderd of vervangen, worden verborgen afwijkingen anders gemakkelijk over het hoofd gezien.

Als inline en zwevende chats verschillend antwoorden, vergelijk dan eerst hun openbare assistentnamen en ID's voordat u kennis- of modelinstellingen gaat debuggen.

Voeg een Shortcode- of HTML-module toe en plak `[webchatagent_inline]`. Dit is de veiligste keuze voor Classic Editor, Elementor, Divi, herbruikbare widgets en templates die WordPress-shortcodes uitvoeren.

Gebruik `[webchatagent_inline chatbot-id="UUID"]` voor een doelbewuste gespecialiseerde assistent. De alias `chatbot_id="UUID"` bestaat voor builders die koppeltekens uit attribuutnamen verwijderen.

Plak het ruwe JavaScript-installatiefragment niet op dezelfde pagina als de plugin actief is. De plugin laadt het inline-bestand al alleen waar het blok of de shortcode wordt gerenderd.

Als een inline-pagina slechts één chat mag bevatten, schakel dan de globale zwevende schakelaar voor de hele site uit of verwijder het inline-blok van die pagina. Omdat de plugin geen zwevende uitsluiting per pagina heeft, moeten gecombineerde strategieën vóór de uitrol worden gepland.

Laad optionele chat- of trackingopslag pas na de toestemmingsstatus die door uw beleid wordt vereist. De WebChatAgent-widget accepteert de toestemmingsstatus, maar uw WordPress-toestemmingsbeheerder bepaalt nog steeds wanneer optionele scripts mogen worden uitgevoerd. Documenteer de rechtsgrond, bewaartermijn en verwerkersinformatie voor uw implementatie.

Sluit `web-chat-agent.js` en `chat-widget-inline.js` uit van vertraging, scriptcombinatie en agressieve minificatie. Leeg WordPress-, paginabouwer-, reverse-proxy- en CDN-caches na het wijzigen van de plaatsing of ID.

Open de gepubliceerde pagina in een nieuwe bezoekerssessie. Controleer of er één inline widget is, de bedoelde zwevende status, Engelse bedieningselementen, een leesbare mobiele breedte en geen horizontale overloop. Stel vervolgens een vraag waarvan het exacte antwoord in een geïndexeerde bron staat.

Geverifieerde invoer: “What is the exact onboarding code for the WordPress embed lab?” Verwacht en waargenomen resultaat: `WP-EMBED-47`. De echte inline widget antwoordde: “The exact onboarding code for the WordPress embed lab is WP-EMBED-47.”

Herhaal dezelfde vraag na wijzigingen in de plugin, het thema, de cache, toestemmingen, de assistent of de kennisbank. Test ook één niet-ondersteunde vraag en verlang een eerlijk antwoord dat er geen informatie is, in plaats van een aannemelijke gok.