シードプロッド最新ニュース

ビジネスの成長に役立つWordPressのチュートリアル、ヒント、リソース

WordPressでClick to Callリンクを作成する方法

WordPressでClick to Callリンクを作成する方法 

執筆者 著者アバター ステイシー・コリン
著者アバター ステイシー・コリン
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。
     レビュー レビュアーアバター ターナー・ジョン
レビュアーアバター ターナー・ジョン
ジョン・ターナーはSeedProdの共同設立者です。彼は20年以上のビジネスと開発の経験があり、彼のプラグインは2500万回以上ダウンロードされています。

プラグイン、シンプルな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コールボタンプラグインをダウンロードしてインストールする

最初にすることは、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ブロックをページに追加します。

新しいWordPressコンテンツブロックを追加する

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

WPコールボタンブロック

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

コールボタンブロックのオプション

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

スタティック・コール・ボタン

ステップ5:サイドバーウィジェットにコールボタンを設置する

最後のステップは、WordPressのウィジェット対応エリアにクリック可能な電話番号を追加したいサイトオーナーのためのものです。

これを行うには、外観 " ウィジェットへ向かいます。サイドバーエリアを選択し、プラス(+)アイコンをクリックしてWP Call Buttonウィジェットを検索し、クリックしてサイドバーに追加します。

サイドバー・ウィジェットにクリック・トゥ・コール・ボタンを追加する

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

ボタンをクリックして電話をかけるウィジェットの設定

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

WordPressのウィジェットエリアに「お問い合わせ」ボタンを設置する

ご覧のように、このWordPressプラグインを使用することは、サイト訪問者がウェブやモバイルブラウザからクリックしたり電話をかけたりできるようにする最も簡単な方法のひとつです。100%無料であるだけでなく、Google Analyticsともシームレスに統合できます。

そして、MonsterInsightsと接続して、クリックして電話をかけてきた人の数や、どのページが最も多くのリードをもたらしたかを追跡することができます。さらに、これらすべてがWordPressのダッシュボードを離れることなく行えます。

しかし、WordPressのプラグインを使わずにこの技術を利用したい場合はどうすればいいのでしょうか?次のオプションがその方法を説明する。

WordPressのウェブサイトにクリック可能な電話番号やリンクを手動で追加するには、簡単なコードスニペットをコピーして貼り付けるだけです。

このオプションは、モバイルアプリ、モバイルデバイス、PC、Macコンピュータで電話リンクを開くHTMLコードスニペットを使用します。Macでは、リンクはFacetimeで開き、Windows 10では、Skypeで開きます。

まず、電話番号を追加したい投稿またはページを開きます。この例では、既存の投稿を編集します。

新しいWordPressエディターを使用している場合は、新しいHTMLブロックを追加します。

新しい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でハイパーリンクを呼び出すための手動クリックを追加する

ヘッダーまたはメニューにクリックコールリンクを追加する方法

また、WordPressのヘッダーやナビゲーションメニューに電話リンクを追加するのも簡単です。

これを行うには、外観 " メニューに移動し、右側の列からカスタムリンクをクリックします。

カスタムメニューのリンクを追加する

次に、URLフィールドに以下のフォーマットで電話番号を追加する:

電話:+155555555

そして、リンク・テキスト・フィールドに、コール・リンクに付けたいラベルを入力します。メニューに追加]ボタンをクリックし、[メニューを保存]をクリックすると、あなたのウェブサイトにリンクが表示されます。

以下は、ヘッダーのコールリンクがどのように見えるかの例です:

WordPressのヘッダーに電話リンク

WordPressクリックコール・ボタンの作成に関するFAQ

WordPressのクリックリンクとは何ですか?
クリック・トゥ・コール・リンクは、訪問者がモバイル・デバイスであなたの電話番号をタップして、すぐに通話を開始できるようにするものです。WordPressでは、HTML、プラグイン、またはナビゲーションメニューにリンクを配置することでこの機能を追加できます。
HTMLで電話番号リンクをフォーマットするには?
フォーマットを使用する <a href="tel:+15555555555">Call Us</a>.これはほとんどのスマートフォンや、SkypeやFaceTimeのようなデスクトップアプリでも機能する。
デスクトップでクリックコールリンクは機能しますか?
はい、しかしそれはデバイスとセットアップに依存します。モバイルの場合、リンクは電話ダイヤラを開きます。デスクトップでは、Skypeなどの通話アプリを開こうとするか、アプリが接続されていない場合は何もしません。
何人がクリックコールボタンを使用したかを追跡できますか?
GoogleアナリティクスとMonsterInsightsを使用している場合、何人があなたのコールリンクをクリックし、どのページからクリックしたかを追跡することができます。
WordPressでクリック可能な電話リンクを作成するにはプラグインが必要ですか?
いいえ、HTMLの行だけで基本的な電話リンクを作成することはできます。しかし、プラグインを使うことで、ボタンのデザイン、配置、デバイスターゲティングをよりコントロールすることができます。

WordPressにクリックコールリンクを追加することは、あなたのサイトをよりモバイルフレンドリーにし、顧客志向にする最も簡単な方法のひとつです。プラグインを使うにせよ、HTMLの行を使うにせよ、シンプルなメニューリンクを使うにせよ、セットアップには数分しかかかりません。

さらに上を目指すなら、WP Call ButtonやSeedProdのようなツールを使えば、コールボタンを最も重要な場所に正確に配置することが簡単にできます。コーディングも混乱もありません。

訪問者とつながる方法をお探しですか?次のステップをご覧ください。

この記事が役に立ったなら、Facebookや Twitterでもっと役立つヒントやチュートリアルをフォローしよう。

著者アバター
ステイシー・コリン ライター
ステイシーはWordPressとデジタルマーケティングについて10年以上、その他のトピックについてはもっと長い間執筆している。また、ウェブデザイン、ユーザーエクスペリエンス、SEOにも造詣が深い。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。私たちは、読者に付加価値をもたらすと信じる製品のみを推薦します。