サイトに置く WhatsApp ボタン

すべてのページで、</body> の直前にコードを貼り付けます。共通のフッターを使っている場合は、そこに 1 回貼るだけで済みます。

無料プラグインの WPCode を使うのが簡単です。プラグイン > プラグインを追加 からインストールし、コードスニペット > ヘッダーとフッター を開いて、フッター 欄にコードを貼り付け、変更を保存 をクリックします。Elementor Pro なら、Elementor > カスタムコード で <body> の末尾を選び、条件を サイト全体 にします。WordPress.com でコードを追加するには有料プランが必要です。

設定 > 開発・統合設定 > カスタムコード で ＋カスタムコードを追加 をクリックし、コードを貼り付けて、すべてのページに読み込み、追加する箇所に ボディ - 最後 を選んで 適用 をクリックします。Wix のカスタムコードは、公開済みで独自ドメインを接続したサイト（プレミアムプランが必要）でのみ動作します。

オンラインストア > テーマ で、テーマの … メニューから コードを編集 を選びます。layout/theme.liquid を開き、</body> の直前にコードを貼り付けて 保存 をクリックします。有料テーマは購入後にのみ編集でき、テーマを更新すると変更は消えます。

コード挿入 パネルを開き、フッター にコードを貼り付けて 保存 をクリックします。コア、プラス、アドバンスの各プランで使え、決済ページには適用されません。

有料プランで使えます。デザインエディタで画面外のグレーの部分をクリックし、設定パネルの サイト タブにある <body> 内の末尾 にコードを貼り付けて公開します。コードはエディタやライブプレビューでは動きません。

ページごとの設定です。ページ編集 > ページ情報編集 > タグ埋め込み で、ボタンを置きたいページにコードを貼り付けます。レギュラー、ビジネス、プロフェッショナルの各プランで使えます。

フローティングボタンは置けません。サイト全体に入れられるコードはヘッダー（<head>）用で、このボタンのコードには向きません。下の「リンクをコピー」でリンクをコピーし、ページのボタンやテキストに設定してください。リンクに入るのは番号とメッセージで、訪問者が見ているページを追加できるのはサイト用のコードだけです。

リンクをコピーWhatsApp リンク作成ツール →

フローティングボタンは置けません。Google サイトには全ページにコードを入れる場所がなく、埋め込んだコードは置いたブロックの中にとどまります。下の「リンクをコピー」でリンクをコピーし、ページのボタンやテキストに設定してください。リンクに入るのは番号とメッセージで、訪問者が見ているページを追加できるのはサイト用のコードだけです。

リンクをコピーWhatsApp リンク作成ツール →

エディタではなく公開後のページを、スマートフォンとパソコンで開きます。ボタンをクリックして番号とメッセージを確認し、Cookie の通知やほかのボタンと重なっていないか確かめてください。

無料・登録不要で、透かしも入りません。番号とメッセージはブラウザの中だけで扱われ、WAWin に送られることはありません。

しません。Cookie を使わず、訪問者のデータをどこにも送りません。外部のファイルも、チャットウィンドウに設定したロゴ画像以外は読み込みません。吹き出しを選ぶと、短いスクリプトが 3 秒後に吹き出しを表示します。訪問者が閉じた場合は、タブを閉じるまで再表示しません。

吹き出しはボタンの横に 3 秒後に表示される一言で、クリックすると WhatsApp が開きます。チャットウィンドウはチャットウィジェットのように、ボタンをクリックすると開き、名前・ロゴ・あいさつ文と、チャットを始めるボタンを表示します。どちらの場合も、やり取りは WhatsApp で行います。

スマートフォンでは、メッセージが入力済みの状態で WhatsApp が開き、訪問者は送信をタップするだけです。パソコンでは WhatsApp のページが開き、WhatsApp Web またはデスクトップアプリで続けられます。

ここでボタンを作り直し、古いコードを新しいコードに置き換えてください。コードは WAWin に依存しないので、このページがなくなってもボタンは動き続けます。

サイトで Google アナリティクス 4 を使い、拡張計測機能がオンになっていれば、ボタンのクリックは wa.me への離脱クリックとしてすでに記録されます。コードを変える必要はありません。なお、クリックは WhatsApp を開こうとした操作の記録で、チャットが開いたことやメッセージが送信されたことまでは確認できません。

下からの距離を大きくしてボタンを上げるか、反対側に移してください。