Back to Installing Your Chatbot

How to add a ChatGPT chatbot to Plasmic

How to add your custom ChatGPT trained chatbot to your Plasmic website.

You want to embed your custom trained chatbot in your Plasmic website page. Here's how to add ChatGPT to Plasmic with SiteSpeakAI.

Add your chatbot to your Plasmic website

In SiteSpeakAI

Select your chatbot from the dropdown menu at the top, click on the Install Chatbot section in the sidebar and then click on the Copy Code button to copy your code snippet.

0 - Plasmic - Copy JS code.png

In Plasmic

  1. Log into your Plasmic account and on your dashboard select the project you want to add your chatbot to 1 - Plasmic - Log into Plasmic.png

  2. Click on + to add a new component 2 - Plasmic - Add new component.png

  3. Select Default components on the left sidebar 3 - Plasmic - Select Default components.png

  4. Scroll down on the list of Default components and select Embed HTML in the HTML group 4 - Plasmic - Select Embed HTML.png

  5. Click on the Code input box under Embed HTML props 5 - Plasmic - Click on Code input box.png

  6. Insert your snippet (as copied above) into the Code input box and click on Save 6 - Plasmic - Insert snippet in Code input box and click on Save.png

  7. Click on Publish to publish your changes 7 - Plasmic - Click on Publish to publish your changes.png

  8. Your chatbot button will now be displayed on your Plasmic website 8 - Plasmic - Your chatbot button.png

  9. If you click on the button it will display your chatbot dialogue 9 - Plasmic - Your chatbot dialogue.png

Your chatbot has now been added to your Plasmic website and your customers/visitors can start interacting with it!

Need more help with SiteSpeakAI?

Not finding what you need? Reach out to our support team for help.

Contact Support

Ready to automate your customer support with AI?

Join over 150+ businesses, websites and startups automating their customer support with a custom trained GPT chatbot.