【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で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>

サンプルサイト

https://ser-solairo.sakura.ne.jp/ec-solairo/products/detail/1
※お気に入りボタン下の「チャットでのお問い合わせはこちら」をクリックしてください。