![画像[1] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024100706003412.png)
WhatsAppボタンを追加する前に、まずこのボタンの機能をWhatsAppコンタクトを表示を提供するために使われるのか?ライブチャットサービス。この区別は、サイトのパフォーマンスとユーザー・エクスペリエンスに直接影響するため、重要です。
ライブチャット vs. WhatsAppのみ
ライブチャット機能は、サイトのパフォーマンスに影響を与えないように、VPS のような専用サーバーを持っているサイトに適しています。共有ホスティングを使用している場合ケアライブチャット機能がウェブサイトの速度を低下させる可能性があるため、選択してください。ニーズが確定したら、WhatsApp ボタンの追加を開始します。
Joinchatプラグインを使ってWhatsAppボタンを追加する
Joinchatは人気がある。 WordPressプラグインWhatsAppボタンをページに追加するプラグインです。次にプラグインの使用方法を詳しく説明します:
ステップ1: Joinchatプラグインをインストールする
- WordPressのダッシュボードで、プラグイン > 新しいプラグインのインストールに移動します。
- 検索ボックスに「Joinchat」と入力し、「今すぐインストール」をクリックします。
![画像 [2] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|専門的なWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024100705485789.png)
- インストール後、"Enable "ボタンをクリックしてプラグインを有効にしてください。
ステップ 2: Joinchatの設定
プラグインを有効にすると、ダッシュボードの左側にJoinchatメニューが表示されます。このメニューをクリックすると設定ページに移動します。以下は完了する必要のある重要な設定項目です:
![画像 [3] - WordPressにWhatsAppボタンを追加する方法: 詳細チュートリアル - photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024100705495365.png)
2.1 電話番号の追加
この設定はWhatsAppボタンがリンクする番号の設定に使用します。設定手順は以下の通り:
- 電話番号」フィールドに電話番号を入力してください(インドネシアの場合は+62など、国番号も含めてください)。
- クリック "テスト番号「ボタンをクリックして、リンクが正しく機能していることを確認してください。
![画像[4] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|専門的なWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024100705511616.png)
2.2 自動メッセージの設定
ユーザーがボタンをクリックした後、このメッセージが直接送信されるように、初期メッセージをプリセットすることができます。メッセージを入力するには {サイト}そして{タイトル} 歌で応える {HREF} など、これらの変数をサイト名、ページタイトル、リンクに置き換える。
メッセージの例
こんにちは{SITE}、製品"{TITLE}"が必要なのですが・・・。
2.3 ツールチップと場所の設定
ツールチップは、ボタンにカーソルを合わせたときにカスタムテキストが表示されるようにカスタマイズできます。また、ボタンの表示位置も調整できます。デフォルトでは右下隅に表示されますが、あなたのサイトに「トップに戻る」ボタンがある場合は、左下隅に表示することもできます。
![画像 [5] - WordPressにWhatsAppボタンを追加する方法: 詳細チュートリアル - photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応](https://www.361sale.com/wp-content/uploads/2024/10/2024100705533570.png)
2.4 論理構成
ここでは、モバイル・ユーザーにクリーンな体験を提供するために、モバイル・デバイスにのみボタンを表示するかどうかを選択することができる。
2.5 視認性の設定
最後に、ボタンを表示するページを選択できます。例えば、トップページのみとか、全ページとか。
![画像 [6] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|専門的なWordPress修理サービス、グローバルリーチ、高速レスポンス](https://www.361sale.com/wp-content/uploads/2024/10/2024100705544111.png)
ステップ3:設定の確認
設定が完了したら変更を保存し、ウェブサイトを開いてボタンが機能すること、ユーザーがクリックするとスムーズに WhatsApp にリダイレクトされることを確認して下さい。
![画像[7] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス](https://www.361sale.com/wp-content/uploads/2024/10/2024100705555166.png)
概要
WordPressにWhatsAppボタンを追加するのはJoinchatプラグインを使えば簡単です。本記事がWhatsAppボタンをスムーズにウェブサイトに追加し、ユーザーエクスペリエンスを向上させる一助となれば幸いです。
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/21079この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。






















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし