-
-
Notifications
You must be signed in to change notification settings - Fork 2k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a89f4ec
commit 2271da8
Showing
6 changed files
with
48 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,48 @@ | ||
# Webhook | ||
|
||
The Webhook block allows you to either: | ||
|
||
- Call a Webhook URL of a 3rd party service to send information from the bot. | ||
- Make an API request to a 3rd party service to fetch information and use it in the bot. | ||
|
||
## Call a Webhook URL | ||
|
||
Your 3rd party service (Make.com, Zapier, etc) is giving you a Webhook URL. | ||
|
||
You only have to paste this URL in the Webhook block and click on "Test the request". By default the 3rd party service will receive a snapshot of what the bot could send. | ||
|
||
<img src="/img/integrations/webhook/simple-post.png" width="600" alt="Simple Webhook POST" /> | ||
|
||
You can also decide to customize the request sent to the 3rd party service. | ||
|
||
## Make an API request and fetch data | ||
|
||
This gets more technical as you'll need to know more about HTTP request parameters. | ||
|
||
Lots of services offer an API. They also, most likely have an API documentation. Depending on the parameters you are giving the Webhook block, it should return different info from the 3rd party service. | ||
|
||
### Example: fetch movie information | ||
|
||
Let's create a bot that ask for a movie and retrieve its informations (By sending an HTTP request to the [OMDB API](http://www.omdbapi.com/)). | ||
|
||
From the documentation, I know that by calling this specific URL: http://www.omdbapi.com/?t=Star%20Wars&apikey=1eb4670b, it will search for "Star Wars" movie information and return JSON data. | ||
|
||
What I need in my case is instead of inserting "Star Wars", I'd like to insert a Typebot variable: | ||
|
||
<img src="/img/integrations/webhook/variable-url.png" width="600" alt="Variable in URL" /> | ||
|
||
Then, we can set a test value for our variable (it will replace the variable with this value only for the "Test the request" button): | ||
|
||
<img src="/img/integrations/webhook/variable-test-value.png" width="300" alt="Variable in URL" /> | ||
|
||
Hit the "Test the request" button and then we can save the result in multiple variables: | ||
|
||
<img src="/img/integrations/webhook/save-in-variable.png" width="400" alt="Variable in URL" /> | ||
|
||
Then we can use these variables to display dynamic content in the next bubbles: | ||
|
||
<img src="/img/integrations/webhook/preview.png" width="600" alt="Variable in URL" /> | ||
|
||
Possibilities are endless when it comes to API calls, you can litteraly call any API and fetch any data you want. | ||
|
||
Feel free to ask the [community](https://www.facebook.com/groups/typebot) for help if you struggle setting up a Webhook block. |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2271da8
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
viewer-v2-alpha – ./apps/viewer
bot.id8rs.com
bt.id8rs.com
an.nigerias.io
chat.sureb4.com
apo.nigerias.io
ar.nigerias.io
aso.nigerias.io
apr.nigerias.io
sat.cr8.ai
am.nigerias.io
sakuranembro.it
games.klujo.com
stan.vselise.com
bot.upfunnel.art
clo.closeer.work
faqs.nigerias.io
typebot.stillio.com
forms.webisharp.com
zap.techadviser.in
app.chatforms.net
bot.ansuraniphone.my
bot.meuesocial.com.br
bot.cotemeuplano.com
c23111azqw.nigerias.io
chat.hayurihijab.com
bot.incusservices.com
gcase.barrettamario.it
mainmenu.diddancing.com
83242573.actualizar.xyz
serviziaziendali.online
hunterbot.saleshunter.ai
type.opaulovieira.com.br
aibot.angrybranding.co.uk
piazzatorre.barrettamario.it
boyfriend-breakup.riku.ai
brandnewdom.testetstt.com
type.talitasouzamarques.com.br
bookings.littlepartymonkeys.com
onboarding.libertydreamcare.ie
personal-trainer.barrettamario.it
studiotecnicoimmobiliaremerelli.it
viewer-v2-alpha-typebot-io.vercel.app
viewer-v2-alpha-git-main-typebot-io.vercel.app
2271da8
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
docs – ./apps/docs
docs-git-main-typebot-io.vercel.app
docs-typebot-io.vercel.app
docs.typebot.io
2271da8
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
landing-page-v2 – ./apps/landing-page
landing-page-v2-git-main-typebot-io.vercel.app
typebot.io
www.get-typebot.com
www.typebot.io
get-typebot.com
landing-page-v2-typebot-io.vercel.app
2271da8
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
viewer-v2 – ./apps/viewer
gollum.riku.ai
chat.hayuri.id
bot.joof.it
app.yvon.earth
yoda.riku.ai
talk.gocare.io
bots.bridge.ai
bot.tvbeat.it
bot.jesopizz.it
bergamo.store
bot.contakit.com
fitness.riku.ai
viewer.typebot.io
demo.wemakebots.xyz
bot.danyservice.it
zap.fundviser.in
bot.rihabilita.it
bot.dsignagency.com
chatbot.matthesv.de
88584434.therpm.club
92109660.therpm.club
bot.coachayongzul.com
hello.advergreen.com
bot.barrettamario.it
bot.outstandbrand.com
bot.digitalpointer.id
bot.eikju.photography
bot.robertohairlab.it
bot.ilmuseoaiborghi.it
criar.somaperuzzo.com
form.bridesquadapp.com
michaeljackson.riku.ai
bot.pratikmandalia.com
87656003.actualizar.xyz
arrivalx2.wpwakanda.com
invite.bridesquadapp.com
91375310.actualizar.xyz
88152257.actualizar.xyz
bot.hotelplayarimini.it
link.venturasuceder.com
chat.thehomebuyersusa.com
bot.amicidisanfaustino.it
typebot-viewer.vercel.app
forms.hiabhaykulkarni.com
bot.adventureconsulting.hu
herbalife.barrettamario.it
casestudyemb.wpwakanda.com
liveconvert.kandalearn.com
homepageonly.wpwakanda.com
chat.atlasoutfittersk9.com
tarian.theiofoundation.org
mainmenu1one.wpwakanda.com
bot.pinpointinteractive.com
bot.polychromes-project.com
viewer-v2-typebot-io.vercel.app
bot.studiotecnicoimmobiliaremerelli.it
liveconvert2.kandalearn.com
bot.seidibergamoseanchetu.it
forms.escoladeautomacao.com.br
bot.seidinembroseanchetu.it
viewer-v2-git-main-typebot-io.vercel.app
2271da8
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Successfully deployed to the following URLs:
builder-v2 – ./apps/builder
builder-v2-git-main-typebot-io.vercel.app
app.typebot.io
builder-v2-typebot-io.vercel.app