other-emerald
other-emerald•2y ago

im having trouble adding my chatbot onto my website

Im adding the code at the bottom of the theme liquid but for some reason it’s not coming up in the preview anyone know how to get this working ?
5 Replies
Tico | Voiceflow Assistant
Tico | Voiceflow Assistant•2y ago
To add your chatbot to your website, you need to insert the JavaScript snippet provided by Voiceflow into your website's code. This snippet should be placed between the <body> ... </body> tags of your website's HTML. It's important to note that you need to include this snippet on every page where you want your Assistant to appear. If you've done this and the chatbot is still not appearing, it could be due to a few reasons: 1. Check if the Web Chat is enabled: You can quickly enable and disable your Web Chat from appearing on your website using the toggle button found in the top-right corner of the Web Chat Integration page on Voiceflow. 2. Publish a Version of your Assistant: In order for your Assistant to run in your Web Chat, you need to first save a Production Version of your assistant. On your Assistant's Design page, you can find the Publish button in the top-right corner, give your new version a name, and hit the Publish button. 3. Check your website's code: Make sure that the JavaScript snippet is correctly placed in your website's code and there are no errors that might be preventing it from running. 4. Clear your browser cache: Sometimes, old cached data can prevent new changes from appearing on your website. Try clearing your browser cache and then reload your website to see if the chatbot appears. Remember, the chatbot will only appear on the pages where you've included the JavaScript snippet. If you want it to appear on all pages, you'll need to include the snippet on each page.
W. Williams (SFT)
W. Williams (SFT)•2y ago
can you send a URL of the site you added the code to? I'm guessing this is a shopify store?
other-emerald
other-emeraldOP•2y ago
Yeah it is a shopify store and yeah I’ll send it now. The store isn’t finished yet I’m still adding a few things.
W. Williams (SFT)
W. Williams (SFT)•2y ago
ok. it is probably your theme. Try putting this above your VF Integration code: 
<style>
  div:empty {
    display: block !important;
  }
</style>
<style>
  div:empty {
    display: block !important;
  }
</style>
other-emerald
other-emeraldOP•2y ago
okay thaanks ill try that now. yeah i thought it maybe could have been that im using dawn? yeah that didnt work ill try changing the them this after noon and see how that works thank you

Did you find this page helpful?