プラグイン、シンプルなHTMLスニペット、またはメニューリンクを使用して、WordPressにクリックコールリンクを追加することができます。これにより、モバイルの訪問者があなたの電話番号をタップしてすぐに電話をかけることが簡単になります。
これは、顧客がより早く貴社にコンタクトし、コンバージョンを増やす最も簡単な方法のひとつです。
このガイドでは、3つの異なる方法を使って、WordPressでクリック可能な電話リンクを作成する方法を説明します。技術的なスキルは必要ありません。
また、SeedProdでサイトを構築している場合は、数回クリックするだけで、ランディングページ内にタップ・ツー・コールボタンを追加することができます。
クリックコール・リンクを追加する方法:
なぜWordPressで電話番号をクリック可能にするのか?
現在、ほとんどの企業は、ライブチャット、サポートチケット、電子メール、およびコンタクトフォームを介してオンラインで顧客と通信しています。しかし、人々は具体的な質問があったり、助けが必要な場合、人間と話すことを好みます。その人間的なつながりは、彼らが個人的なレベルで話を聞いていると感じさせ、顧客満足度を高めることができます。
ユーザーからすれば、タップしてすぐに電話をかけられるということは、時間を大幅に節約できることになる。メールをやり取りする代わりに、ほとんど即座に誰かと話すことができる。
クリック・トゥ・コールの仕組み
Click-to-Call(クリック・ツー・コール)とは、Click-to-Talk(クリック・ツー・トーク)と呼ばれることもあり、ユーザーがボタンやテキストをクリックしてリアルタイムで誰かとつながることを指します。そのため、ユーザーが自分の電話番号を入力して電話をかけると、仲介サービスがtelプロトコルを使って相手の企業にダイヤルし、会話を始める。
また、クリック・ツー・コール・テクノロジーを利用するためにソフトウェアをダウンロードする必要もない。手持ちのデバイスを使うだけです。
電話番号をハイパーリンクするには?
ビジネスを始めたばかりの企業は、いくつかのビジネス電話サービスをチェックする価値があります。そうすれば、以下のような多くの機能を利用することができる:
- 転送電話
- ナンバーシェアリング
- どこからでも電話に出られる
- 通話利用統計の追跡
- VoIPサービス
始めよう!
WordPressにクリックコール・ボタンを追加する方法(プラグインによる方法)
このオプションは、WordPressの電話番号プラグインを使用して、サイトにクリック可能な通話リンクを追加します。WP Call Buttonプラグインは使いやすく、WordPressの以下のエリアにコールボタンを追加することができます:
- WordPressのクラシックエディターとブロックエディターの両方を使用した投稿とページ。
- サイドバーとウィジェット対応エリアにはウィジェットが内蔵されています。
- ユーザーと一緒にスクロールするフローティングボタンがあるサイト上の他の場所。
これを念頭に置いて、セットアップに必要なステップを見てみよう。
ステップ 1: WP Call Button プラグインをインストールする

最初にすることは、WP Call Buttonプラグインをダウンロードし、WordPressのウェブサイトにアップロードすることです。
この方法がよくわからない場合は、WordPressプラグインをインストールするためのステップバイステップガイドをご覧ください。
ステップ2:スティッキーまたはスタティック・コール・ボタンの設定
プラグインがインストールされ有効化されたら、設定 " WP Call Buttonにアクセスしてプラグインの設定を開始します。

このプラグインで電話番号ボタンを表示するには、スティッキーコールボタンと スタティックコールボタンの2つの方法があります。スティッキーボタンはユーザーがサイトをスクロールするとスクロールし、スタティックボタンは一箇所に留まります。

デフォルトの設定ページには、スティッキーコールボタンを作成するための以下の一般的な設定が含まれています:
- Call Button Text - ハイパーリンクされた電話番号が表示されます。
- ボタンの位置- 付箋呼び出しボタンをサイトに表示する方法。
- コールボタンの色- コールボタンの色を選択します。
- Visibility- 特定のページでボタンを非表示にします。
また、モバイルデバイスにのみコールボタンを表示することも可能で、モバイルユーザーエクスペリエンスを最適化したいサイトに便利です。
これらの設定を利用するには、ページ上部のテキストフィールドに電話番号を入力してください。

スマートフォンのフィールドでは、ドロップダウンリストから国を選択することができ、自動的に正しい形式で国コードを追加します。
次に、ボタンの配置、色、表示設定を行う。

デフォルトでは、クリックトゥコールボタンはウェブサイト上のすべてのページに追加されます。しかし、上記で述べたように、特定のページを選択して表示させたり、モバイルページのみにボタンを表示させたりすることができます。
設定が完了したら、「Call Now Button Status」を「Active」に設定し、「Save Changes」をクリックします。これで、あなたのウェブサイトにコールナウボタンが表示されます。

