WordPressお問い合わせフォームにGoogleマップを追加する方法は？
公開: 2022-05-30WordPressのお問い合わせフォームにGoogleマップを追加するための最良の方法をお探しの場合は、この記事が最適なガイドです。
お問い合わせフォームにGoogleマップを追加すると、ユーザーの現在地を追跡するのに役立ちます。 また、このデータを使用して、会話率を高めたり、効果的なマーケティングキャンペーンを実行したりできます。
したがって、このガイドでは、最も効果的な方法でGoogleマップをWordPressの連絡フォームに追加する方法を学びます。
しかしその前に、お問い合わせフォームにGoogleマップを追加する必要がある理由を理解しましょう。
お問い合わせフォームにGoogleマップを追加する理由
お問い合わせフォームにGoogleマップを追加すると、ウェブサイトをさまざまな方法で成長させることができます。
まず第一に、それはあなたがあなたのユーザーの場所に関するデータを収集することを可能にします。 したがって、将来的には、ブランドのマーケティング中に特定の顧客やユーザーをターゲットにすることができます。
さらに、ユーザーの場所を知ることで、ジオロケーションターゲティングが改善され、パーソナライズされたコンテンツを表示できます。 これにより、リードとコンバージョン率が大幅に向上し、Webサイトの収益が増加します。
したがって、これらは、お問い合わせフォームにGoogleマップを追加することの主な利点の一部です。 それでは、それを行うための最良の方法を知りましょう。
WordPressお問い合わせフォームにGoogleマップを追加するための最良の方法
Google Maps WordPressプラグインを使用して、お問い合わせフォームにGoogleMapsを追加できます。 または、Googleマップの統合をサポートするフォームプラグインを使用できます。 WordPress市場で利用可能なそのようなプラグインはたくさんあります。
しかし、他の製品とは一線を画すのは、強力なWordPressフォームビルダープラグインであるEverestFormsです。
なぜエベレストフォーム？ まあ、それは広範な機能を備えた用途の広いプラグインです。 そして、それはあらゆるフォームを構築するための完全なソリューションです。 寄付フォーム、求人応募フォーム、ホテル予約フォーム。 あなたはそれに名前を付けます！
また、それはユーザーフレンドリーなインターフェースを持っています。 したがって、単純なドラッグアンドドロップ方式で任意のタイプのフォームを作成できます。
最も重要なことは、フォームを介してユーザーの位置データを収集できるGeolocationアドオンを提供することです。 IPアドレスに基づいて、国、都市、郵便番号、緯度/経度などのユーザーのデータを取得できます。
同じアドオンを使用して、フロントエンドの連絡先フォームに地図を追加できます。
そしてこれまでのところ、100000人以上のユーザーの信頼を集めることに成功しています。 間違いなく、これはGoogleマップをWordPressの連絡フォームに追加するための最良のプラグインオプションの1つです。
エベレストフォームを使用してWordPressお問い合わせフォームにGoogleマップを追加する
お問い合わせフォームにGoogleマップを追加するのは非常に簡単です。 以下で説明する手順に従うだけで、すぐにGoogleマップのWordPressお問い合わせフォームが表示されます。
1. EverestFormsProとGeolocationアドオンをインストールしてアクティブ化します
まず、お問い合わせフォームにGoogleマップを追加するために使用するプラグインに関係なく、プレミアムプラグインを購入する必要があることを明確にしましょう。
同様に、この機能にアクセスするには、エベレストフォームのプレミアムプランを購入する必要があります。 しかし、心配しないでください。 このプラグインのプレミアムプランは手頃な価格で提供されます。
そのため、公式ウェブサイトWPEverestにアクセスしてプレミアムプランを購入できます。
次に、この記事をチェックして、EverestFormsProをインストールしてアクティブ化します。
これで、EverestFormsProが正常にアクティブ化されたと思います。 したがって、Geolocationアドオンをアクティブ化するには、WordPressダッシュボードの[Everest Forms>>Add-ons]セクションに移動します。
下にスクロールすると、 Geolocationアドオンが表示され、 [アドオンのインストール]オプションをクリックします。
次に、アクティブ化ボタンを押します。
2.ジオロケーションアドオンを設定します
Geolocationアドオンを正常にアクティブ化したので、次はAPI（Application Programming Interface）キーを生成します。
一般的な意味で、APIはあるプログラムを別のプログラムに接続し、これらのプログラム間で行われる要求を制御します。 一方、APIキーはこれらのプログラムを相互に接続して、データを共有し、システムに接続します。
I.GoogleコンソールからAPIキーを生成する
お問い合わせフォームにGoogleマップを追加するには、GoogleコンソールからAPIキーを生成するための請求先アカウントが必要です。 公式の請求ページにアクセスして入手してください。
次に、請求先アカウントを購入した後、Googleコンソールダッシュボードに移動します。 次に、[マイファーストプロジェクト]をクリックします。
その後、[新しいプロジェクト]を選択します。
次に、ダッシュボードの左側にあるハンバーガーメニューを押して、[ APIとサービス]をクリックします。
その後、APIライブラリが開き、ここから[ + ENABLE APISANDSERVICES ]ボタンを押します。
有効にすると、 PlacesAPIオプションを検索する必要がある新しいページに移動します。
見つけたら、それをクリックして、[有効にする]ボタンを押します。
有効にしたら、左側の上部に表示されるハンバーガーメニューをクリックします。 次に、 [APIとサービス]>>[クレデンシャル]に移動します。
次に、[ +CREATECREDENTIALS ]セクションをクリックします。 ここから、 APIキーオプションを選択してAPIキーを生成します。
これで、APIキーがポップアップウィンドウに表示されます。 あなたがする必要があるのはそれをコピーすることだけです。
II。 エベレストフォームのジオロケーション設定にAPIキーを追加する
次に、WordPressダッシュボードに戻り、エベレストフォームのジオロケーション設定にAPIキーを追加します。
キーをコピーした後、WordPressダッシュボードに戻ります。 [エベレストフォーム]>>[設定]に移動し、上部から[ジオロケーション]オプションをクリックします。
ここに、前にコピーしたAPIキーを貼り付ける必要があるGoogle PlacesAPIKeyオプションが表示されます。 その後、下の[変更を保存]ボタンを押します。
3.新しいお問い合わせフォームを作成します
APIを生成してWebサイトに追加したので、次はお問い合わせフォームを作成します。
エベレストフォームを使用して連絡フォームを作成するのは簡単です。 まず、WordPressダッシュボードに移動し、[エベレストフォーム] >>[新規追加]をクリックします。
Everest Formsは、ボタンを1回クリックするだけで使用したり、フォームを最初から作成したりできる一連のテンプレートを提供します。
ここでは、フォームを最初から作成し、 ContactFormという名前を付けました。
次に、[フィールドの追加]セクションから連絡先フォームのフィールドをドラッグアンドドロップできます。
さらに、エベレストフォームを使用すると、フォームのフィールドラベル、メタキー、説明などを変更できます。これを行うには、任意のフォームフィールドをクリックし、[フィールドオプション]に移動して変更を加えます。
フォーム作成プロセスについてさらにサポートが必要な場合は、エベレストフォームを使用して連絡フォームを作成する方法に関する記事をご覧ください。
必要なカスタマイズをすべて行ったら、上部にある[保存]ボタンをクリックして、それらを保存してください。 フロントエンドでフォームがどのように表示されるかをプレビューすることもできます。
4.フォームにGoogleマップの住所フィールドを追加します
まず、お問い合わせフォームに[住所]フィールドを追加して、お問い合わせフォームにGoogleマップの住所機能を追加する必要があります。
したがって、[フィールドの追加]セクションに移動し、[詳細フィールド]まで下にスクロールします。
次に、お問い合わせフォームに[住所]フィールドを追加します。
その後、右側の[アドレス]フィールドをクリックして、左側のパネルにある[詳細オプション]を開きます。
デフォルトでは、フォームにはテキストアドレスが表示されます。 テキストアドレスの代わりにマップをフォームに追加する必要があるため、ドロップダウンから[スタイル]オプションを[マップ]に変更します。
これにより、地図と住所行1が連絡先フォームに追加されます。 ユーザーが地図上の場所を選択すると、下の住所フィールドに選択した場所が自動的に入力されます。
それでおしまい！ エベレストフォームを使用して、WordPressお問い合わせフォームにGoogleマップを正常に追加しました。
5.WordPressフォームを公開します
上記のすべての手順を完了したら、お問い合わせフォームを公開します。
フォームビルダーの上部からお問い合わせフォームのショートコードをコピーするだけです。
次に、フォームを紹介する投稿またはページを開きます。 ここでは、ブロックインサーター（ + ）を使用してショートコードブロックを追加します。
次に、ショートコードをブロックに貼り付けます。
最後に、左側の隅の上部から[公開]ボタンを押します。
または、お問い合わせフォームを公開するには、画像に示すようにブロックインサーター（ + ）ボタンをクリックします。 検索バーに「エベレストフォーム」と入力し、結果に表示されたらブロックをクリックします。
その後、ドロップダウンメニューから作成したお問い合わせフォームを選択して公開します。
これで、Googleマップとの連絡フォームがあなたのウェブサイトに公開されます。
結論
これで、WordPressの連絡フォームにGoogleマップを追加する方法に関する記事は以上です。 ご覧のとおり、EverestFormsのようなプラグインを使用すると非常に簡単です。 ただし、それだけではありません。
エベレストフォームを使用すると、フォームにリピーターフィールドを追加したり、送信ボタンの色を変更したりすることもできます。 フォームの送信後に確認メールを送信することもできます。
しかし、それは氷山の一角にすぎません。 このプラグインについて詳しく知りたい場合は、ブログと公式ドキュメントページにアクセスしてください。
また、フォローすることを忘れないでください ツイッター とFacebook より役立つ記事の更新を受け取るため。