Shopify如何在页面上添加一个链接调用shopify inbox

我们有时候在联系我们或者blog页面，需要添加一个链接，点击后启用shopify inbox聊天窗口，那么我们如何实现这个小功能呢。方法如下。

方法1 推荐

<a href="#!" id="custom-live-chat">Live chat with us</a>

<script>
  document.getElementById('custom-live-chat').onclick = function(e) {
    e.preventDefault(); 
    if(document.getElementById("dummy-chat-button-iframe")){ 
      document.getElementById("dummy-chat-button-iframe").contentWindow.document.getElementById("dummy-chat-button").addEventListener("click", dummyChatButtonIframe(), true);
    }else{
      document.getElementById("ShopifyChat").contentWindow.document.getElementsByClassName("chat-toggle")[0].addEventListener("click", ShopifyChat(), true);
    }
  }

  function dummyChatButtonIframe() {
       var iframe = document.getElementById("dummy-chat-button-iframe");
       var elmnt  = iframe.contentWindow.document.getElementById("dummy-chat-button");
       elmnt.click(); 
  }

  function ShopifyChat() { 
    var iframe = document.getElementById("ShopifyChat");
    var elmnt = iframe.contentWindow.document.getElementsByClassName("chat-toggle")[0];
    elmnt.click();
}
</script>

方法2

<a href="#!" onclick="document.getElementById('dummy-chat-button-iframe').contentDocument.querySelector('.chat-toggle').click()">Live Char</a>
<script type="text/javascript">
     const needhelp = document.getElementById('needhelp-button');
     needhelp.addEventListener('click', () => {
     document.getElementById('ShopifyChat').contentDocument.querySelector('.chat-toggle').click()       
    });
</script>

方法3（此效果不好，会刷新整个页面）

使用超链接：
https://<Your website>/?show_chat