sunny-green•2y ago
I need help with the widget that I want to deploy on shopify
Hello, their voiceflow team. I have a very serious issue that I want to discuss and find a solution for that as soon as possible. There are two problems.
1: Deploying the chat widget code on Shopify doesn't work directly. We need to remove a specific CSS property to make it appear on the Shopify store. By default the property on CSS Display is None(Display: none;) for this we can easily remove it to inline-block or block so it could be solved.
2: This second cause may be for others as well. But in my case, I find it specific so when the chatbot is deployed the responses are abandoned. Like sometimes it works and sometimes it doesn't respond 1 or 2 times after that it just does nothing. I checked it and seems like it responds to the messages but it doesn't really show up on the Shopify store chatbot widget.
The solution for these two problems is needed really urgently as going through every possible solution we came to our last stop which is the voiceflow team. So, please!
I hope this helps or if you need a video of what is happening then let me know thanks
@NiKo | Voiceflow @Builder @KimLooo @Daniel @W. Williams (SFT)
35 Replies
Hi!
Just a reminder, avoid tagging people in posts. We check Discord regularly so no need to notify everyone 😉
1. Yeah, I think Winston give you the fix for this one already
2. Are you using GPT models and if that's the case, what is your maxToken settings?
Asking because since a few weeks, Open AI endpoints tend to timeout with larger response (more than 500 tokens) with recent models like GPT4 and GPT4 Turbo).
It's hard with random issue but you might want to try to repro in the Test tool and debug whenever you face an empty response. You need to check if it's a timeout (no response), if the response is there but with encoded chars that avoid it to be rendered correctly for example or if this is something else.
And yes, whenever you can share a video, do it as it helps to understand the use case and give us more context 👍
sunny-greenOP•2y ago
Alright, I will come up with the video. this is not on a GPT or assistant API it's built on voice flow. And a lot of time to make it perfect. But these simple issues are really blocking me from delivering it to the client.
What would be the possibility of this not showing the messages? Does it depend on the code of the Shopify store code?
First try to find a way to repro the error in the Test tool as this will be the easiest way for you to check what can generate this. If you can't generate the error in the Test tool but you can in the chat widget then this might be related to your Shopify integration and you can start digging there.
sunny-greenOP•2y ago
Thanks Appreciate it. I will get back to you/
Either a loom.com video or screenshots would help a ton.
sunny-greenOP•2y ago
https://www.awesomescreenshot.com/video/24163101?key=8393b12766f781108b3a4e998abaf65c
Please watch the video @Wojciech @NiKo | Voiceflow
Do you have the bot on a page? I just checked https://goldielocks.com/ and that bot is not a VF bot.
sunny-greenOP•2y ago
As the client doesn't allow us to have it for a longer time. that is why I removed it. Keeping their words
Can you send me the integration code you are using?
the script
I'll test it
sunny-greenOP•2y ago
definitely
pretty sure I know what is causing it
sunny-greenOP•2y ago
you will save a lot of my work that I've putted in.
<script type="text/javascript">
(function(d, t) {
var v = d.createElement(t), s = d.getElementsByTagName(t)[0];
v.onload = function() {
window.voiceflow.chat.load({
verify: { projectID: '65736a82d51c9d1bc29f23cd' },
url: 'https://general-runtime.voiceflow.com',
versionID: 'production'
});
}
v.src = "https://cdn.voiceflow.com/widget/bundle.mjs"; v.type = "text/javascript"; s.parentNode.insertBefore(v, s);
})(document, 'script');
</script>
It looks like it is due to a conflict with the simply-insurance.js script.
sunny-greenOP•2y ago
hey William it's going above my head could you tell me what is wrong?
The issue is with the website. If I run the same script on google.com, the same bot works fine.
sunny-greenOP•2y ago
Ok what could I do my best to solve it.
what is simply insurance?
sunny-greenOP•2y ago
I don't know.
I just gaved you the code.
That is embeded in the Shopify site and has nothing to do with the VF code.
sunny-greenOP•2y ago
yup I guess because everything is coming from your server. I don't see this insurance file from shopify
do I need to search it over on thier files
yep
this is not a vf problem. This is an issue on that Shopify site.
sunny-greenOP•2y ago
got it could you tell me the exact file name
The error is there without the VF code.
sunny-greenOP•2y ago
got so what should I check
<link id="myCss" rel="stylesheet" type="text/css" href="https://cdn.shopify.com/extensions/92215024-ad3d-48c9-b2d7-7800ec1d68c2/simply-shipping-protection-9/assets/simply-insurance.css" media="all">
it is an extension
sunny-greenOP•2y ago
what changes do I need to do I finally found the file
sunny-greenOP•2y ago
sunny-greenOP•2y ago
@W. Williams (SFT) you literally solved my 90% of tension
Does it work?
sunny-greenOP•2y ago
sunny-greenOP•2y ago
Are you 200% sure about it?
@W. Williams (SFT) Please respond to me. I want to tell this to the client.
Not 100%, but 90%. I just can see the error. Just disable that extension temporarily.
sunny-greenOP•2y ago
thanks alot