プラグインを使ってWordPressにWhatsAppボタンを追加する
WhatsAppチャットボタンは、訪問者が簡単に連絡を取り、質問できる便利なWordPressプラグインです。WordPressウェブサイトにWhatsAppボタンを統合すれば、特定のページや特定の訪問者グループに表示したり、起動トリガーを設定したり、ウェルカムメッセージを表示したり、アイコンを選択したりといった様々な機能を追加できます。 WhatsApp チャット機能を使用すると、いつでもどこでも接続を維持でき、質問に答えたり、フィードバックに返信したり、購入に関する疑問をサポートしたりできます。
この記事では、このプラグインを WordPress ウェブサイトに埋め込む方法に焦点を当てます。ウェブサイトにボタンを追加するには:
- エディターを使用して、最初の WhatsApp プラグインを作成します。
- WhatsApp チャットを保存し、ポップアップ ウィンドウからコードをコピーします。
- WordPress ウェブサイトの HTML エディターにコードを貼り付けます。
今すぐ WhatsApp チャット ボタンを作成しましょう!
WordPressにWhatsAppボタンを追加する方法
WordPressは、個人ページからeコマースサイトまで、誰でもあらゆる目的のウェブサイトを作成できる人気のプラットフォームです。WordPressウェブサイトにWhatsAppチャットボタンを追加したい場合は、Elfsightのプラグインをご利用ください。以下の動画では、WordPressウェブサイトのHTMLコードにWhatsAppチャットボタンを簡単に埋め込む方法を紹介しています。他のプラットフォームへの埋め込みに関する情報は、WhatsAppの詳細なガイドでもご覧いただけます。
それでは、WhatsAppチャットボタンプラグインをWordPressに追加します。まず、プラグインコードが必要です。手順は以下のとおりです。
- 「Apps Elfsight」でElfsightに登録またはログインします。
- 「アプリケーション」セクションで、WordPressウェブサイトに追加したいWhatsAppチャットボタンを選択します。
- ボタン名の横にある「サイトに追加」をクリックします。インストールコードを含むポップアップウィンドウが表示されます。
- インストールコードを左クリックしてコピーします。
これで完了です！WhatsAppボタンのインストールコードがコピーされました。これで、WordPressウェブサイトにプラグインを埋め込むことができます。以下の手順に従ってください。
- WordPress ウェブサイトの管理パネルにログインし、WhatsApp ボタンを挿入するページを開きます。
- 目的の位置にマウスを移動し、プラスアイコンをクリックします。
- フォーマットセクションで、「カスタム HTML」を見つけてクリックします。
- WhatsApp ボタンのインストールコードをフィールドに貼り付け、「更新」をクリックして変更を保存します。
フローティングまたは固定のWhatsAppボタンを埋め込んだ後、ウェブサイトのすべてのページに表示したい場合があります。これは、訪問者がいつでもアクセスできるようにしたい場合に便利です。使用しているWordPressテーマによって方法は異なります。3つの方法を見てみましょう。
テーマエディターを使用してWhatsAppチャットボタンを追加する
これは、WordPressウェブサイトにフローティングWhatsAppボタンを埋め込む最も一般的な方法です。
- WordPressにログインします。左側のメニューで「外観」を開き、「テーマエディター」をクリックします。
- 右側の列でfooter.phpファイルを選択し、
終了タグの前にコードを挿入します。「ファイルを更新」をクリックします。
完了です！これで、すべてのページにWhatsAppボタンが埋め込まれました。しかし、他にも方法があります。それらを見てみましょう。
ウィジェットを使用してWhatsAppチャットボタンを追加する
ウィジェットを使用してWhatsAppボタンを簡単に埋め込むこともできます。方法は次のとおりです。
- WordPressサイトのバックエンドにログインします。「外観」に移動し、「ウィジェット」を選択します。
- ウィジェットリストから「カスタムHTML」を見つけます。たとえば、ドロップダウンメニューから「フッター1」を選択し、「ウィジェットを追加」をクリックします。
- 「コンテンツ」フィールドにインストールコードを貼り付け、「保存」をクリックします。
WhatsAppボタンが正常に追加されました。次は3つ目の方法です。
「カスタマイズ」オプションを使用してWhatsAppチャットを埋め込む
カスタマイズオプションを使用してボタンを埋め込むには：
- WordPressサイトの管理画面にログインします。「外観」→「カスタマイザー」に移動します。
- メニューの「ウィジェット」をクリックします。
- 下部にある「ウィジェットを追加」をクリックし、「カスタムHTML」を選択します。
- インストールコードを貼り付けて「公開」をクリックします。
完了！ WhatsApp チャット ボタンがウェブサイトの個々のページまたはすべてのページに統合されました。
WordPress Gutenberg に WhatsApp チャット ボタンを追加する
このガイドでは、Gutenberg エディターに WhatsApp ボタンを追加する方法を説明します。
- Gutenberg エディターを開き、右上隅の [追加] をクリックします。
- 検索に「short」と入力し、[ショートコード] を選択します。
- ショートコード ブロックを右クリックし、[貼り付け] を選択します。
- 右上隅の [公開] をクリックし、もう一度確認します。
- [ページを表示] をクリックして、ボタンをライブで確認します。
完了です。 WhatsApp チャットが WordPress Gutenberg に統合されました。
Elementor 経由で WordPress に WhatsApp チャットボタンを追加する
多くの WordPress ユーザーは、デフォルトのエディターではなく、Elementor などのビジュアルエディターを使用して Web サイトにチャットボタンを埋め込むことを好みます。ここでは HTML コードは必要ありません。Elementor は標準の WordPress エディターの機能を拡張し、Web サイトのカスタマイズを容易にします。次のビデオでは、Elementor を使用して WordPress ウェブサイトにフローティングまたは固定の WhatsApp チャット ボタンを追加するために必要なすべての手順を確認できます。
- WordPress 管理領域で、目的のページを開きます。
- ページリストまたは WordPress ページエディターから「Elementor で編集」を選択します。
- HTML 要素をページ上の目的の位置にドラッグします。
- 左側のメニューの「HTML コード」フィールドにチャットボタンのインストールコードを貼り付けます。
- 「更新」をクリックして、Elementor と WordPress の両方で変更を保存します。
このガイドを使用すると、Elementor で構築された任意の WordPress ウェブサイトの HTML コードに WhatsApp チャットボタンを編集できます。他の CMS プラットフォームに WhatsApp リンクを埋め込む方法を知りたい場合は、ヘルプセンターをご覧ください。
WhatsApp チャット ボタン プラグインの機能
WordPress ウェブサイトへの WhatsApp プラグインの統合は驚くほど簡単であるだけでなく、その他にも多くの利点があります。以下に、登録後すぐにご利用いただけるプラグインの主な機能をご紹介します。
| メッセージ | – 世界で最も人気のあるメッセンジャーの1つをウェブサイトに統合 – 設定で電話番号を使って埋め込む |
| 配置 | – 3つの配置バリエーション：フローティングバブル、埋め込みバブル、埋め込みチャットウィンドウ – チャットを表示する対象者を選択 – どのページにもチャットボタンを表示 – チャットを開くトリガーを設定 |
| ユーザーインターフェース | – アイコンを選択してテキストを追加 – カスタムヘッダーをデザイン – ウェルカムメッセージとチャットスターターを入力テキスト – 通知を表示して注目を集める |
| スタイル | – 色をカスタマイズできる 4つの要素 – 大規模なアイコン ライブラリ |
WordPress の WhatsApp チャット ボタンの例
次に、フローティング チャット ボタンのデザイン オプションについて説明します。特に、Elfsight プラグインを選択した場合に重要です。これらの例は、個人のウェブサイトでも大規模なオンラインストアでも、WhatsApp Chat が提供する多くのカスタマイズ オプションのほんの一部です。
テンプレート 1: 一般的な WhatsApp ライブ チャット
ここでは、ユーザーが簡単にナビゲートできる、使い慣れたデザインの WhatsApp ボタンが表示されています。このチャット ボタンは、サイズに関するアドバイスや対象ユーザーとの一般的なやり取りなど、あらゆる種類のヘルプに使用できます。プラグインを埋め込む方法がわかったので、使い慣れた操作で簡単に設定できます。特別な技術スキルは必要ありません。
テンプレート2：WhatsAppカスタマーサポート
この場合、WhatsAppチャットはカスタマーサポート専用です。ボタンにはサポートエージェントのアイコンが表示され、ユーザー間の信頼関係が構築されます。チャットにウェルカムメッセージを表示することで、顧客ロイヤルティを向上させることができます。 WhatsApp を通じて顧客との連絡を維持したいすべての企業にとって理想的なソリューションです。
テンプレート 3: WhatsApp セールスチャット
このチャットウィンドウは見た目が大幅に変更されており、従来の WhatsApp のデザインとは異なりますが、機能は完全にそのままです。ここでは販売に重点を置いているため、このチャットボタンはオンラインショップや e コマースに特に適しています。プロフェッショナルなカスタマーサポートに最適なソリューションです。
テンプレート4：WhatsApp予約チャット
フローティングチャットボタンは、ホテルなどの予約オプションとしても使用できます。豊富なスタイルオプションにより、有名な予約システムのようなデザインも可能です。ユーザーはチャットウィンドウから直接連絡を取り、詳細をすばやく明確にすることができるため、連絡先を探す手間がかかりません。
WhatsApp がビジネスに最適な理由
WhatsApp を使用すると、ターゲット グループに迅速かつ簡単に連絡できます。これにより、応答率が向上し、顧客とのコミュニケーションが改善され、このチャネルをまだ使用していない競合他社に対する優位性を確保できます。
WhatsApp による注文処理の高速化
決定的な要因は顧客との連絡速度です。競合他社よりも迅速であれば、顧客はあなたを利用し続け、売上と利益が増加します。
WhatsApp は、管理者やオペレーターにメッセージを配信するための、高速でユーザーフレンドリーなシステムを提供します。これにより、問い合わせへの応答が高速化され、PC、タブレット、スマートフォンのいずれの場合でも、アクセス性が向上します。その他の実用的な機能には、中央電話番号、CRM 統合、オペレーターごとの統計、チャットボット、メッセージ テンプレート (ようこそ、リマインダー) などがあります。これらの機能をすべて設定することで、顧客との対話を大幅に最適化できます。
WhatsApp で機密性を維持
会社の従業員が自分の WhatsApp アカウントを使用して顧客と通信する場合、顧客の個人データが失われる可能性があります。これは企業の評判を落とし、顧客基盤を減少させます。解決策は企業アカウントを使用することです。これにより、すべての情報が企業内に留まります。従業員が退職した場合でも、個人データが悪用されたり、第三者に開示されたりすることはありません。
顧客に関する最新情報を常に把握できるため、顧客への好印象が生まれます。顧客を覚えてくれているように見えるからです。同時に、ユーザーは個々の従業員の番号ではなく、企業の電話番号を保存します。
WhatsAppで顧客基盤を維持する
ユーザーが、よく考えられたコミュニケーション構造を認識することが非常に重要です。ユーザーはあなたの配慮を感じ、継続的な改善を認識する必要があります。そのためには、新しいユーザーフレンドリーな機能が必要です。
WhatsApp では、通常のアカウント、ビジネス アカウント、そしてビジネス API へのアクセスが提供されており、これにより WhatsApp は Verbox などの他のアプリケーションやサービスと統合できます。
この統合により、アプリから直接コミュニケーションを整理できます。
- メッセージが目立つため、ユーザーは他のメッセージと区別できます。
- ビジネスに関する追加情報を表示したり、製品リストを表示したり、営業時間を指定したりできる特別なデザインが利用できます。
- 必要なファイルやドキュメントをすべて送信できます。
- プロモーションニュースレターを作成できます。
- CRM システムを使用できます。
- 他の有名ブランドと同等になります。
同時に、WhatsApp アカウントの作成と設定は非常に簡単であり、それを使用することで、ユーザーとの連絡を迅速化および合理化することで、会社の収益性に大きく貢献することを知っておく必要があります。
まとめ
WhatsAppはビジネスに多くの素晴らしい機会をもたらします。必要なのは、それらを正しく使う方法を知ることだけです。ElfsightのWhatsAppチャットプラグインなどのサードパーティソリューションを自由に活用すれば、ターゲットオーディエンスとのつながりを確実に築くことができます。WordPressウェブサイトにWhatsAppボタンを追加する方法について、ご理解いただけたかと思います。
