画像ホットスポット
画像ホットスポット
画像ホットスポットを使うと、画像内の注目してほしい箇所にピンを配置し、説明やリンクを追加できます。訪問者がピンにマウスポインターを重ねるかクリックすると、小さな情報ウィンドウ（ポップオーバー）が開き、詳しい内容が表示されます。
画像ホットスポットを使うメリット
- 気になる部分の詳細を伝える： 画像に文字を詰め込まずに、機能や商品、手順などの説明を追加できます。訪問者は、興味のある箇所を選んで詳細を確認できます。
- 画像内の商品を紹介する： コーディネートに使った服や小物、部屋に置かれた家具などにピンを付け、それぞれの商品ページへ案内できます。
- 複雑な画像をわかりやすく説明する： 図や間取り図、インフォグラフィックに補足説明を加えられます。操作したときだけ説明が表示されるため、画像をすっきり見せられます。
- 次の行動につなげる： 各ホットスポットに「今すぐ購入」などのリンクボタンを設定し、商品購入や詳細ページの閲覧へ誘導できます。
設定方法
- ベースとなる画像を選択します。
- 画像上のピンを配置したい箇所をクリックして、ホットスポットを追加します。
- ピンをドラッグして位置を調整し、クリックして内容を編集します。
- ホットスポットを増やす場合は「＋追加」をクリックします。追加した項目は、リスト内で並べ替えられます。
ホットスポットごとの設定
- タイトルと説明： ポップオーバーに表示する見出しと本文を設定します。
- アイコン（任意）： ピンに表示するアイコンを選択します。
- リンクとリンクテキスト（任意）： リンク先と、ボタンに表示する文言を設定します（例：「今すぐ購入」）。
- 画像（任意）： ポップオーバー内に補足画像を追加します。商品の細部を拡大して見せたい場合などに便利です。
- 画像の代替テキスト： 画像の内容を説明するテキストを設定します。画像が表示されない場合や、スクリーンリーダーで読み上げる際に、内容を伝えるために使われます。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます