77 lines
2.7 KiB
Plaintext
77 lines
2.7 KiB
Plaintext
---
|
||
title: WordPress
|
||
---
|
||
|
||
Typebot has a native [WordPress plug-in](https://wordpress.org/plugins/typebot/) that helps you embed typebots in your WordPress site.
|
||
|
||
Of course, before using it, you need to create and publish your first typebot.
|
||
|
||
<Frame>
|
||
<img src="/images/embeddings/wordpress-preview.png" alt="WP plugin preview" />
|
||
</Frame>
|
||
|
||
The code snippet to paste is easily configurable in the Share tab of your bot after clicking on the "Wordpress" button.
|
||
|
||
## Excluded pages
|
||
|
||
The excluded pages input is a comma-separated list of pages where you don't want your typebot to appear.
|
||
|
||
Examples:
|
||
|
||
- `/app/*` will exclude all pages starting with `/app/`
|
||
- `/app` will only exclude the `/app` page
|
||
- `/app?param=1` will only exclude the `/app` page **and** with the `param` query parameter set to `1`
|
||
- `/app?param=*` will exclude the page at `/app` **and** with the `param` query parameter set to anything
|
||
- `/app/*?param=*` will exclude all pages starting with `/app/` **and** with the `param` query parameter set to anything
|
||
|
||
## Personalize user experience
|
||
|
||
You can leverage the [prefilled variables](../../editor/variables#prefilled-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, make sure to create them in your typebot's variables dropdown:
|
||
|
||
<Frame style={{ maxWidth: '400px' }}>
|
||
<img
|
||
src="/images/embeddings/wp-variables.png"
|
||
alt="WP predefined variables"
|
||
/>
|
||
</Frame>
|
||
|
||
The only thing you need to do to enable this is:
|
||
|
||
- Use the [Wordpress Typebot plugin](https://wordpress.com/plugins/typebot)
|
||
- Have the variables declared in your Typebot with the exact syntaxes. For the email for example, make sure your variable is spelled `WP Email`. These won't work: `wp Email`, `WP email`.
|
||
|
||
## Your typebot isn't showing?
|
||
|
||
### You have litespeed with "Localise Resources" enabled
|
||
|
||
There is an a box where there is a list of URLs it localises, one of them was ‘https://cdn.jsdelivr.net’. This URL should be removed from it since it is used to import the embed library.
|
||
|
||
## You have litespeed with cache enabled
|
||
|
||
Make sure to insert `web.js` and `typebot` in the JS Excludes textbox and JS Deferred Excludes under Tuning Settings.
|
||
|
||
### You have a cache plugin
|
||
|
||
Plugins like WP Rocket prevent Typebot to work.
|
||
|
||
For WP Rocket:
|
||
|
||
1. Go to Settings > WP Rocket > Excluded Inline Javascript:
|
||
|
||
<Frame>
|
||
<img src="/images/embeddings/wp-rocket.png" alt="WP Rocket" />
|
||
</Frame>
|
||
|
||
2. Type "typebot"
|
||
3. Save
|
||
|
||
### You have plugin that adds `defer` attribute to external scripts
|
||
|
||
You need to add an exception for Typebot in the corresponding plugin config.
|
||
|
||
### Still not working
|
||
|
||
Contact me on the application using the typebot at the bottom right corner
|