ウェブサイト向けOpenStreetMap 地図 埋め込みウィジェット

訪問者に、ページを離れることなく利用できるインタラクティブなOpenStreetMapの場所検索機能を提供します。1つの場所または検索可能な一覧を追加し、営業時間、電話番号、写真、カテゴリ、評価を表示し、各場所をOpenStreetMapの経路案内にリンクできます。

ストリートマップを開くウィジェットの作成方法

Add your locations

場所を追加する

各場所の住所、連絡先、営業時間、カテゴリ、説明、評価、任意の画像を入力します。

Choose the map experience

地図の表示方法を選ぶ

単一または複数拠点モードを使用し、分割またはスタックのレイアウトを選び、地図のスタイル、高さ、ズーム、パネル位置、色、表示設定を設定します。

Embed it on your site

サイトに埋め込む

レスポンシブなウィジェットをプレビューし、生成された地図埋め込みコードをコピーして、ウェブサイトに貼り付けます。

訪問者が適切な場所をより早く見つけられるようサポート

場所を一目でわかる形で表示

訪問者が比較したい場所を追加し、それぞれに住所、連絡先、営業時間、カテゴリ、説明、評価、画像を設定します。

Put your locations in one clear view

訪問者が一覧を絞り込めるようサポート

検索可能なサイドパネルにより、訪問者は名前、住所、電話番号、営業時間、カテゴリ、説明で絞り込み、結果をタップして地図を再表示できます。

Help visitors narrow the list

経路を簡単に開けるように

各場所には、選択した目的地があらかじめ入力された状態でOpenStreetMapを開く経路リンクを含められます。

Make directions easy to open

地図をページに合わせる

ライトまたはダークのウィジェットスタイルを選び、パネルとマーカーの色を調整し、ベースマップスタイルを選択し、地図の高さとズームを設定し、スコープ付きのカスタムCSSを追加します。

Match the map to your page

ストリートマップを開くをWordPressに埋め込む方法

1埋め込みコードを取得

Jotformウェブサイトウィジェットをカスタマイズしたら、「Try it on your website for free」をクリックし、生成された埋め込みコードをコピーします。

2ページエディタを開く

ウィジェットを表示したいWordPressの投稿またはページに移動し、新しいブロックを追加します。

3カスタムHTMLブロックを追加

カスタムHTMLを選択し、Jotformウェブサイトウィジェットの埋め込みコードをHTMLフィールドに貼り付けます。

4更新して表示

更新または公開をクリックし、ページを開いて埋め込まれたウィジェットを確認します。

Jotformウェブサイトウィジェットが選ばれる理由

Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。

コーディングなしでウィジェットを埋め込む

シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。

よりインタラクティブなページを作成

Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。

必要なときにサポートを受けられます

ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。

OpenStreetMapウィジェットの活用シーン

訪問者が来訪前に場所を比較したり、詳細を確認したり、経路を開いたりする必要がある場所ならどこにでも、このウィジェットを配置できます。

お問い合わせページ:住所、電話番号、営業時間、経路リンクをインタラクティブな地図と組み合わせて表示します。

店舗検索ページ:お客様が支店、ショールーム、受取場所、サービスカウンターを比較できるようサポートします。

イベントページ:参加者を会場、駐車場、入口、受付へと案内します。

ホテル・旅行ページ:施設、近隣の見どころ、交通機関の乗り場、サービス拠点を表示します。

レストランページ:店舗ごとの営業時間とともに、ダイニングルーム、デリバリー拠点、テイクアウトカウンターを一覧表示します。

キャンパス・不動産ページ:建物、オフィス、区画、入口を地図に表示し、訪問者が正しい場所にたどり着けるようにします。

Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう

Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。

無料で今すぐ始める
Convert leads into customers

よくある質問 (FAQ)

  • OpenStreetMapウィジェットとは?

    OpenStreetMapウィジェットは、詳細情報、マーカー、経路リンク付きで、1つの場所または検索可能な場所の一覧を表示する、埋め込み可能なウェブサイト地図です。

  • いくつの場所を追加できますか?

  • 訪問者は場所への経路を取得できますか?

  • 訪問者は場所を検索したり絞り込んだりできますか?

  • 地図のスタイルを変更できますか?

  • 地図をブランドに合わせられますか?

  • Does the widget work on mobile?

  • コードを書く必要はありますか?