Zo bouw je eenvoudig een WhatsApp Chatbot met Botpress v12 en Smooch
Een chatbot kan een ongelooflijk nuttig hulpmiddel zijn voor je bedrijf en deze post geeft je alle stappen die je nodig hebt om je eigen chatbot te bouwen. Met behulp van Botpress v12 en Smooch (nu bekend als Sunshine Conversations van Zendesk) laten we je zien hoe je verbinding kunt maken met WhatsApp en een eenvoudige vraag- en antwoordbot kunt bouwen die reageert op verschillende vragen.
Voordat u de Bot bouwt
Voordat we beginnen, moet je verschillende services instellen en configureren - hiervoor heb je een zakelijk e-mailadres nodig en minstens 64 GB ruimte op je harde schijf.
Downloaden Botpress
Ga eerst naar Botpress v12 Documentation en download de gewenste versie van Botpress.
Maak een account aan op Smooch
Terwijl Botpress v12 downloadt, ga je naar de aanmeldingspagina voor Smooch/Sunshine Conversations. Zodra je het aanmeldproces hebt voltooid, moet je een app maken en deze een naam geven.
Op dit moment zou je download van Botpress voltooid moeten zijn. Als je hebt gedownload met de optie 'binair', pak dan de inhoud van de download uit in een map naar keuze.
Downloaden Ngrok
De derde service die we gaan gebruiken heet Ngrok, die je hier kunt downloaden. Ngrok is een gratis service die we zullen gebruiken om de Botpress server die op je lokale machine draait te delen met het web. Volg de instructies op de site om te downloaden en te installeren. Je bent nu klaar om te beginnen met het maken van je chatbot.
Botpress instellen met API-sleutels van Smooch
Om aan de slag te gaan met je chatbot, moet je eerst de map openen waar we Botpress v12 in hebben uitgepakt en het 'bp'-bestand uitvoeren. Dit zal de bot starten, wat het downloaden van enkele modules vereist. Dit proces neemt wat tijd in beslag, maar hoeft maar één keer gedaan te worden, waarna elke volgende start vlotter zal verlopen.
Terwijl de Botpress app bezig is met instellen, navigeer je terug naar je app op Smooch en selecteer je instellingen. Je zou opties moeten zien om je bot een naam te geven, een afbeelding, berichtopties, een App ID en API-sleutels. Als je API-sleutels ziet, moet je een nieuwe API-sleutel aanmaken.
Uw Bot maken en configureren
De installatie van Botpress v12 zou voltooid moeten zijn tegen de tijd dat u de API-sleutel op Smooch genereert. Op dit punt zal je console je hebben verteld waar je de Botpress Studio kunt openen - in ons geval was dit localhost:3000. Navigeer naar de URL in de console en meld je aan voor je beheerdersaccount.
Aangezien dit de eerste keer is dat u Botpress gebruikt, zult u zien dat uw werkruimte geen bots heeft. Selecteer de optie om een bot aan te maken en geef deze een naam. Het Bot ID-veld wordt automatisch ingevuld. Selecteer vervolgens een botsjabloon (zoals de optie 'Learn Botpress Basics').
Je zult zien dat je werkruimte nu een bot heeft! Selecteer de bot (klik op de naam). Een verticaal lopende balk aan de linkerkant van de Studio moet uw aandacht trekken. De opties die hier worden gepresenteerd, zijn de opties waarmee u het meest werkt tijdens het ontwikkelen van uw bot. In ons geval beginnen we met de optie code-editor, die een reeks mappen in de studio opent en ons naar de volgende stap brengt.
Onder Configuraties in de code-editor ziet u twee mappen. Richt je nu op de Huidige bot.
Selecteer bot.config.json onder Configuraties en scroll naar 'messaging'. Hier kun je een object 'channels' toevoegen, dat een object 'smooch' bevat. Maak in Smooch een booleaanse waarde aan met de naam 'enabled' en geef deze de waarde true. Vervolgens moet je de strings 'keyId' en 'secret' maken - die respectievelijk de ID en het geheim overnemen van de API-sleutel die je in je Smooch-app hebt gegenereerd.
Zodra deze taak is voltooid, sla je bot.config.json op en navigeer je naar de map Global onder Configurations om de botpress.config.json te openen. Zoek naar 'externalUrl', die zal worden ingesteld op een lege tekenreeks. Dit is een vrij eenvoudige service, dus volg gewoon de instructies op de site om de poort waarop de bot zal draaien bloot te stellen met Ngrok. Ga daarna terug om de HTTPS URL in de externalUrl string te plakken.
Sla het bestand op, herstart de server en open je bot opnieuw. Klik rechtsonder op 'Train Now'. Je zou nu 'Ready' moeten zien waar eerst 'Train Now' stond.
Praat met je Bot
Ga terug naar de Smooch-app en je zou moeten zien dat webhooks automatisch zijn geconfigureerd. Navigeer terug naar integraties, selecteer WhatsApp en maak verbinding. Kies nu je integratiemodus . Voor het doel van deze handleiding werkt 'Sandbox' prima.
Selecteer 'Sandbox activeren' en volg de instructies om een bericht te verzenden naar het opgegeven nummer in WhatsApp. Nadat je je Smooch Sandbox voor WhatsApp met succes hebt verbonden, zou je een bericht moeten ontvangen. Alle verdere berichten worden doorgestuurd naar de webhook die je hebt gemaakt.
Nu kunt u praten met uw bot!
Laat je Bot terugpraten
Nu we een lege bot hebben en een bericht hebben ontvangen dat bevestigt dat onze integraties goed werken, beginnen we met de eerste reactie van de bot nadat we iets hebben gezegd.
Navigeer hiervoor naar Vraag & Antwoord in de Botpress Studio, dit is de vierde optie aan de linkerkant van het zijbalkmenu. U ziet een vraag om een vraag toe te voegen door op het plusteken in de werkbalk te tikken. Er verschijnt een scherm waarin je tekst kunt invoeren voor zowel de vraag als het antwoord. In ons geval hebben we de vraag ingesteld op 'Wat is je favoriete fruit? Met als antwoord: "Mijn favoriete fruit is de tomaat, die de meeste mensen verwarren met groente! We kunnen dit proces een paar keer herhalen en elke keer een nieuwe vraag en antwoord geven.
Rechtsboven elke nieuwe vraag staat incompleet. Als u hier met de muis overheen gaat, ziet u dat de V&A alleen exact dezelfde vraag gebruikt. Dit is omdat we meerdere verschillende manieren om de vraag te stellen moeten toevoegen om machine learning voor de bot mogelijk te maken en te helpen. Ga je gang en voeg verschillende variaties op de vraag toe aan de V&A, hoe meer je toevoegt hoe beter.
Tot slot kunnen we een gesprek voeren met onze bot en hem enkele eenvoudige vragen stellen en dan een antwoord krijgen. Dit zou vrij eenvoudig moeten zijn, stel gewoon een van de vragen die u hebt gemaakt en ontvang een antwoord! Let wel, aangezien dit een vrij eenvoudige integratie is, zullen alle onjuiste vragen die gesteld worden of berichten die buiten de parameters vallen die voor deze bot geconfigureerd zijn gewoon genegeerd worden.
Conclusie
In deze gids hebben we het aanmelden behandeld voor de services die je nodig hebt om met succes een chatbot te maken met Botpress v12. Dit omvatte Smooch, Ngrok en Botpress zelf. We configureerden onze services, integreerden ze samen en praatten met onze bot. Tijdens het praten met de bot zagen we hoe hij omgaat met verschillende inputs en hoe hij reageert op onjuiste of onspecifieke input. Als je iets wilt bouwen dat robuuster is, API's aanroept en met flows werkt, kun je het beste beginnen met onze Mars Rover Photography chatbot. Als je verder wilt gaan dan WhatsApp en je chatbot wilt integreren met andere kanalen, bekijk dan onze Botpress v12 Channel Integration-afspeellijst op YouTube. Veel plezier met het bouwen van bots! :robot:
Stap voor stap overzicht
Hoewel het aan te raden is om deze gids in zijn geheel te lezen, volgt hier een ruwe samenvatting van de belangrijkste stappen:
1. Voorbereiding
- Download botpress van https://v12.botpress.com/
- Aanmelden op app.smooch.io
- Maak een app aan bij smooch en wijs er een naam aan toe
- Pak de inhoud van Botpress download uit in een map naar keuze
- Download Ngrok van https://ngrok.com/ en volg de installatie-instructies op de site.
2. Starten
- Open de map Botpress waarnaar is uitgepakt
- Bestand "bp" uitvoeren
- Heb geduld terwijl de juiste modules worden gedownload
3. Schepping
- De API-sleutel genereren
- Wacht tot Botpress klaar is met instellen
- Console zal je vertellen waar je Botpress Studio moet openen (Voorbeeld: voor mij was dat localhost:3000).
- Navigeer naar de url in de console
- Aanmelden met een beheerdersaccount
- Maak een botoptie en geef deze een naam
- Botsjabloon selecteren (Voorbeeld: "Lege Bot")
- De werkruimte heeft nu een bot
- Klik op bot door op naam te klikken
- Navigeer naar de optie code editor
4. Configuratie
- Zoek de map Current Bot onder Configurations in de code-editor
- Selecteer bot.config.json onder Configuraties en scroll naar "messaging".
- Een object "kanalen" toevoegen (bevat een object "smooch")
- Maak in Smooch een booleaanse waarde genaamd "ingeschakeld" en geef deze de waarde waar
- Maak strings "keyId" en "secret" (die ID en secret overnemen van gegenereerde API-sleutel van eerder in Smooch)
- Sla uw bot.config.json op
- Navigeer naar configuraties
- Open botpress.config.json
- Zoek naar "externalUrl" (deze wordt ingesteld op een lege tekenreeks)
- Bestand opslaan
- Server herstarten
- Open bot opnieuw
- Klik op "nu trainen".
- "Ready" vervangt "train nu".
- Ga terug naar Smooch en controleer de webhooks die automatisch zijn geconfigureerd
- Ga naar integraties
- Selecteer WhatsApp en maak verbinding
- Kies de integratiemodus (voorbeeld: ik heb "Sandbox" gebruikt)
- Selecteer "Sandbox activeren" en volg de instructies om een bericht te verzenden naar een opgegeven nummer in WhatsApp.
- Controleer of bericht is ontvangen
- Verdere berichten worden doorgestuurd naar webhook
- U kunt nu met uw bot praten!
5. Praten met de Bot
- Stel de bot een van uw vragen
- Lees het antwoord
- Stel het een "verkeerde" vraag en merk op dat het niet zal reageren
Deel dit op:
Bouw gratis je eigen gepersonaliseerde AI-chatbot
Begin met het bouwen van een gepersonaliseerde GPT bot met onze intuïtieve drag & drop interface.
Begin - het is gratis! 🤖Geen creditcard nodig
Blijf op de hoogte van het laatste nieuws over AI chatbots