title: $zopim is not defined
body: <p>Reading <a href="https://api.zopim.com/files/meshim/widget/controllers/LiveChatAPI-js.html" rel="noreferrer">the documentation</a> of Zopim (a.k.a Zendesk Chat):</p>
  
  <blockquote>
    <p>API calls must be inserted after the Live Chat Script and wrapped within $zopim(function() { ...  })</p>
  </blockquote>
  
  <p>So I have a the Zopim script in <code>head</code> part of HTML:</p>
  
  <pre><code>&lt;script&gt;/*&lt;![CDATA[*/window.zEmbed||function(e,t){ ... }("https://...);
  /*]]&gt;*/&lt;/script&gt;
  </code></pre>
  
  <p>Then I added this at the end of HTML document:</p>
  
  <pre><code>$zopim(function() {
    $zopim.livechat.setName('Logged in name');
    $zopim.livechat.setEmail('user@somewhere.com');
  });
  </code></pre>
  
  <p>And console says:</p>
  
  <blockquote>
    <p>$zopim is not defined</p>
  </blockquote>
  
  <p>I think I have followed <a href="https://api.zopim.com/files/meshim/widget/controllers/LiveChatAPI-js.html" rel="noreferrer">the instructions</a> correctly. What did I miss? </p>