English (US)
  1. Zendesk help
  2. Chat
  3. Using Chat for live chat
  4. Configuring the Chat widget

Configuring and deploying live chat

Aimee Spanier
  • Edited
Zendesk Documentation Team

The process for configuring and deploying live chat depends on how you're using Zendesk:

  • If you are using Zendesk live chat, and no other Zendesk products, you'll follow the Zendesk Chat-only path.
  • If you are using Zendesk live chat plus Zendesk Support, you follow the Zendesk Chat + Support path.

I’m a Zendesk live chat-only customer

  • Configuring the appearance of the Chat widget
  • Creating and enabling your Chat forms
  • Allowing visitors to rate live chats
  • Establishing your security settings
  • Adding live chat to your website

Get started

I’m a Zendesk live chat + Support customer

  • Enabling Chat in the Web Widget (Classic)
  • Configuring the appearance of the Web Widget (Classic)
  • Creating and enabling your Chat forms
  • Allowing visitors to rate chats
  • Establishing your security settings
  • Adding Chat to your website or help center
Get started
Return to top

7 Comments

  • Raflie Zainuddin

    Both links are sending me to the same page. Please fix this. Thanks

    3
  • Travis

    Both links still aren't working. Can someone get them updated to link to the correct pages, please?

    3
  • Rina

    Links do not work, and take me back to this landing page. Please update as other requesters have asked.

    0
  • Aimee Spanier
    Zendesk Documentation Team
    Hi, all. So sorry for the delay. The links should work now. Thanks for your patience!
    0
  • Stephen Belleau
    Community Moderator

    Tina Gardner Nothing stands out to me. How are you handling the condition to suppress for only certain clients? What's happening that isn't working as intended? Is it suppressing for all? Not suppressing for all? Some other behavior?

    0
  • tushar kalra

    Hi, 

     

    I made a trial account with zendesk to try out integrating the chatbot features. 

    I made a channel and provided the necessary configurations to have the chatbot started. I am trying to use the advanced features to customize the chatbot like color and position. 

    Customizations are not getting reflected in the chatbot. 

    below is the sample html page i am trying to integrate. However my changes are not getting reflected in the app. Can you please point out whether i am missing anything. 

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <title>Hello, World!</title>
    </head>

    <body>
        <p>Hello, World!</p>

        
        <script type="text/javascript">
      window.zESettings = {
        webWidget: {
          color: { theme: '#2ced13' }
        }
      };
    </script>
        <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=ab015c3b-d202-4be1-b307-384162b585a7">
        </script>
            
        <script type="text/javascript">
      window.zESettings = {
        webWidget: {
          position: { horizontal: 'right', vertical: 'top' }
        }
      };
    </script>

        
        <!-- End of Zendesk Widget script -->
    </body>

    </html>

     

    I am 

    0
  • Christophe A.
    HI Tushar,
     
    The window.zESettings object must be added before the Web Widget (Classic) snippet in a web page, so the settings can be applied before the widget is loaded.
     
    A simpler version of your code might be: 
    <script type="text/javascript">
      window.zESettings = {
        webWidget: {
          color: { theme: '#2ced13' },
          position: { horizontal: 'right', vertical: 'top' }
        }
      };
    </script>
    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOURKEY"></script>
     
    The article "Quickstart – Web Widget (Classic) APIs" will be helpful to customize your Live chat widget.
     
    I would also recommend to remove the widget key from your message here 😉️
    0

Please sign in to leave a comment.

More about

Related articles

Powered by Zendesk