Hipcall Knowledgebase / Customer Service Settings

How to set up Webchat?

In this article, we will explain how to add Webchat to your own website.

Updated October 15, 2025
Read 2 min

settings-ınboxes.png

Adding a new webchat

  • Click the New Webchat button.

newwebchat.png

  • Enter a name and description in the General Information field and click the Create button.

createnewwebchat.png

  • Add the JavaScript code found in the Component Settings section to your web page's code, or ask your web page developer to add this code.

widgetsettings.png

Automatically Adding the Visitor's Name and Email

If you know the visitor's name and email address on the site where you added webchatt, you can automatically add them as follows: hc(‘user’, {email: “joe.doe@mail.com”, name: “Joe Doe”, phone: “+908508850000”}); joe.doe@mail.com and Joe Doe should come from your system.

<script :if={@current_user && @current_user.email}>
(function(w,d,s,o,f,js,fjs){
w[‘HipcallWidget’]=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
})(window,document,‘script’,'hc',‘https://use.hipcall.com.tr/widget/ea5e6c8a-0810xxxxx’);
hc(‘user’, {email: “joe.doe@mail.com”, name: “Joe Doe”, phone: “+908508850000”});
</script>

Selecting users

  • Select the users you want to respond to messages.

webchatusers.png

Changing the webchat's appearance

  • You can specify the webchat's position on the page, its color, and language options.

widgetapperance.png

Adding sites where Webchat will work

  • You can restrict the domain address to ensure Webchat's security. For example, *.bulutfon.com works on all pages opened under the bulutfon.com domain.

widgetsecurity.png

Was this article helpful?