ステップ 3: ボタンのテキスト、色、表示のカスタマイズ
WordPressに静的クリック・ツー・コール・ボタンを設置したい場合は、設定ページから静的コール・ボタン・オプションを選択してください。ここで、ボタンのテキストと色を設定し、ボタンから電話アイコンを非表示にすることもできます。

しかし、これらの設定が異なるのは、サイト上でボタンを公開する方法です。古典的なWordPressエディタのユーザーは、生成されたショートコードをコピーして、投稿、ページ、またはウィジェットに貼り付けることができます。
最新のWordPressエディタでは、WordPressの組み込みブロックを使用できます。
ステップ4:クリック・ツー・コールボタンをページや投稿に追加する
それでは、WordPressブロックを使ってクリックトゥコールボタンを公開する方法を見てみましょう。
まず、電話番号を追加したい投稿やページを開くか、ワードプレスの管理エリアからページ " 新規追加を選択します。
次に、プラスアイコンをクリックして、新しいWordPressブロックをページに追加します。

次に、WP Call Buttonを選択してページに追加します。

クリックすると、右側にボタンの色、フォントサイズ、位置などを変更するオプションが表示されます。

レイアウトに満足したら「公開」をクリックします。その後、そのページに移動すると、下の例のように表示されます。

ステップ5:サイドバーウィジェットにコールボタンを設置する
最後のステップは、WordPressのウィジェット対応エリアにクリック可能な電話番号を追加したいサイトオーナーのためのものです。
これを行うには、外観 " ウィジェットへ向かいます。サイドバーエリアを選択し、プラス(+)アイコンをクリックしてWP Call Buttonウィジェットを検索し、クリックしてサイドバーに追加します。

その後、タイトル、説明文、ボタンの色などを編集する。

設定を保存し、「完了」をクリックします。あなたのサイトに移動すると、下の画像のように表示されます:

ご覧のように、このWordPressプラグインを使用することは、サイト訪問者がウェブやモバイルブラウザからクリックしたり電話をかけたりできるようにする最も簡単な方法のひとつです。100%無料であるだけでなく、Google Analyticsともシームレスに統合できます。
そして、MonsterInsightsと接続して、クリックして電話をかけてきた人の数や、どのページが最も多くのリードをもたらしたかを追跡することができます。さらに、これらすべてがWordPressのダッシュボードを離れることなく行えます。
しかし、WordPressのプラグインを使わずにこの技術を利用したい場合はどうすればいいのでしょうか?次のオプションがその方法を説明する。
HTMLを使用してWordPressに電話リンクを追加する方法
WordPressのウェブサイトにクリック可能な電話番号やリンクを手動で追加するには、簡単なコードスニペットをコピーして貼り付けるだけです。
このオプションは、モバイルアプリ、モバイルデバイス、PC、Macコンピュータで電話リンクを開くHTMLコードスニペットを使用します。Macでは、リンクはFacetimeで開き、Windows 10では、Skypeで開きます。
まず、電話番号を追加したい投稿またはページを開きます。この例では、既存の投稿を編集します。
新しいWordPressエディターを使用している場合は、新しいHTMLブロックを追加します。

次に、以下のコード・スニペットをコピーして、HTMLブロックに貼り付ける。
<!--This link will work on Android and iPhone. It will be visible to desktop users but will result in an error when clicked -->
<a href="tel:+15555551212">+1 (555) 555-1212</a>
<a href="tel:15555551212">Call Me</a>
その後、Publishをクリックし、ライブ投稿に移動して結果を見る。

ヘッダーまたはメニューにクリックコールリンクを追加する方法
また、WordPressのヘッダーやナビゲーションメニューに電話リンクを追加するのも簡単です。
これを行うには、外観 " メニューに移動し、右側の列からカスタムリンクをクリックします。

次に、URLフィールドに以下のフォーマットで電話番号を追加する:
電話:+155555555
そして、リンク・テキスト・フィールドに、コール・リンクに付けたいラベルを入力します。メニューに追加]ボタンをクリックし、[メニューを保存]をクリックすると、あなたのウェブサイトにリンクが表示されます。
以下は、ヘッダーのコールリンクがどのように見えるかの例です:

WordPressクリックコール・ボタンの作成に関するFAQ
<a href="tel:+15555555555">Call Us</a>.これはほとんどのスマートフォンや、SkypeやFaceTimeのようなデスクトップアプリでも機能する。WordPressにクリックコールリンクを追加することは、あなたのサイトをよりモバイルフレンドリーにし、顧客志向にする最も簡単な方法のひとつです。プラグインを使うにせよ、HTMLの行を使うにせよ、シンプルなメニューリンクを使うにせよ、セットアップには数分しかかかりません。
さらに上を目指すなら、WP Call ButtonやSeedProdのようなツールを使えば、コールボタンを最も重要な場所に正確に配置することが簡単にできます。コーディングも混乱もありません。
訪問者とつながる方法をお探しですか?次のステップをご覧ください。