ピンをドロップ:マップフィールドが登場

数週間前、息子のバレンタインデーのクラスパーティーの前夜、私はすべての親が最後の瞬間にすることと同じことをしていました。地元のベーカリーチェーンにオンラインでカップケーキを注文しようと慌てていました。ウェブサイトは美しかったです。写真を見ただけで、注文を倍増させそうになりました。注文フォームは?クリーンでシンプルで、すぐにチェックアウトしたいときにまさに必要なものでした。

そして、受け取り場所のフィールドに到達しました。

ドロップダウン。3つの住所。番地と郵便番号だけ。

私はここに住んでいますが、どれが一番近いのかまだわかりませんでした。そこで、新しいタブでGoogleマップを開き、最初の住所をコピーし、検索し、フォームに戻って2番目の住所をコピーしました…お分かりでしょう。それを理解するまでに、注文を完了する意欲の半分を失っていました。

そして、私は思いました。これはまさに私たちが解決した問題です。

ジオロケーションアドオンが(非常にうまく)すでにやっていること

私たちのジオロケーションアドオンを使用したことがあるなら、それがWPForms Proツールキットの中で最も強力なツールの1つであることをすでに知っているでしょう。それはあなたのフォームにリアルな位置情報インテリジェンスをもたらし、そしてそれは良い理由で長年人気があります。

住所の自動補完により、訪問者は入力を開始し、Google PlacesまたはMapboxによって提供されるリアルタイムの候補を取得できます。候補を選択すると、完全な住所が自動的に入力されます。

また、訪問者のブラウザまたはIPアドレスを通じて訪問者の現在地を検出し、入力する前に位置データを事前入力できます。エントリー詳細ページで都市、地域、国、座標を確認でき、スマートタグを使用して通知メール、確認、またはエクスポートにそのデータを引き出すことができます。

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

これらすべては、1つの質問に焦点を当てています。このフォームに入力しているのは誰ですか?そしてそれは信じられないほど役立ちます。しかし今、マップフィールドにより、ジオロケーションアドオンはもはや彼らの場所だけではなくなりました。今やあなたの場所のためでもあります。

マップフィールドを紹介します

私の地元のパン屋のようなビジネスが、あなたが任意のフォームにドラッグできるまったく新しいフィールドタイプであるマップフィールドを発見するのを待ちきれません。

それは、あなたが選択した任意の場所をピン留めした、インタラクティブな埋め込みマップを表示します。店舗、オフィス、イベント会場、受け取り場所。フォームの中にそのまま表示されます。

フォームビルダー内の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万人以上のウェブサイト所有者に加わりましょう。