Customizing the OPENAI Assistant - Close Button
I would like to introduce a close button to the OpenAI assistant and I know that I need to edit the html file provided by the developer in GitHub. I am using Wordpress and I have included the following code on my site's header:
</script>
<script src="https://unpkg.com/@buildshipapp/chat-widget@^1" defer></script>
<script>
window.addEventListener("load", () => {
window.buildShipChatWidget.config.url = "https://....../chat_tutor";
window.buildShipChatWidget.config.widgetTitle = "Assistant";
window.buildShipChatWidget.config.greetingMessage = "bla bla bla";
}) </script> <!-- Button to open the widget --> <button data-buildship-chat-widget-button id="chat-widget-button"> <img src="https://localhost/wordpress/wp-content/uploads/2017/07/icon.png" alt="AI Icon" style="width: 48px; height: 48px;"> </button> <!-- Add custom styles for the chat widget button --> <style> #chat-widget-button { .......... }
#chat-widget-button:hover { ...... } </style> have managed to make the Assistant work on my stage dev site by following the instructions on Buildship. However, the original assistant comes with no close button - to my surprise. My issue begins when trying to introduce a close button, which needs to be done via editing the original html file: https://github.com/rowyio/buildship-chat-widget/blob/main/src/widget.html Editing the file to introduce a close button is not my issue, but rather how to "install" the modified file (s) on my wordpress site and make it run so to fetch this directly from my server (where my wordpress is hosted) instead of the github original files. I know that that I need to modify: https://unpkg.com/@buildshipapp/chat-widget@^1, and I have done this but nothing seems to work for me. Obviously, I am doing something wrong due to lack of knowledge and experience. Can someone please guide me through the setup process step by step? Thank you Konstantinos
}) </script> <!-- Button to open the widget --> <button data-buildship-chat-widget-button id="chat-widget-button"> <img src="https://localhost/wordpress/wp-content/uploads/2017/07/icon.png" alt="AI Icon" style="width: 48px; height: 48px;"> </button> <!-- Add custom styles for the chat widget button --> <style> #chat-widget-button { .......... }
#chat-widget-button:hover { ...... } </style> have managed to make the Assistant work on my stage dev site by following the instructions on Buildship. However, the original assistant comes with no close button - to my surprise. My issue begins when trying to introduce a close button, which needs to be done via editing the original html file: https://github.com/rowyio/buildship-chat-widget/blob/main/src/widget.html Editing the file to introduce a close button is not my issue, but rather how to "install" the modified file (s) on my wordpress site and make it run so to fetch this directly from my server (where my wordpress is hosted) instead of the github original files. I know that that I need to modify: https://unpkg.com/@buildshipapp/chat-widget@^1, and I have done this but nothing seems to work for me. Obviously, I am doing something wrong due to lack of knowledge and experience. Can someone please guide me through the setup process step by step? Thank you Konstantinos
GitHub
buildship-chat-widget/src/widget.html at main · rowyio/buildship-ch...
AI Chat Widget - flexible and lite chat widget that can connect to OpenAI Assistant, any database, tools - rowyio/buildship-chat-widget
10 Replies
BuildShip AI Support - Crafting Solution, (Avg response time: ~2 minutes 🙂)
Sorry, there was an error processing your request. Please try again in ~1 minute
Not sure what this error is and how to fix.
It seems you're experiencing an issue, but I would need more details about the error message or the context in which the error occurs to provide specific guidance. Could you please provide more information about the error message you're encountering?
In the meantime, you can refer to the BuildShip documentation for troubleshooting common issues:
- BuildShip Triggers
- BuildShip API Call Node
- BuildShip Core Nodes
- BuildShip Return Node
If the problem persists, you can submit a detailed query via the in-app support button for personalized assistance.
What is a Trigger? – BuildShip
A unified resource to start building your backend with low-code. Dive into triggers, nodes, and step-by-step guidance to jumpstart your workflow creation.
API Call Node – BuildShip
A unified resource to start building your backend with low-code. Dive into triggers, nodes, and step-by-step guidance to jumpstart your workflow creation.
Branch (If Else) – BuildShip
A unified resource to start building your backend with low-code. Dive into triggers, nodes, and step-by-step guidance to jumpstart your workflow creation.
Return Node – BuildShip
A unified resource to start building your backend with low-code. Dive into triggers, nodes, and step-by-step guidance to jumpstart your workflow creation.
Sure, I'd be happy to assist with your BuildShip question. Could you please provide more details about what you're trying to achieve or the specific issue you're encountering?
Actually, I do not receive any error. I am faced with an issue in customizing the openAI assistant in https://github.com/rowyio/buildship-chat-widget/tree/main
I think I have accurately described my issue in the original post. However, if not clear I will try to clarify further. Have you read my initial post/question?
GitHub
GitHub - rowyio/buildship-chat-widget: AI Chat Widget - flexible an...
AI Chat Widget - flexible and lite chat widget that can connect to OpenAI Assistant, any database, tools - rowyio/buildship-chat-widget
It seems like you're experiencing issues with customizing the OpenAI Assistant in the BuildShip chat widget. For detailed guidance on how to create and customize AI Assistants using BuildShip, you can refer to the AI Assistant Builder Guide.
If the documentation does not address your specific issue, I recommend submitting your query via the in-app support button for more personalized assistance.
Ι would appreciate anyone's help on the above issue.
Hi @Konstantinos, on making any changes to HTML and CSS, if you want to use the updated version on your wordpress, I think you'll be require to host and deploy the bot's frontend a server to take effect. cc @nithinrdy