【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
※お気に入りボタン下の「チャットでのお問い合わせはこちら」をクリックしてください。