In this continuation of our exploration of Botpress, we delve into customizing and embedding custom GPTs on a website, using Wix as our example platform.
Accessing and Customizing Your GPT in Botpress
Locate Your GPT: In Botpress, find the GPT you wish to embed, such as the "Skill Leap Company Policy" created earlier.
Integration Options: Navigate to the 'Integration' section, where you can choose 'Web Chat' for embedding. Other options like analytics and conversation tracking are also available.
Enabling Integration: Ensure the integration is enabled (indicated by a blue toggle). This step is crucial for the functionality of the embedded GPT on your website.
Styling Your Chatbot
Access Settings: In Botpress, the 'Settings' tab offers customization options for the chatbot’s appearance.
Modify Style Sheet: Here, you can adjust the color, size, and other visual aspects of your chatbot to match your website's design.
Apply Changes: Once your style sheet is customized, copy the URL and paste it in the appropriate section, then save the configuration.
Embedding the GPT on Wix
Copy Embed Code: In the 'Pre Configured' tab of Botpress, copy the HTML code provided for embedding.
Wix Website Editor: Go to your Wix website editor and choose a suitable location for the chatbot.
Embed HTML: Use Wix’s 'Embed HTML' feature to paste the copied code from Botpress. Adjust the size of the embed box as needed.
Preview and Adjust: Preview your website to see the chatbot in action. You may need to adjust the size or position of the embed box for optimal appearance.
Considerations and Limitations
Performance: The embedded GPT may be slower, especially with larger knowledge bases. Test thoroughly to ensure satisfactory performance.
Knowledge Base Size: For smoother operation, consider using lighter knowledge bases, relying more on custom instructions rather than extensive documents.
Developer Assistance: For more advanced customization beyond the chat bubble appearance, you may need the help of a developer.
Further Integrations: Botpress also offers integration capabilities with platforms like Slack and WhatsApp, which will be explored in future videos.
Conclusion
Embedding custom GPTs on your website using Botpress is a straightforward process that significantly enhances user interaction by providing AI-driven chat services. While there are certain limitations, particularly with larger knowledge bases, the customization options available make it a versatile tool for enhancing your website’s functionality and user engagement.
