ページの比較

...

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

...

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

...

Aura panel

summary

WhatYa管理画面のカスタムCSSをご利用のお客様

params

JTdCJTIyYm9keSUyMiUzQSU3QiUyMnRleHQlMjIlM0ElN0IlMjJmb250U2l6ZSUyMiUzQTE0JTJDJTIyY29sb3IlMjIlM0ElMjIlMjMxNzJiNGQlMjIlMkMlMjJmb250V2VpZ2h0JTIyJTNBJTIybm9ybWFsJTIyJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCU3RCUyQyUyMmhlYWRlciUyMiUzQSU3QiUyMmljb24lMjIlM0ElN0IlMjJuYW1lJTIyJTNBJTIyZmFFeGNsYW1hdGlvbkNpcmNsZSUyMiUyQyUyMmNvbG9yJTIyJTNBJTIyJTIzRkZDMDIxJTIyJTJDJTIyc2l6ZSUyMiUzQTI2JTdEJTdEJTJDJTIyaGVhZGxpbmUlMjIlM0ElN0IlMjJ0ZXh0JTIyJTNBJTdCJTIydGV4dCUyMiUzQSUyMldoYXRZYSVFNyVBRSVBMSVFNyU5MCU4NiVFNyU5NCVCQiVFOSU5RCVBMiVFMyU4MSVBRSVFMyU4MiVBQiVFMyU4MiVCOSVFMyU4MiVCRiVFMyU4MyVBMENTUyVFMyU4MiU5MiVFMyU4MSU5NCVFNSU4OCVBOSVFNyU5NCVBOCVFMyU4MSVBRSVFMyU4MSU4QSVFNSVBRSVBMiVFNiVBNyU5OCUyMiUyQyUyMmNvbG9yJTIyJTNBJTIyJTIzMmQyZDJkJTIyJTJDJTIyZm9udFNpemUlMjIlM0ExOCUyQyUyMmZvbnRXZWlnaHQlMjIlM0ElMjJib2xkJTIyJTJDJTIydGV4dEFsaWduJTIyJTNBJTIybGVmdCUyMiU3RCU3RCUyQyUyMmJhc2UlMjIlM0ElN0IlMjJiYWNrZ3JvdW5kQ29sb3IlMjIlM0ElN0IlMjJjb2xvciUyMiUzQSUyMiUyM2ZmZmZmZiUyMiU3RCUyQyUyMmJvcmRlciUyMiUzQSU3QiUyMmNvbG9yJTIyJTNBJTIyJTIzRkZDMDIxJTIyJTJDJTIyd2lkdGglMjIlM0ExMCUyQyUyMnRvcCUyMiUzQWZhbHNlJTJDJTIycmlnaHQlMjIlM0FmYWxzZSUyQyUyMmJvdHRvbSUyMiUzQWZhbHNlJTJDJTIybGVmdCUyMiUzQXRydWUlMkMlMjJzdHlsZSUyMiUzQSUyMnNvbGlkJTIyJTdEJTJDJTIyYm9yZGVyUmFkaXVzJTIyJTNBJTdCJTIycmFkaXVzJTIyJTNBNCU3RCUyQyUyMmJveFNoYWRvdyUyMiUzQSU3QiUyMnNoYWRvd3MlMjIlM0ElNUIlN0IlMjJjb2xvciUyMiUzQSUyMnJnYmEoMCUyQyUyMDAlMkMlMjAwJTJDJTIwMC4wOCklMjIlMkMlMjJ4JTIyJTNBMCUyQyUyMnklMjIlM0ExJTJDJTIyYmx1ciUyMiUzQTElMkMlMjJzcHJlYWQlMjIlM0EwJTdEJTJDJTdCJTIyY29sb3IlMjIlM0ElMjJyZ2JhKDAlMkMlMjAwJTJDJTIwMCUyQyUyMDAuMTYpJTIyJTJDJTIyeCUyMiUzQTAlMkMlMjJ5JTIyJTNBMSUyQyUyMmJsdXIlMjIlM0EzJTJDJTIyc3ByZWFkJTIyJTNBMSU3RCU1RCU3RCU3RCU3RA==

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

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

▼サンプルタグ
※JavaScriptタグ

コードブロック

language	js

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

※リンク側のaタグ

コードブロック

language	html

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

サンプルサイト

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

比較バージョン

古いバージョン 12

新しいバージョン 13

キー

サンプルサイト