Port number issue in rasa latest version

Hi,

I am trying to run 2 rasa chatbots and while running 2 bots by giving different port numbers , in command line two bots are working well but in chat.html files same bot is running in both chat.html files. How can I fix this?

thanks in advance!

Can you please post the content of the chat.html file?

 <html>
<body>
<div id="webchat"/>
<div id="webchat"/>
<script src="https://storage.googleapis.com/mrbot-cdn/webchat-0.5.8.js"></script>
<script>
WebChat.default.init({
selector: "#webchat",
initPayload: "/get_started",
interval: 1000, // 1000 ms between each message
customData: {"userId": "123"}, // arbitrary custom data. Stay minimal as this will be added to the 
socket
socketUrl: "http://localhost:5005",
socketPath: "/socket.io/",
title: "Robosensus",
subtitle: "Bot",
inputTextFieldHint: "Type a message...",
connectingText: "Waiting for server...",
hideWhenNotConnected: true,
fullScreenMode: false,
profileAvatar: "https://cdn.images.express.co.uk/img/dynamic/151/590x/Robot-uprising-wipe-out-humans-sir-martin-rees-787501.jpg",
openLauncherImage: 'myCustomOpenImage.png',
closeLauncherImage: 'myCustomCloseImage.png',
params: {
  images: {
    dims: {
      width: 300,
      height: 200,
    }
  },
  storage: "local"
}
 })
</script>

</body>
</html>

Please change the port in socketUrl: "http://localhost:5005" to the specific port you want to use; I assume 5006?

yeah, I already tried that and the port is changing but still running the same bot in two html files

even i have the same issue.