WhatsAppリンク、QRコード、Webサイト用ボタンの作成方法
WhatsAppリンクは、ワンタップでビジネスとのチャットを開きます。メッセージ入力済みのリンクの作り方、QRコードへの変換、Webサイトへのボタン追加方法を解説します。
MonoChatチーム 更新日: 1 分で読めます
目次
WhatsAppリンクとは、タップするとビジネス用の番号とのチャットが開くURLです。形式は https://wa.me/ の後ろに、プラス記号、スペース、ハイフンを除いた国際形式の電話番号全体を続けたもので、たとえば https://wa.me/15551234567 となります。?text= とメッセージを追加すると、テキストが入力済みの状態でチャットが開きます。さらに、同じリンクをQRコードやWebサイトのボタンにすることもできます。
このガイドでは、リンク、QRコード、Webサイト用ボタンの3つをすべて取り上げます。また、番号をWhatsApp Business APIで運用している場合に何が変わるか、そして各会話がどのリンクやコードから来たかを把握する方法も解説します。
WhatsAppリンク(wa.me)の作成方法
WhatsAppのクリックトゥチャット機能を使うと、誰でも番号を保存することなく、ビジネスとのチャットを始められます。リンクは3つのステップで作成できます。
- ベースURLから始める:
https://wa.me/ - 国際形式で番号を追加する。 国番号と番号全体を使い、
+、スペース、括弧、ハイフン、先頭のゼロを取り除きます。 - 共有する前にテストする。 スマートフォンとパソコンの両方で確認します。
一般的な国内表記の変換例は次のとおりです。
| 番号の表記 | 国 | wa.meリンク |
|---|---|---|
| +1 (555) 123-4567 | 米国 | https://wa.me/15551234567 |
| +44 07700 900123 | 英国 | https://wa.me/447700900123 |
| +90 (532) 123 45 67 | トルコ | https://wa.me/905321234567 |
| +971 050 123 4567 | アラブ首長国連邦 | https://wa.me/971501234567 |
よくある間違いは、国番号の後ろに国内用の先頭のゼロを残してしまうこと(4407700...)です。この場合、WhatsAppに存在しない番号へのリンクになってしまいます。
WhatsAppリンクにメッセージを入力済みにする方法
メッセージを入力済みにしておくと、お客様の入力の手間が省け、ご用件もわかります。?text= とメッセージを追加し、スペースは %20 と書きます。
https://wa.me/15551234567?text=Hi%2C%20I%27d%20like%20to%20book%20a%20table%20for%20Friday
タップすると、メッセージ欄に次のテキストが入力された状態でチャットが開きます。
Hi, I’d like to book a table for Friday
テキストの変換には、任意のURLエンコーダーが使えます。メッセージは短く、お客様の立場の言葉で、リンクを置く場所に合った具体的な内容にします。例をいくつかご紹介します。
- 商品ページ:「こんにちは、オーク材のダイニングテーブルは在庫がありますか?」
- メールの署名:「こんにちは、ご注文について質問があります。」
- メニュー:「こんにちは、テイクアウトで注文したいです。」
- Instagramのプロフィール:「こんにちは、プロフィールを拝見しました。詳しく知りたいです。」
お客様は送信前にテキストを編集または削除できます。そのため、入力フォームではなく、会話を始めるきっかけとして考えてください。
ビジネス用WhatsApp QRコードの作成方法
QRコードは、リンクのオフライン版です。お客様がスマートフォンのカメラでスキャンすると、チャットが開きます。作成方法は3つあります。
方法1:WhatsApp Businessアプリ
WhatsApp Businessアプリでは、アプリ内からビジネス用のQRコードを共有、印刷、リセットできます。このコードは、ご自身の番号とのチャットを開きます。コードをリセットすると古いコードは使えなくなるため、コードが悪用された場合に便利です。ただし、すでに印刷したものは差し替えてください。
方法2:WhatsApp Business APIのQRコード
番号をWhatsApp Business APIで運用している場合、MetaのビジネスツールまたはAPIで管理できるQRコードと短縮リンクが提供されています。Metaの開発者向けドキュメントによると、次のとおりです。
- 各コードに、最大140文字のメッセージを入力済みにできます。
- 1つの電話番号につき、QRコードと短縮リンクを合わせて最大2,000個まで作成できます。
- 画像はSVGまたはPNGで提供されます。SVGは拡大縮小してもきれいなため、Metaは看板やパッケージなどの印刷用にSVGを推奨しています。
- 各コードには、
https://wa.me/message/の後ろにランダムなコードが付いた形式の短縮リンクも発行されるため、URLに番号やメッセージは表示されません。 - コードを再印刷することなく、入力済みメッセージを後から編集できます。
- コードに有効期限はありません。削除すると、スキャンした方には期限切れのエラーが表示されます。
- Metaは、ユーザーのプライバシー保護のため、これらのコードのスキャン分析を提供していません。
また、Metaは、色や効果でコードの見た目を加工しないよう勧めています。スキャンしにくくなる可能性があるためです。
方法3:wa.meリンクを使った任意のQRジェネレーター
メッセージ入力済みのものを含む任意の wa.me リンクを、QRコードジェネレーターに貼り付けられます。この方法は、どの種類のWhatsAppアカウントでも使えます。静的なコードを生成するジェネレーターを選んでください。無料ツールの中には、自社サーバー経由でリダイレクトする「動的」コードを作成し、試用期間が終わると使えなくなるものがあります。
WhatsApp QRコードの設置場所
- 棚や商品タグ:サイズや在庫についてお客様が質問できます
- レシートや梱包:注文に関する質問や再注文に使えます
- メニューやテーブルカード:レストランやカフェで使えます
- 受付や待合室:予約やチェックインに使えます
- イベントのバッジやパンフレット:その後のご質問を受け付けられます
コードの横には、スキャンすると何が起こるかを説明する短い一文を添えてください。「スキャンして、この商品についてWhatsAppで質問できます。」QRコードだけの場合より、理由を添えたほうがスキャンされやすくなります。
Webサイトにボタンを追加する方法
Webサイト用ボタンは、リンクをクリックできる要素で囲んだものです。最もシンプルなのは、通常のHTMLリンクです。
<a href="https://wa.me/15551234567?text=Hi%2C%20I%20have%20a%20question"
target="_blank" rel="noopener">
WhatsAppでチャットする
</a>
すべてのページの隅に表示する固定ボタンにするには、閉じ</body>タグの前に次のコードを追加し、サイトに合わせてスタイルを調整します。
<a href="https://wa.me/15551234567?text=Hi%2C%20I%20have%20a%20question"
target="_blank" rel="noopener" aria-label="WhatsAppでチャットする"
style="position:fixed;bottom:20px;right:20px;z-index:999;
padding:12px 18px;border-radius:40px;background:#25D366;
color:#fff;font-weight:600;text-decoration:none;">
WhatsAppで問い合わせる
</a>
Webサイト用ボタンについて、いくつかのルールがあります。
- ページごとに入力済みテキストを変える。 料金ページのリンクとサポートページのリンクでは、内容を変えます。
- 返信できる時間を伝える。 「営業時間内に返信いたします」と書くと、期待値を合わせられます。
- モバイルでのレイアウトを確認する。 固定ボタンが、カートやCookieバナーに重ならないようにします。
- パソコンからの訪問者を考慮する。 Metaによると、パソコンではWhatsAppデスクトップアプリがインストールされていればリンクでアプリが開き、そうでなければインストールを促されます。
WhatsAppボタンとライブチャットウィジェットの違い
| WhatsAppリンクまたはボタン | Webサイトのチャットウィジェット | |
|---|---|---|
| チャットが行われる場所 | 訪問者のWhatsApp | 御社のWebサイト |
| 訪問者にWhatsAppが必要か | 必要 | 不要 |
| 離脱後も会話が続くか | 続く(訪問者のWhatsAppチャットで) | セッションが保持されている間のみ |
| 最適な用途 | モバイルの訪問者、リピーター | パソコンの訪問者、簡単な質問 |
多くのビジネスが両方を用意しています。Webチャットウィジェットは、ページを離れたくない訪問者に対応し、WhatsAppボタンは、スマートフォンで続けたい方に対応します。
WhatsAppリンクがタップされるとどうなるか
お客様の最初のメッセージによって、24時間のカスタマーサービスウィンドウが開きます。このウィンドウ内であれば、通常のメッセージで返信できます。2026年10月1日以降、Metaはこれらのサービスメッセージに、各ビジネス用電話番号につき毎月最初の1,000件の無料サービスメッセージを超えた分について、市場ごとのユーティリティ料金を適用します。お客様からの返信がないまま24時間が経過すると、送信できるのは承認済みのテンプレートメッセージのみです。
間違えやすい点が2つあります。
- チャットはマーケティングへの同意ではありません。 営業時間を尋ねた方が、プロモーションの受信に同意したわけではありません。許可を取り、記録してください。依頼文の書き方は、WhatsAppオプトインのガイドで紹介しています。
- リンクは広告ではありません。 Metaの無料エントリーポイントウィンドウ(最大7日間)は、Click-to-WhatsApp広告から始まった会話に適用されるもので、wa.meリンクやQRコードには適用されません。仕組みはClick-to-WhatsApp広告をご覧ください。
チャットがどのリンクやQRコードから来たかを追跡する方法
QRコードにはスキャン分析がないため、最初のメッセージで流入元を識別します。設置場所ごとに専用の入力済みテキストを用意し、短くて読みやすいタグを付けます。
店舗の窓: こんにちは、今週のキャンペーンに興味があります (W1)
レシート: こんにちは、注文について質問があります (R1)
Instagramの
プロフィール: こんにちは、Instagramで見つけました (IG)
お客様には自然な一文として見え、チームや自動化にはコードが見えます。コードごとの会話数を毎月集計すれば、スキャン数だけでなく、実際の会話につながった設置場所がわかります。
MonoChatでWhatsAppリンクとQRコードからのチャットを管理する方法
リンクやコードは入口にすぎません。大切なのは、チャットが届いたあとの対応です。MonoChatでは、公式のWhatsApp Business APIを通じて番号を接続し、リンク、QRコード、ボタンからのチャットはすべて、他のチャネルとともに1つの共有受信トレイに届きます。
流入元ごとに適切な返信へ振り分ける
ワークフロー自動化では、受信メッセージからワークフローが始まります。最初のメッセージ文を読み取る条件を追加し、次のように対応します。
- 会話にタグを付ける。 流入元(店舗の窓、レシート、Instagram)を記録します。
- ふさわしい最初の返信を送る。 「在庫のあるサイズ」「配送にかかる日数」「担当者に相談」などのクイックリプライボタンを付けます。
- 適切なチームに引き継ぐ。 商品の質問は営業、注文の質問はサポートに引き継ぎます。
実店舗向けには、店舗内QRアシスタントで、棚のQRコードから始まったチャットが商品の質問に答え、スタッフに引き継ぐ流れをご紹介しています。Webサイト向けには、クリックトゥチャットでのリード獲得で、会話の中でリードの情報を集め、営業チームに振り分ける方法をご紹介しています。また、WhatsAppボタンの隣にMonoChatのWebチャットウィジェットを追加すれば、どちらの訪問者も同じ受信トレイに集約されます。
24時間対応する
AI アシスタントは、いつでもナレッジベースをもとに最初のメッセージに回答し、会話履歴をすべて添えて担当者に引き継ぎます。夜10時に店舗の窓からスキャンされた場合も、役立つ回答を返せます。チャットを売上につなげる準備ができたら、WhatsAppでのリード獲得のガイドで次のステップをご確認ください。
無料のBasicプラン(担当者1名、チャネル1つ)で、app.monochat.aiからお試しいただけます。担当者やチャネルがより多いプランについては、料金ページをご覧ください。
参考資料
MonoChatで実践する