Introduction
BuddyBot brings AI-powered conversations directly to your WordPress site, providing a seamless and engaging experience for your users. In this post, we’ll walk you through the frontend integration of BuddyBot, showing how users interact with the chatbot and how it enhances engagement on your website.
How to Create a BuddyBot
Before integrating BuddyBot into your WordPress site, you’ll need to create your own BuddyBot. Follow the step-by-step instructions in the guide linked below to get started:
Create Your BuddyBot – Step-by-Step Guide
Once you’ve created your BuddyBot, come back to this post for instructions on how to integrate it into your WordPress page.
Adding BuddyBot to Your Page
To display BuddyBot on any page, follow these steps:
- Edit the Page: Navigate to the page where you want to add BuddyBot and open it in the WordPress editor.
- Insert the Shortcode or Block:
- Shortcode: Use the BuddyBot shortcode provided on the BuddyBot list page (e.g., [buddybot id=”123″]) to embed the chatbot on the page.
- Block: Alternatively, you can insert BuddyBot as a block if you prefer a more visual method of embedding it.
- Save & Publish: Click “Update” or “Publish” to make the chatbot available on the frontend.
The image above shows a sample BuddyBot shortcode being used on a page.
Once the page is updated, users will be able to see and interact with BuddyBot.
In the image above, the BuddyBot is fully integrated into the page, ready to assist users with their queries.
How Users Interact with BuddyBot
1. Starting a Conversation
Users can initiate a chat by clicking the “Start New” button. This clears previous messages and allows a fresh conversation to begin.
2. Sending a Query
Once the chat session is open:
- Users can type their questions in the text box.
- BuddyBot analyzes the query and provides a relevant response based on its training and settings.
- If external search is disabled and the bot lacks relevant information, it will display a custom fallback message instead.
As shown in the image above, once a question is entered, BuddyBot processes the input and generates a response based on its configured settings.
Key Features of BuddyBot’s Frontend Chat
- Seamless Integration: Easily add BuddyBot to any WordPress page using a shortcode.
- Dynamic Conversations: Users can start new chats, ensuring fresh interactions each time.
- Custom Responses: The chatbot provides relevant answers based on predefined instructions and available data.
- Fallback Messaging: If an answer isn’t available, BuddyBot displays a predefined fallback response.
Conclusion
Integrating BuddyBot into your WordPress frontend is simple yet powerful. By embedding the chatbot using a shortcode, users can enjoy AI-driven interactions directly on your website. Whether for customer support, event inquiries, or general assistance, BuddyBot enhances user engagement and provides a smarter way to handle queries.
Start using BuddyBot today and transform your website’s user experience! 🚀
Troubleshooting Common Issues
- BuddyBot Not Displaying:
- Ensure the shortcode or block is correctly placed on a published page.
- Verify that the BuddyBot settings are properly configured.
- Unexpected Behavior:
- If the BuddyBot behaves unexpectedly, check the BuddyBot’s instructions and metadata for potential issues.
Leave a Reply