Deploying RASA to online website (Webchat)

Hello everyone! My goal is to host my chatbot online, so everyone on the internet could access it (I have already had an actively hosted website). So far, I successfully deploy it using local host, so it can only be seen from my computer as the local server. I have tried using ngrok url instead of localhost:5005 and paste the forwarding url into the data-websocket-url parameter, but it did not work, the widget cannot response the user (it seems that the interface is not connected into the chatbot and its datasets. Any help is welcome, cheers!

Just to make it clear, I attached two screen shots that show the one which is run using local host, and the other which is run using ngrok.