I followed the steps from the below link. I have applied the payload in chatbot widget code in a html file , but i faced an regex issue . I have mentioned the code below the link and issue
Hereis my code
<p id = "username">pradeep kumaresan</p>
<p id="useremail" name="useremail">pradeep.kumaresan@test.com</p>
issue
Hey @pradeepkumaresan,
Can you please share the whole HTML code snippet with me?
<p id = "username">pradeep kumaresan</p>
<p id="useremail" name="useremail">pradeep.kumaresan@test.com</p>
@pradeepkumaresan I need the whole code snippet, like this:
<html>
<head>
</head>
<body>
<p id = "username">yellow.ai Community</p>
<p id="useremail" name="useremail">community@yellow.ai</p>
<script type="text/javascript">
let name = document.getElementById("username").innerText; // parse elements
let email = document.getElementById("useremail").innerText;
console.log("Test data: ", name, email); // pass variables using payload object to window.ymConfig
window.ymConfig = {"bot":"YOUR_BOT_ID_HERE","host":"https://cloud.yellowmessenger.com","payload":{"name": name,"email": email},"partiallyOpen":false,"alignRight":"right"};(function () {var w=window,ic=w.YellowMessenger;if("function"===typeof ic)ic("reattach_activator"),ic("update",ymConfig);else{var d=document,i=function(){i.c(arguments)};function l(){var e=d.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js";var t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}i.q=[],i.c=function(e){i.q.push(e)},w.YellowMessenger=i,w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}})();
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<p id = "username">pradeep kumaresan</p>
<p id="useremail" name="useremail">pradeep.kumaresan@test.com</p>
</body>
<script type="text/javascript">
let name = document.getElementById("username").innerText;
let email = document.getElementById("useremail").innerText;
let coordinates = {latitude:"13.087840" , longitude :"80.278470"} ;
console.log(name,email,coordinates)
window.ymConfig = { bot: 'x1650273048873', host: 'https://cloud.yellow.ai' , "payload":{"name":name , "email":email , coordinates :coordinates} }; (function () {var w=window,ic=w.YellowMessenger;if("function"===typeof ic)ic("reattach_activator"),ic("update",ymConfig);else{var d=document,i=function(){i.c(arguments)};function l(){var e=d.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js";var t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}i.q=[],i.c=function(e){i.q.push(e)},w.YellowMessenger=i,w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}})();
</script>
</html>
Hey @pradeepkumaresan,
I see you’ve missed quotes while passing the data to the payload. It should look like this:
window.ymConfig = { bot: 'x1650273048873', host: 'https://cloud.yellow.ai' , "payload":{"name":name , "email":email , "coordinates" :coordinates} }; (function () {var w=window,ic=w.YellowMessenger;if("function"===typeof ic)ic("reattach_activator"),ic("update",ymConfig);else{var d=document,i=function(){i.c(arguments)};function l(){var e=d.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js";var t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}i.q=[],i.c=function(e){i.q.push(e)},w.YellowMessenger=i,w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}})();
I’ve tested the code in my bot and it’s working fine now.
Can you please share the code , It’s not working for me. I have checked the payload also
Sure, here you go:
<html>
<head>
</head>
<body>
<p id = "username">pradeep kumaresan</p>
<p id="useremail" name="useremail">pradeep.kumaresan@test.com</p>
</body>
<script type="text/javascript">
let name = document.getElementById("username").innerText;
let email = document.getElementById("useremail").innerText;
let coordinates = {latitude:"13.087840" , longitude :"80.278470"} ;
console.log(name,email,coordinates)
window.ymConfig = { bot: 'x1620704465668', host: 'https://cloud.yellow.ai' , "payload":{"name":name , "email":email , "coordinates" :coordinates} }; (function () {var w=window,ic=w.YellowMessenger;if("function"===typeof ic)ic("reattach_activator"),ic("update",ymConfig);else{var d=document,i=function(){i.c(arguments)};function l(){var e=d.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js";var t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}i.q=[],i.c=function(e){i.q.push(e)},w.YellowMessenger=i,w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}})();
</script>
</html>
I getting the error like Range out of order in character class (at main.min.js:2:12673). Please check it.
Can you please confirm the CDN
https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js
Hi @Pratik I’m also facing the same issue.
BOT is not opening, i tried both LIVE / DEVELOPMENT code.
Same code you shared is also not working.
Please help us on this.
@senthil.vasan @pradeepkumaresan can you please share bot access with me at pratik@yellow.ai?
Need to inspect the bot logs before I can help you further.
@Pratik I gave access to pratik@yellow.ai. Hope you got it.
if not let me know.
Please help us on fixing the issue.
@Pratik , It’s a blocker for us.
Please sort out the issue.
@pradeepkumaresan @senthil.vasan As Sai Singaram must have communicated to you earlier, this seems like a browser issue. Because this code works well on the Firefox browser but not on Chrome. We’re trying to get this issue resolved ASAP.
Also, I want to let you know that in order to fetch the data from the parent interface (here HTML page) data should be displayed on the page.
@pradeepkumaresan @senthil.vasan
Here is the updated code snippet which works well with all browsers
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<p id = "username">pradeep kumaresan</p>
<p id="useremail" name="useremail">pradeep.kumaresan@test.com</p>
</body>
<script type="text/javascript">
let name = document.getElementById("username").innerText;
let email = document.getElementById("useremail").innerText;
let coordinates = {latitude:"13.087840" , longitude :"80.278470"} ;
console.log(name,email,coordinates)
window.ymConfig = { bot: 'x1620704465668', host: 'https://cloud.yellow.ai' , "payload":{"name":name , "email":email , "coordinates" :coordinates} }; (function () {var w=window,ic=w.YellowMessenger;if("function"===typeof ic)ic("reattach_activator"),ic("update",ymConfig);else{var d=document,i=function(){i.c(arguments)};function l(){var e=d.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.yellowmessenger.com/plugin/widget-v2/latest/dist/main.min.js";var t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}i.q=[],i.c=function(e){i.q.push(e)},w.YellowMessenger=i,w.attachEvent?w.attachEvent("onload",l):w.addEventListener("load",l,!1)}})();
</script>
</html>