Typebot has a native WordPress plug-in that helps you embed typebots in your WordPress site.
Of course, before using it, you need to create and publish your first typebot.
You can either choose to configurate an "easy setup" or "advanced setup".
When choosing "container" and click on "Save" you can then use a typebot shortcode in your page builder. Here is a complete tutorial on how to insert a shortcode.
Here is how it looks like:
[typebot width="100%" height="500px" background-color="#F7F8FF"]
url are optionnal.
You should use
url parameter only if you need to embed different typebots as containers on your website.
If your typebot appears to have a small height like this:
you need to set a fixed
height in pixel (
600px is usually a great number).
Fields are self explanatory.
With this field, you can tell the plugin to include the typebot only on specific pages.
/my-page,/other-page/*: the typebot will appear on these pages:
Here is an example for a bubble config:
You can leverage the hidden variables and inject your user information directly into your typebot so that the experience is entirely customized to your user. Here are the available variables from WordPress:
Then you can use these variables anywhere on your typebot. For more informations, check out the Hidden variables doc
Plugins like WP Rocket prevent Typebot to work.
For WP Rocket:
- Type "typebot"
You have plugin that adds
defer attribute to external scripts#
You need to add an exception for Typebot in the corresponding plugin config.