WordPress に WhatsApp ボタンを追加する方法: 詳細チュートリアル

畫像[1] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応

WhatsAppボタンを追加する前に、まずこのボタンの機能をWhatsAppコンタクトを表示を提供するために使われるのか?ライブチャットサービス。この區(qū)別は、サイトのパフォーマンスとユーザー?エクスペリエンスに直接影響するため、重要です。

ライブチャット vs. WhatsAppのみ

ライブチャット機能は、サイトのパフォーマンスに影響を與えないように、VPS のような専用サーバーを持っているサイトに適しています。共有ホスティングを使用している場合ケアライブチャット機能がウェブサイトの速度を低下させる可能性があるため、選択してください。ニーズが確定したら、WhatsApp ボタンの追加を開始します。

Joinchatプラグインを使ってWhatsAppボタンを追加する

Joinchatは人気がある。 WordPressプラグインWhatsAppボタンをページに追加するプラグインです。次にプラグインの使用方法を詳しく説明します:

ステップ1: Joinchatプラグインをインストールする

  1. WordPressのダッシュボードで、プラグイン > 新しいプラグインのインストールに移動します。
  2. 検索ボックスに「Joinchat」と入力し、「今すぐインストール」をクリックします。
畫像 [2] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|専門的なWordPress修理サービス、グローバルリーチ、迅速な対応
  1. インストール後、"Enable "ボタンをクリックしてプラグインを有効にしてください。

ステップ 2: Joinchatの設定

プラグインを有効にすると、ダッシュボードの左側にJoinchatメニューが表示されます。このメニューをクリックすると設定ページに移動します。以下は完了する必要のある重要な設定項目です:

畫像 [3] - WordPressにWhatsAppボタンを追加する方法: 詳細チュートリアル - photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応
2.1 電話番號の追加

この設定はWhatsAppボタンがリンクする番號の設定に使用します。設定手順は以下の通り:

  1. 電話番號」フィールドに電話番號を入力してください(インドネシアの場合は+62など、國番號も含めてください)。
  2. クリック "テスト番號「ボタンをクリックして、リンクが正しく機能していることを確認してください。
畫像[4] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|専門的なWordPress修理サービス、グローバルリーチ、迅速な対応
2.2 自動メッセージの設定

ユーザーがボタンをクリックした後、このメッセージが直接送信されるように、初期メッセージをプリセットすることができます。メッセージを入力するには {サイト}そして{タイトル} 歌で応える {HREF} など、これらの変數(shù)をサイト名、ページタイトル、リンクに置き換える。

メッセージの例

こんにちは{SITE}、製品"{TITLE}"が必要なのですが???。
2.3 ツールチップと場所の設定

ツールチップは、ボタンにカーソルを合わせたときにカスタムテキストが表示されるようにカスタマイズできます。また、ボタンの表示位置も調整できます。デフォルトでは右下隅に表示されますが、あなたのサイトに「トップに戻る」ボタンがある場合は、左下隅に表示することもできます。

畫像 [5] - WordPressにWhatsAppボタンを追加する方法: 詳細チュートリアル - photonwave.com|プロフェッショナルなWordPress修理サービス、グローバルリーチ、迅速な対応
2.4 論理構成

ここでは、モバイル?ユーザーにクリーンな體験を提供するために、モバイル?デバイスにのみボタンを表示するかどうかを選択することができる。

2.5 視認性の設定

最後に、ボタンを表示するページを選択できます。例えば、トップページのみとか、全ページとか。

畫像 [6] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|専門的なWordPress修理サービス、グローバルリーチ、高速レスポンス

ステップ3:設定の確認

設定が完了したら変更を保存し、ウェブサイトを開いてボタンが機能すること、ユーザーがクリックするとスムーズに WhatsApp にリダイレクトされることを確認して下さい。

畫像[7] - WordPressにWhatsAppボタンを追加する方法:詳細チュートリアル - photonwave.com|プロのWordPress修理サービス、グローバルリーチ、高速レスポンス

概要

WordPressにWhatsAppボタンを追加するのはJoinchatプラグインを使えば簡単です。本記事がWhatsAppボタンをスムーズにウェブサイトに追加し、ユーザーエクスペリエンスを向上させる一助となれば幸いです。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし