WordPressにClick-to-Callボタンを追加する方法(ステップバイステップ)

WordPressにClick-to-Callボタンを追加しますか?スマートフォンを使用してウェブサイトにアクセスする人が増えるにつれて、タップして通話ボタンを追加すると、簡単にあなたに連絡できるようになります。この記事では、WordPress WebサイトにClick-to-Callボタンを簡単に追加する方法を紹介します.


WordPressにClick to Callボタンを追加する

WordPressにClick-to-Callボタンを追加する理由

多くの中小企業のWebサイトは、見積もり、販売前の情報、またはサポートのために顧客に連絡することに依存しています.

そのため、すべてのウェブサイトの所有者に連絡フォームを追加することをお勧めします.

ただし、業界によっては、一部のユーザーはすぐに人と話したいことがあります.

モバイルWebトラフィックが世界中で増加するにつれて、ユーザーはタップして電話をかけ、必要な情報を取得する方が便利であることがよくあります.

事業を始めたばかりの場合は、専門のビジネス電話サービスを検討することをお勧めします。電話転送、従業員との番号の共有、どこからでも(固定電話の代わりに)携帯電話を使用した通話への応答を行うことができます。.

それでは、WordPressでClick-to-Callボタンを簡単に追加する方法を見てみましょう.

ビデオチュートリアル

WPBeginnerを購読

ビデオが気に入らない、またはさらに説明が必要な場合は、読み続けてください.

方法1.プラグインを使用してWordPressにClick-to-Call Nowボタンを追加する

この方法は簡単で、すべてのユーザーに推奨されます。 Gutenberg、クラシックエディター、WordPressサイドバーウィジェットのClick to Callボタンを簡単に作成できます。.

まず、サイトにWP Call Buttonプラグインをインストールしてアクティブ化する必要があります。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。.

アクティベーション時に、あなたは訪問する必要があります 設定»WP呼び出しボタン プラグイン設定を構成するページ.

WordPress通話ボタン

最初の設定ページは、最も一般的にリクエストされる機能であるスティッキーコールボタン用で、ユーザーがWebサイトを閲覧するときにスクロールします。.

この高度にコンバージョンに最適化された機能は、より多くの電話を獲得し、より多くの取引をより早く成約するのに役立ちます.

あなたが人々に電話をかけたいあなたの会社の電話番号を入力することから始める必要があります。 WP Call Buttonプラグインは、スマートフォンフィールドを使用します。つまり、国を選択するだけで、国コードが適切な形式で自動的に追加されます。.

注意: 会社の電話番号がない場合は、Nextivaから取得できます。これは私たちが私たちのビジネスVoIP電話に使用している会社です.

次に、呼び出しボタンのテキストを追加し、配置を選択し、ボタンの色を選択するオプションがあります.

デフォルトでは、プラグインはすべてのページとすべてのデバイスにClick to Callボタンを追加します。ただし、特定のページにのみ表示するか、モバイルデバイスのみに表示するかを選択できます。.

完了したら、上部のアクティブ化トグルをクリックしてから、[変更を保存]ボタンをクリックして設定を保存します.

その後、ウェブサイトにアクセスして、呼び出しボタンの動作を確認できます.

WordPress Click to Callボタン

WordPressの連絡先ページ、概要ページ、その他の投稿/ページに静的な呼び出しボタンを追加する場合は、2つのオプションがあります.

新しいWordPressブロックエディターを使用している場合は、既存のページを作成または編集するだけです。次に、「+」アイコンをクリックして、WP Call Buttonブロックを追加する必要があります.

コールボタングーテンベルク

WordPress Call Buttonブロックには、ボタンの色、ボタンのテキスト、フォントサイズをカスタマイズする機能、電話のアイコンを表示または非表示にする機能など、多くのカスタマイズオプションがあります.

ボタンを追加すると、WPの[通話ボタン]設定ページで指定した電話番号をクリックして電話をかけることができるようになります.

ここで、WordPressクラシックエディターを使用している場合、静的呼び出しボタンジェネレーターを使用してショートコードを取得する必要があります。.

単に行く 設定»WP呼び出しボタン 上部のStatic Call Buttonメニューをクリックします.

WordPress通話ボタンショートコード

次に、通話ボタンのテキストと色をカスタマイズし、電話アイコンを表示するか非表示にするかを選択できます。その後、以下のショートコードをコピーして、追加する投稿またはページ内に貼り付けます.

WP通話ボタンプラグインでは、サイドバーウィジェットを使用してウェブサイトのサイドバーに通話ボタンを追加することもできます.

これを行うには、あなたが行く必要があります 外観»ウィジェット WP Call Buttonウィジェットをウィジェット対応領域にドラッグします.

WordPress通話ボタンサイドバーウィジェット

このウィジェットでは、ウィジェットのタイトルと説明を追加できます。 [詳細設定]リンクをクリックして、通話ボタンのテキストと通話ボタンのテキストをカスタマイズできます.

これを読んだ後、おそらく、WP Callボタンが、WordPressのClick-to-Callボタンプラグインを市場で最も簡単かつ包括的に使用する理由を理解できるでしょう。.

最大のメリットは、100%無料であり、Googleアナリティクスとシームレスに統合されていることです。.

MonsterInsightsプラグインを使用するだけで、通話ボタンをクリックしたユーザーの数と、最も多くのリードを獲得しているページを自動的に追跡できるため、ビジネスをより速く成長させるために取り組んでいることに集中できます。!

方法2. WordPressのClick to Callボタンを手動で追加する

この方法では、WordPress Webサイトの任意の場所にClick to Callボタンとリンクを手動で追加できます.

クリック可能な電話番号をWebサイトに追加する最も簡単な方法は、次のように追加することです。

+1(555)555-1212

電話してね

これらのリンクは、モバイルデバイスで電話アプリを開きます。デスクトップコンピューターでは、MacユーザーにはFacetimeでリンクを開くオプションが表示されますが、Windows 10ユーザーにはSkypeでリンクを開くオプションが表示されます.

HTMLを使用して、Click-to-Callテキストリンクの横に画像またはアイコンを追加することもできます.

これを行う方法を見てみましょう.

まず、 メディア»新規追加 ページと使用したい画像をアップロードします。画像をアップロードした後、「編集」リンクをクリックして続行する必要があります.

電話アイコンをアップロード

これにより、ファイルのURLをコピーする必要がある編集画面に移動します。次のステップで必要になります.

これで、Click-to-Call電話アイコンを表示する投稿、ページ、またはカスタムHTMLウィジェットを編集できます。編集エリアで、電話内にラップされた電話のアイコン画像を追加できます:リンク.

お電話ください

完了したら、ウェブサイトにアクセスして、アップロードした画像を含むClick-to-Callリンクを確認できます.

画像アイコン付きのClick-to-Callボタン

リンクの前後にテキストを追加してこれをさらにカスタマイズし、カスタムCSSを使用してスタイルを設定できます.

より多くのテキストとCSSスタイルでボタンをクリックして呼び出す

WordPressナビゲーションメニューへのClick-to-Callリンクの追加

WordPressナビゲーションメニューにClick-to-Callリンクを追加することもできます.

単に行く 外観»メニュー ページをクリックし、右側の列からカスタムリンクタブをクリックします。これで、リンクフィールドに次の形式で電話番号を追加できます。

tel:+155555555

その後、表示したいテキストを追加し、[メニューに追加]ボタンをクリックします.

ナビゲーションメニューにClick-to-Callリンクを追加

次に、ウェブサイトにアクセスして、Click-to-Callリンクの動作を確認します.

ナビゲーションのリンクを呼び出す

ナビゲーションメニューのClick-to-Callリンクの横に画像アイコンを追加しませんか? WordPressのナビゲーションメニューで画像アイコンを追加する方法に関する記事を参照してください.

この記事が、WordPressにClick-to-Callボタンを追加する方法を学習するのに役立つことを願っています。また、無料のビジネス用メールアドレスの作成方法に関するガイドもご覧ください。.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me