$zopim is not defined

Question

Reading the documentation of Zopim (a.k.a Zendesk Chat):

API calls must be inserted after the Live Chat Script and wrapped within $zopim(function() { ... })

So I have a the Zopim script in head part of HTML:

<script>/*<![CDATA[*/window.zEmbed||function(e,t){ ... }("https://...);
/*]]>*/</script>

Then I added this at the end of HTML document:

$zopim(function() {
  $zopim.livechat.setName('Logged in name');
  $zopim.livechat.setEmail('user@somewhere.com');
});

And console says:

$zopim is not defined

I think I have followed the instructions correctly. What did I miss?

No. I wrote an ugly hack with a timeout, I will post it as an answer — rap-2-h, May 03 '17 at 07:20

Freefri · Accepted Answer · 2019-09-30T11:01:46.450

15

I've found a better solution (after submitting a request to support)

    zE(function() {
        $zopim(function() {
            $zopim.livechat.setName("{{\Auth::user()->name}}");
            $zopim.livechat.setEmail("{{\Auth::user()->email}}");
        });
    });

I was using a Zendesk Chat Code within Zendesk Support that is why I need to add Ze function to make it working using api.

Edit: check the interesting comment from Jay Hewitt and also his answer on this question.

edited Sep 30 '19 at 11:01

answered May 11 '17 at 08:36

Freefri

698
7
21

1

This depends on how you're embedding the javascript. If you're using the $zopim javascript this won't work, but if you're using the Zendesk Widget (zEmbed) then you still have an issue of zE (or zEmbed) not being loaded before this is run, so even in this instance, you need a wait loop. – Jay Hewitt Aug 03 '17 at 11:24
thanks @Freefri, this resolved error but in my case widget not showing on Chrome, on Firefox it shows after first load. I am using with Angular 8 – CodeLearner20 Feb 26 '20 at 10:13

score 14 · Answer 2 · answered Jun 27 '17 at 09:11

This will loop, waiting for $zopim and $zopim.livechat to be loaded. Once they're loaded it will stop looping.

var waitForZopim = setInterval(function () {
    if (window.$zopim === undefined || window.$zopim.livechat === undefined) {
        return;
    }
    $zopim(function() {
        $zopim.livechat.setName("{{\Auth::user()->name}}");
        $zopim.livechat.setEmail("{{\Auth::user()->email}}");
    });
    clearInterval(waitForZopim);
}, 100);

$zopim is not defined

2 Answers2