ピンをドロップ:マップフィールドはこちら

数週間前、息子のバレンタインデーのクラスパーティー前夜、私は親なら誰もが直前にやることをしていた。地元のベーカリーチェーンにオンラインでカップケーキを慌てて注文したのだ。ウェブサイトは素晴らしかった。写真を見ただけで注文数を倍にしようかと思ったほどだ。注文フォームは?すっきりシンプルで、素早く決済したい時にまさに理想的なものだった。

そして私はピックアップ場所の欄を入力した。

ドロップダウン。三つの住所。通り名と郵便番号だけ。

ここに住んでいるのに、どれが一番近いか全くわからなかった。だから新しいタブでGoogleマップを開き、最初の住所をコピーして検索し、フォームに戻って、次に二番目の住所をコピーして…という具合だ。ようやく理解した頃には、注文を完了する気力が半分失せていた。

そして私は思った:まさにこれが、私たちが今解決した問題そのものだ。

ジオロケーションアドオンが既に実現していること(非常に優れた形で)

当社のジオロケーションアドオンをご利用いただいた方なら、これがWPForms Proツールキットで最も強力な機能の一つであることをご存知でしょう。フォームに実際の位置情報を活用する機能をもたらし、その優れた性能からユーザーに支持されるのも当然です。

住所の自動補完機能により、訪問者は入力を開始するとGoogle PlacesまたはMapboxを活用したリアルタイムの候補が表示されます。候補を選択すると、住所全体が自動的に入力されます。 

また、訪問者のブラウザまたはIPアドレスを通じて所在地を検知し、文字を入力する前に位置情報を事前入力できます。入力詳細ページで都市、地域、国、座標を直接確認でき、スマートタグを使用して通知メール、確認メール、エクスポートデータにその情報を反映できます。

WPForms ジオロケーションアドオンは統合されたGoogleマップを表示します

これらすべては一つの疑問に焦点を当てています:このフォームに記入している人物はどこにいるのか?そしてそれは非常に有用です。しかし今、マップフィールドにより、ジオロケーションアドオンはもはや彼らの位置情報だけを対象とするものではありません。今やそれはあなたの位置情報も対象とするのです。

フィールド「Meet the Map」

地元のパン屋さんのようなお店が、フォームにドラッグできる新しいフィールドタイプ「地図」を発見する日が待ちきれません。

インタラクティブな埋め込みマップを表示し、任意の場所をピンで固定できます。店舗、オフィス、イベント会場、ピックアップスポット。フォーム内に直接表示されます。

WPForms フォームビルダー内のマップフィールド

iframeは使用不可。個別埋め込み不可。同一ページでの地図ウィジェットとフォームの結合不可。地図フィールドを追加し、場所を設定するだけで完了です。

あなただけのものにしましょう

これはデフォルトの赤いピンが付いた一般的なGoogleマップの埋め込みではありません。

追加する場所ごとにカスタムマーカーを設定できます。2,000種類以上のアイコンから選択可能:カフェにはコーヒーカップ、小売店にはショッピングバッグ、ジムにはダンベル(文字通りピンを場所に合わせて設定できます)。フルカラーピッカーから任意の色を選べるほか、ブランドに完全に一致させるため16進数値を直接貼り付けることも可能です。

マーカーとしてご自身の画像をアップロードすることも可能です。ロゴやブランドアイコンなど、ご自身を象徴するものであれば何でも構いません。

一見些細に思えるが、大きな違いを生む詳細があります:マーカーのサイズを変更できるのです。サイズを大きく設定すれば、カスタムピンが地図上のデフォルトの注目地点より一際目立ちます。訪問者の視線は、重要なポイントにまっすぐ向かいます。

各ピンには名前と説明を付けられるので、クリックすると必要な詳細がその場で表示されます。洗練されたデザインで、あなたのサイトにぴったりと馴染みます。だって、まさにあなたのサイトの一部だからです。

訪問者に場所を選ばせる

これが私が最もワクワクしている部分です!

マップフィールドに2つ以上の場所を追加し、場所リストを有効にすると、場所選択機能を有効にできます。これによりマップの下にラジオボタンが追加され、マップフィールドは単なる視覚要素ではなくなります。フォーム入力フィールドとなるのです。

訪問者は地図上のピンを確認します。場所をクリックすると、マーカーが選択を確認する満足感のある小さなバウンドをします。フォームを送信すると、選択された場所の名前、住所、座標がエントリーに明確に記録されます。

WPForms マップフィールドでの位置情報の選択を有効化

文脈なしでは意味をなさない住所が並ぶドロップダウンは終わりだ。誰かが「メインストリートにあるあの店」と入力して、あなたが推測するしかないテキストフィールドも終わりだ。

マップフィールドが真に差をつける場面

私のパン屋の話に戻ろう。注文フォームに地図欄があれば、ページを離れることはなかった。地図上のピンをざっと目で確認し、一番近いのをタップするだけ。それだけだ。これが体験の全てだ。

たとえば、2つの拠点を持つフィットネススタジオを運営していて、無料体験レッスンを提供したいとします。両方のスタジオが地図上に表示されます。利用者は最も近い方を選びます。この選択は予約状況に反映されるため、各拠点で何人の参加者が見込まれるかがわかります。

もしかすると、選択機能など全く必要ないかもしれません。コンタクトフォームを設置し、訪問者に所在地を知らせたいだけなら、地図上にピンを1つ表示するだけで十分です。選択機能は不要。ブランド化されたインタラクティブマップをフォーム内に直接配置し、ページを離れることなく必要な情報を提供できるのです。

WPForms 埋め込みマップ付きコンタクトフォーム

そしてバックエンドでは、すべてが整然と保たれます。選択した場所の名前と住所がエントリー詳細に直接表示され、「地図で見る」リンクが付きます。Googleスプレッドシートへのエクスポートやエントリーページへの印刷も可能です。後処理は不要です。

ピンを落としておけ

マップフィールドはジオロケーションアドオンの一部であり、すべてのWPForms Proプラン以上に含まれています。アドオンを既にインストール済みの場合、マップフィールドは今すぐフォームビルダーでお使いいただけます。ジオロケーションアドオンが初めての方は、セットアップガイドで開始方法を確認し、マップフィールドの使用方法については詳細な手順をガイドでご確認ください。

まだWPForms Proをご利用でない方へ。今が切り替えの絶好の機会です。 プランをご確認いただき、マップフィールド、完全なジオロケーションアドオン、2,000以上のテンプレート、プロ向けアドオン、その他の機能をご利用ください。

マップフィールドの活用方法についてぜひお聞かせください。チームはすでに次なる機能の開発に全力で取り組んでいます。皆様にお届けできる日を心待ちにしております。

また次回まで、

ローレン

追伸:VIPサークルの皆様、心から感謝申し上げます。このマップ機能の発想は、グループ内の投稿がきっかけでした。まだ参加されていない方はぜひご参加ください。当コミュニティでは、最高の機能の数々がここから生まれています。

情報開示私たちのコンテンツは読者支援型です。つまり、あなたが私たちのリンクをクリックした場合、私たちはコミッションを得る可能性があります。WPFormsがどのように資金を調達しているのか、なぜそれが重要なのか、そしてどのように私たちをサポートできるのかをご覧ください。

ローレン・ドリュー

ローレンはWPFormsのプロダクトマネージャーであり、WordPressの熱狂的なファンであり、中小企業のためのチャンピオンです。 もっと知る

最高のWordPressドラッグ&ドロップフォームビルダープラグイン

簡単、速い、安全。WPFormsを信頼する600万人以上のWebサイトオーナーの仲間入りをしてください。