{"id":3227,"date":"2026-06-11T08:45:47","date_gmt":"2026-06-11T08:45:47","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&p=3227"},"modified":"2026-06-12T15:00:53","modified_gmt":"2026-06-12T15:00:53","password":"","slug":"panorama-element","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/panorama-element\/","title":{"rendered":"Panorama"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Application<\/h2>

Use the Panorama element to give your learners the opportunity to explore new environments. There are two ways they can do this: first, the free navigation<\/b>, where they can pan the image up, down, left, or right to discover the hotspots. And secondly, the guided navigation,<\/b>\u00a0This means the system guides the learner hotspot by hotspot through the image.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Add Panorama Element<\/h2>

Drag the panorama element into a module.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Panora\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Panorama settings<\/h2>

Check out the hotspots to see what setting options you have for the panorama element.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Navigation<\/div>\n
Decide whether the navigation of your element is free or guided. In the guided version, you can also decide whether your controls should be at the bottom or top.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Picture<\/div>\n
Upload an image from the Media Library. A panoramic image would be best so your learners can explore the hotspots interactively.<\/div>\n <\/div>\n <\/div>\n
\n
\n 3 <\/div>\n
\n
Starting screen<\/div>\n
Move the sliders to select the starting position in the image, which is the view your learners will see first.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Hotspot Overview<\/h2>

Under the panorama settings, you'll find the hotspot overview. Take a look at the hotspots to learn how to adjust and manage them.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Hotspots<\/div>\n
Move, delete a hotspot, or click a hotspot field to edit it.<\/div>\n <\/div>\n <\/div>\n
\n
\n 2 <\/div>\n
\n
Add hotspot<\/div>\n
Click \u201eAdd Hotspot\u201c to add another hotspot to your panorama.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Hotspot Overview<\/h2>

Click the button to see how the hotspots work and what settings you have available.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tHotspots Overview<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\n \n
\n
\n
\n 1 <\/div>\n
\n
Hotspot Settings<\/div>\n
Click the link in the text to see how you can customize the hotspots.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\t\t <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Navigation<\/h2>

Look at the slides to see how the panorama element is perceived from a learner's perspective.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t

Free Navigation<\/h1>

Learners discover the hotspots by dragging the image to the spot where a hotspot is visible.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t

Guided Navigation<\/h1>

The learners discover the hotspots one after another by clicking on the \u201eForward\u201c or \u201eBackward\u201c controls. The slide indicator in the center shows them how many hotspots are present in total on the panoramic image.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

<\/div>\n\t\t\t<\/div>\n\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"

Anwendung Verwende das Panorama Element, um deinen Lernern die M\u00f6glichkeit zu geben, neue Umgebungen zu erkunden. Es gibt zwei M\u00f6glichkeiten, wie sie das machen k\u00f6nnen: Einmal die freie Navigation, bei der sie das Bild nach oben, unten, links oder rechts verschieben, um die Hotspots zu entdecken. Und zum anderen die gef\u00fchrte Navigation,\u00a0das hei\u00dft, das System […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[11],"doc_tag":[],"class_list":["post-3227","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-08","word_count":344,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Excelerate","author_nicename":"excelerate","author_url":"https:\/\/help.excelerate.app\/en\/author\/excelerate\/"},"doc_category_info":[{"term_name":"Creator - Inhalt - Elemente","term_url":"https:\/\/help.excelerate.app\/en\/docs-category\/inhaltselemente\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/3227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/comments?post=3227"}],"version-history":[{"count":50,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/3227\/revisions"}],"predecessor-version":[{"id":3759,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/3227\/revisions\/3759"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=3227"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=3227"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=3227"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}