WordPress Integration Guide
Learn how to add your Cloudpresser AI chatbot to your WordPress website.
Integration Methods
There are two ways to integrate your Cloudpresser AI chatbot with WordPress:
Method 1: Manual Integration
If you prefer not to use a plugin, you can manually add the chatbot code:
- Get your chatbot code:
- Go to your Cloudpresser AI Chat dashboard
- Select the chatbot you want to integrate
- Click on the "View Code" or "Integration" button
- Copy the provided code snippet
- Add the code to your WordPress site:
- Install and activate a "Header and Footer Scripts" plugin (like "Insert Headers and Footers")
- Go to Settings → Insert Headers and Footers
- Paste your chatbot code into the "Scripts in Header" section
- Save your changes
Method 2: Using a Child Theme
For advanced users who are comfortable editing theme files:
- Create a child theme (if you don't already have one)
- Edit the header.php file:
- Add your chatbot code just before the closing </head> tag
- Save the file
Troubleshooting
Chatbot not appearing on the site
Ensure there are no JavaScript errors on your page. Try disabling other plugins temporarily to check for conflicts.
Chatbot appears but doesn't function correctly
Check if your WordPress theme has any JavaScript that might be interfering with the chatbot. Try switching to a default theme temporarily to test.
Chatbot styling conflicts with theme
Adjust the appearance settings in your Cloudpresser dashboard to better match your WordPress theme.
Need Help?
If you're experiencing issues with the WordPress integration, please contact our support team at [email protected].