ウェブサイト向けイメージマップ 作成ツール
商品写真、間取り図、スクリーンショット、図表、地図などを、インタラクティブなガイドに変えられます。最大8個のマーカーを配置し、それぞれに画像（任意）、タイトル、説明、CTAボタンを備えた詳細カードを設定できます。
Image Hotspotウィジェットの作成方法
画像をアップロード
商品写真、フロアプラン、アプリのスクリーンショット、インフォグラフィック、または訪問者が詳しく見る必要のあるその他の画像から始めましょう。
ホットスポットの配置と編集
最大8個のマーカーを追加し、ドラッグして配置し、それぞれに番号またはアイコンを選択します。さらに、任意で画像、タイトル、説明、CTAリンクを追加できます。
スタイルを設定して埋め込む
マーカーとカードの色、クリックまたはホバーの動作、サイズ、フォント、デバイスの表示設定を行い、ノーコードのウィジェットをサイトに公開します。
カスタムコード不要で静止画像をインタラクティブに
レスポンシブ座標でピンを視覚的に配置
画像に直接ピンを追加し、ドラッグして配置できます。ホットスポットは相対座標として保存されるため、デスクトップ、タブレット、モバイルで画像が拡大縮小しても位置が保たれます。
各ホットスポットに独自のコンテンツを設定
各詳細カードに、任意で画像、タイトル、説明を追加できます。また、リンク先を新しいタブで開くカスタムCTAボタンを表示することもできます。
クリックやホバー、モバイルのボトムシートを活用
デスクトップでは、クリックまたはホバーでカードを開きます。モバイルでは、アクティブなホットスポットがボトムシートで開き、画像を見やすく保ちます。
マーカーとカードをウェブサイトに合わせる
番号付きまたはアイコンのマーカーを使用し、アイコンライブラリから選択でき、マーカーのサイズ、パルスエフェクト、カードのサイズ、色、テーマ、角の丸み、フォント、テキストの配置を調整できます。
Jotformウェブサイトウィジェットが選ばれる理由
Jotformのウィジェットは、ウェブサイトをよりインタラクティブにし、コンバージョンを高めます。星評価やお客様の声のスライダーから、社会的証明のポップアップ、メディア埋め込みまで、多彩なツールが利用可能です。フォームやランディングページにウィジェットを追加して、データ収集、証明の表示、リードの獲得を実現しましょう。コーディングは不要です。
シンプルな埋め込みコードで、Jotformウィジェットをウェブサイトに追加できます。ウィジェットをカスタマイズし、見た目をプレビューして、カスタムHTMLや埋め込みブロックに対応したあらゆるページに貼り付けるだけ。開発者は一切不要です。
Jotformウェブサイトウィジェットを使って、リードの獲得、お客様のフィードバックの表示、社会的証明の掲載、メディアの埋め込み、便利なウェブページツールの追加ができます。各ウィジェットは、訪問者がウェブサイトから直接あなたのビジネスとやり取りできるようサポートします。
ウィジェットの設定、カスタマイズ、埋め込み、トラブルシューティングでサポートが必要な場合、Jotformのカスタマーサポートチームが24時間365日対応します。必要なときに助けがあると分かっているので、安心して前に進めます。
イメージホットスポットウィジェットの活用シーン
訪問者がビジュアルを詳しく確認し、各部分の意味を理解する必要がある場所ならどこでも、インタラクティブなホットスポットを活用できます。
商品画像やルックブックで、注目アイテムを示し、重要な詳細を説明し、訪問者を商品ページへ誘導できます。
不動産や会場のフロアプランで、部屋、ブース、座席エリア、アメニティ、レンタルオプションに注釈を付けられます。
アプリのスクリーンショットで、インターフェースの各エリア、ワークフローの手順、ダッシュボード、製品機能を説明できます。
インフォグラフィックやレポートで、元のグラフィックを煩雑にすることなく、要点を絞った説明を追加できます。
教育用の図表で、地図やプロセス図、トレーニング画像をより探索しやすくできます。
ポートフォリオページで、デザインの詳細、素材、ビフォーアフターのメモ、プロジェクトの決定事項を説明できます。
Jotformフォーム作成ツールで、リードを有料顧客へと変えましょう
Jotformで、エンゲージメントをアクションへと変えましょう。リードの獲得、決済の回収、返信の自動化まで、すべてを一か所で実現する強力なフォームを作成できます。すべての回答はJotform受信トレイに届き、そこからフォローアップしたり、お気に入りのアプリと連携したりできます。
無料で今すぐ始める
よくある質問 (FAQ)
イメージホットスポットウィジェットとは何ですか？
イメージホットスポットウィジェットは、画像にインタラクティブなマーカーを追加します。各マーカーから、画像、タイトル、説明、CTAボタンを含む詳細カードを開くことができます。
ホットスポットを視覚的に配置できますか？
ホットスポットはいくつ追加できますか？
各ホットスポットカードに何を追加できますか？
訪問者はホバーでカードを開けますか？
モバイルではどのように動作しますか？
マーカーのスタイルを変更できますか？
カードのスタイルを変更できますか？
ウィジェットを表示するデバイスを制御できますか？
コードを書く必要はありますか？