【WhatYa】チャットウィンドウをリンクをクリックして起動できるようにするには？

WHATYAV2

チャットウィンドウを「リンクから起動」するにはどうしたらいいですか？

チャットウィンドウをリンクから起動させる方法をご紹介いたします。
こちらの方法はWhatYaのタグを埋め込んでいただいるページで利用が可能です。

<a href="javascript:void(0);" onclick="document.querySelector('div#_ChatButton > button').click();return false;">リンクのテキスト</a>

※上記サンプル内の#_ChatButtonはデフォルトボタンのidです。
御社側でボタン要素IDを設定している場合は、適宜設定しているIDにご変更ください。

WhatYa管理画面のカスタムCSSでWhatYaのCSSを設定している場合、
JavaScript から WhatYaのボタンを操作することができなくなるため、上記のJavaScriptが動作しない可能性があります。

WhatYa管理画面のカスタムCSSでWhatYaのCSSを設定しているお客さまは、以下サンプルを参考に設定ください。

▼サンプルタグ
※JavaScriptタグ

<script type='text/javascript'>
window.onWhatYaReady = (whatya) => {
  window.whatya = whatya;
}
</script>

※リンク側のaタグ

<a href="javascript:void(0);" onclick="window.whatya.openChatWindow();return false;">リンクのテキスト</a>