Adding a click-to-chat link

14 Comments

  • Nigel Baxter
    Comment actions Permalink

    Hi

    How do I get into my source code? I've read that there should be a link in the bottom right of my screen in customization but I don't have that option?

    0
  • Jessie Schutz
    Comment actions Permalink

    Hi Nigel!

    As long as you're logged into Help Center as an agent, you'll be able to see the editor box in the lower right corner of your Help Center (not your agent interface):

    Click on Customize Design, then Edit Theme, and you'll be able to see the tabs to access your HTML, CSS, and JS source code:

    Let me know if you have any other questions!

    0
  • Diziana
    Comment actions Permalink

    Thanks Jessie to walk him through.

    @Nigil, hope this would have worked.

    Let me know if we can offer any further help

    Thank you

    Diziana

    0
  • Sheila Riddle
    Comment actions Permalink

    Does this work for adding a link to chat on a website or just the help center? I need to be able to have chat open when you click a button on a website.

    0
  • Jessie Schutz
    Comment actions Permalink

    Hey Sheila!

    I don't know whether this would work on an external site, but we do have a web widget that will make chat and Help Center available on external sites. You can find our more about that here: Using Web Widget to embed customer service in your website.

    0
  • Diziana
    Comment actions Permalink

    @Sheila: This would work on your website. 

    0
  • Anishamol Antoo
    Comment actions Permalink

    Hi Team,

    I copied the above two codes ,to enable chat widget on button click.It is working fine.But i also have the default chat widget in copenhagen theme.Can you please tell me how to hide the default chat widget?

    Also is it possible to have similar kind of widget on button click for emails as well?

    0
  • mikeisrain
    Comment actions Permalink

    When i attempt to do this over HTTPS (which my website is using) it gives a console error stating it's trying to load insecure content. How do I configure this to load the correct HTTPS chat window?

    0
  • Daniel Yousaf
    Comment actions Permalink

    Hi Mikeisrain!

    I'd like to open a ticket for us, as we'll need account-specific info to properly address the issue.   You'll receive an email from me shortly :)

    Best,

    0
  • john gaspay
    Comment actions Permalink

    I've tried solution on the top but none works so I've tried using this solution that works on me.

    If you are using button you can use this, this works on me.

    1. <button onclick="zE.activate();">Chat Us</button> 

    2. or using text link <a href="javascript:zE.activate();">Chat us</a>

    3. be sure to add this two script via footer before body tag closing.

    4. <script>if(loggedIn) {zE(function() {zE.show();});}</script>

    5. <!-- Start of Zendesk Widget script -->
    <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=YOUR KEY"> </script>
    <!-- End of Zendesk Widget script -->

    6. Hope this helps

    0
  • Nicole - Community Manager
    Comment actions Permalink

    Thanks for sharing a solution, John!

    0
  • Glenn Michael Manuel
    Comment actions Permalink

    Hi Everyone,

    I've tried the solution on top. It works fine but I have problem regarding on the flow.

    Is this possible?
    If I clicked the image it will hide and the form chat will come up.
    Otherwise If I minimized the form chat, the image will come up.

    Thansk,
    Glenn


    0
  • Jessie Schutz
    Comment actions Permalink

    Hi Glenn!

    I'm not sure I totally understand what you're asking here. When you say "image", do you mean the "click to chat" button? Or are you envisioning something else?

    0
  • Leandro de LikeU
    Comment actions Permalink

    Saludos, yo tenia el mismo problema y utilice la siguiente solución:

    <script>
    function Chat(){
    var script = document.createElement("script"); //Make a script DOM node
    script.id ="ze-snippet" 
    script.src = "https://static.zdassets.com/ekr/snippet.js?key=KEY";
    document.head.appendChild(script);
    }
    </script>

     

     

    <input id="clickMe" type="button" value="clickme" onclick="Chat();" />

     
    0

Please sign in to leave a comment.

Powered by Zendesk