WhatsAppをWordPressWebサイトに統合する方法

公開: 2017-11-06

2017年7月、WhatsAppは、毎日10億人以上がWhatsAppを使用していることを公式に発表しました。はい、それはBで10億です。これらのユーザーは、550億を超えるメッセージを毎日送信しています…。 WhatsApp WordPressの統合により、Webサイトをこれらの数十億のメッセージの一部にすることができます。

さらに、WhatsAppはもはや電話だけのものではありません。現在、WhatsAppを公式にマルチプラットフォームにしたMacアプリとWindowsアプリの両方があります。

この投稿では、WhatsAppをWordPressに統合するためのいくつかの異なる方法を紹介します。多種多様なオプションはありませんが、ソーシャル共有だけでなく、WhatsAppを統合する方法がいくつかあります。

何よりも、私が概説するすべてのプラグインまたはソリューションは100％無料です！飛び込みましょう…

WhatsAppをWordPressに統合する方法は何ですか？

WhatsAppWordPress統合を設定する方法はいくつかあります。

まず、ユーザーがWhatsAppを介して投稿を共有できるようにする基本的なボタンを実装できます。これを実装する2つの方法を以下に示します。

フローティングシェアバー
専用のWhatsAppボタン

これらの2つの方法に加えて、多くのフルサービスのソーシャル共有プラグインもWhatsAppをサポートしています。ソーシャル共有プラグインについてはすでに説明しましたが、そのようなプラグインはWhatsAppに固有のものではないため、この方法については説明しません。

ただし、ソーシャル共有だけでなく、WhatsAppを使用して、訪問者がWhatsAppを介して簡単に会話を開始できるようにすることで、訪問者にサポートを提供することもできます。

もちろん、これはすべてのWebサイトに当てはまるわけではありませんが、誰かがサイトを離れた後でも会話を続けることができるため、ビジネス指向のWebサイトにとっては優れたソリューションです。

訪問者がWhatsAppメッセージを次の方法で送信できるようにする方法を説明します。

無料のプラグイン
実際のWhatsAppAPI

フローティングWhatsApp共有ボタンをモバイルサイトに追加する方法

この最初のオプションでは、モバイルバージョンのサイトにフローティングWhatsApp共有バーを追加する方法を学習します。

私はいくつかの異なるプラグインを探し回って、無料のKN MobileShareBarプラグインに出くわしました。 WhatsAppに加えて、FacebookとTwitterのボタンも追加されます。残念ながら、プラグインのコードを掘り下げずにそれを無効にする方法はないようです。

プラグインをインストールしてアクティブ化すると、ボタンは自動的に有効になります。

インストールしてアクティブ化する

訪問者がWhatsAppボタンをタップすると、WhatsApp APIを介して投稿が直接共有され、事前に入力されたメッセージが表示されます。

WhatsApp API

プラグインの設定を使用して、事前に入力されたメッセージをカスタマイズできます。これを行うには、 [設定]→[KNモバイル共有バー]に移動し、 [ Whatsappテキスト]ボックスを編集します。

ショートコードを使用して、投稿のタイトルとURLの動的な情報を挿入できることに注意してください。

そして、それがすべてです！これらの共有ボタンはモバイルユーザーにのみ表示されることに注意してください。さらに、すでにソーシャル共有プラグインを使用している場合は、サイトのモバイルバージョンで潜在的な互換性の問題がないか必ずテストする必要があります。

専用のWhatsAppボタンをモバイルに追加する方法

完全にWhatsApp専用のソリューションが必要な場合は、無料のShare Post OnWhatsAppプラグインを使用できます。以前のプラグインからそのきちんとしたフローティングバー機能が失われることに注意してください。

プラグインは非常にシンプルです。インストールしてアクティブ化したら、 [設定]→[WhatsAppで投稿を共有]に移動して、WhatsApp共有ボタンを有効にするだけです。

モバイルユーザーがボタンをクリックすると、実際のWhatsAppアプリを開くように求められます（ iPhone 6で動作することが確認されています）。

唯一の欠点は、ボタンがモバイルでのみ機能するという事実にもかかわらず、プラグインがサイトのデスクトップバージョンとモバイルバージョンの両方に表示されることです。

これを修正するには、CSSとメディアクエリを使用できます。次のようなものを使用して、自分のサイトのデスクトップバージョンでそれを非表示にすることができました。

@media screen and (min-width:667px) {
.share-to-whatsapp-wrapper {
display:none;
}
}

デスクトップユーザーのボタンを自動的に非表示にするもう1つの無料プラグインは、AlexMossのWhatsAppShareButtonです。ただし、プラグインは3年間更新されていないため、お勧めするのをためらっています。ただし、いくつかの基本的なテストを実行したところ、機能しているように見えました。

WhatsAppライブチャットをWordPressに追加する方法

ソーシャルシェアリングに加えて、WhatsApp WordPressのもう1つの優れた統合は、WhatsAppを使用して疑似ライブチャットを介して訪問者と会話することです。

ライブチャットボタンはチャットを開始するだけなので、「疑似」と言います。チャットが開始されたら、WhatsAppインターフェースを介してチャットを続行する必要があります。

WhatsAppチャットボタンをWordPressに追加するには、無料のWhatsHelpチャットボタンプラグインが好きです。

プラグインをインストールしてアクティブ化したら、この外部ページに移動して、ボタンコードを実際に生成する必要があります。

そのページで、メッセージングアプリとしてWhatsAppを選択し、残りの情報を入力してください。右下にライブプレビューを表示できます。

終了したら、下部にメールアドレスを入力し、[ボタンコードを取得]をクリックします。次に、そのコードをWordPressダッシュボードのWhatsHelpタブに貼り付けます。

変更を保存すると、サイトのライブバージョンにWhatsAppチャットボタンが表示されます。

WhatsAppAPIを使用して独自のソリューションを作成する方法

上記のプラグインのいずれも実行していない場合は、WhatsAppAPIを使用して独自のカスタムボタンを作成することもできます。

あなたがする必要があるのはこのURLにトラフィックを送るためにあなたのボタンを使用することです：

https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

たとえば、ここにリンクする[メッセージの送信]ボタンを作成します。

https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message

「これはメッセージです」というメッセージとともにWhatsAppチャットメッセージを「123456789」に送信します。

テキストのエンコード方法に苦労している場合は、このようなツールを使用できます。

あなたがする必要があるのはこの方法で人々をリンクに送ることだけなので、あなたはそれをどのように実装することができるかについてたくさんの柔軟性を持っています。必要に応じて、Diviモジュールで使用することもできます。

まとめ

WhatsAppは非常に人気のあるツールです–数字はそれ自体を物語っています。 Webおよびモバイルアプリへの拡張により、WhatsAppはマルチプラットフォームでもあります。

WhatsAppをWordPressに統合することで、サービスの数十億のユーザーがWhatsAppを介してあなたと接続したり、コンテンツを共有したりできるようになります。

すでにソーシャル共有ボタンプラグインを使用している場合は、それを介してWhatsApp共有ボタンを追加できる場合があります。それ以外の場合は、概説されている2つのソリューションのいずれかを使用して、WhatsApp共有ボタンをWordPressに追加できます。

ただし、共有するだけでなく、WhatsHelpまたはWhatsApp APIを使用して、訪問者が自分のWhatsApp番号に直接メッセージを送信できるようにすることもできます。

さて、あなたに– WhatsAppチャットボタンはライブチャットの実行可能な代替/追加だと思いますか？ WhatsAppの人気を考えると、特定の人口統計によっては、興味深いオプションのように思われます。

x9626 /shutterstock.comによる記事のサムネイル画像