{"id":272,"date":"2026-06-08T07:20:32","date_gmt":"2026-06-08T07:20:32","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&#038;p=272"},"modified":"2026-06-22T08:37:45","modified_gmt":"2026-06-22T08:37:45","password":"","slug":"hotspots","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/hotspots\/","title":{"rendered":"Hotspots"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"272\" class=\"elementor elementor-272\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53be4df4 e-con-full e-flex e-con e-parent\" data-id=\"53be4df4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74c087da elementor-widget elementor-widget-text-editor\" data-id=\"74c087da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Application<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p class=\"p1\">Verwende das Hotspot Element, wenn du ein Bild verwenden m\u00f6chtest, das detaillierte Erkl\u00e4rungen an bestimmten Stellen ben\u00f6tigt (z. B. Situationen mit mehreren Personen, Produktanatomie oder Lagepl\u00e4ne, Diagramme, komplexe Infografiken oder Screenshots). Nutze Hotspots, wenn du komplexe visuelle Inhalte erkl\u00e4ren m\u00f6chtest.<\/p><p class=\"p1\">Hotspots erm\u00f6glichen das visuelle Verkn\u00fcpfung von Informationen. Sie eignen sich besonders f\u00fcr explorative Lernphasen, in denen Lernende Inhalte in ihrem eigenen Tempo entdecken k\u00f6nnen.<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1bdc9c1 elementor-widget elementor-widget-button\" data-id=\"1bdc9c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#1\" id=\"1\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Hier klicken<\/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<div class=\"elementor-element elementor-element-108cdd3 elementor-widget elementor-widget-text-editor\" data-id=\"108cdd3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Video tutorial<\/h2><div class=\"elementor-element elementor-element-a9dff80 elementor-widget elementor-widget-fp-text\" data-id=\"a9dff80\" data-element_type=\"widget\" data-widget_type=\"fp-text.default\"><div class=\"elementor-widget-container\"><div class=\"text\"><p>Erfahre in dem folgenden Video Tutorial, wie du das Big Slider erstellst<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b37abb0 elementor-widget elementor-widget-video\" data-id=\"b37abb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;vimeo&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<iframe class=\"elementor-video-iframe\" allowfullscreen allow=\"clipboard-write\" title=\"Vimeo video player\" src=\"https:\/\/player.vimeo.com\/video\/1198578448?color&amp;autopause=0&amp;loop=0&amp;muted=0&amp;title=1&amp;portrait=1&amp;byline=1#t=\"><\/iframe>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51a35644 elementor-widget elementor-widget-spacer\" data-id=\"51a35644\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f42e604 elementor-widget elementor-widget-text-editor\" data-id=\"5f42e604\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Hotspots hinzuf\u00fcgen<\/h2><div id=\"model-response-message-contentr_a9f677e6d41788df\" class=\"markdown markdown-main-panel stronger enable-updated-hr-color\" dir=\"ltr\" aria-live=\"polite\" aria-busy=\"false\"><p data-path-to-node=\"0\">Ziehe das Hotspot Element in ein Modul hinein.<\/p><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-12bceb7f elementor-widget elementor-widget-image\" data-id=\"12bceb7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotspots-einfuegen.jpg\" title=\"Hotspots einfu\u0308gen\" alt=\"Hotspots einfu\u0308gen\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2a1873 elementor-widget elementor-widget-spacer\" data-id=\"a2a1873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21d42b14 elementor-widget elementor-widget-text-editor\" data-id=\"21d42b14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Schritt 1 &#8211; Bild hinzuf\u00fcgen<\/h2><p>Schau dir die Hotspots an, um zu sehen, welche Einstellungen f\u00fcr das Bild verf\u00fcgbar sind.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35fa93c9 elementor-widget elementor-widget-hotspots\" data-id=\"35fa93c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Layout-1.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 46%; left: 65%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Select image<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle ein Bild aus der Mediathek aus, das du mit Hotspots erkl\u00e4ren m\u00f6chtest.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 57%; left: 65%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Breite<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle aus, ob dein Bild \u00fcber die gesamte Breite angezeigt werden soll.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c98afea elementor-widget elementor-widget-spacer\" data-id=\"c98afea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2d18ab elementor-widget elementor-widget-text-editor\" data-id=\"a2d18ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Schritt 2 &#8211; Hotspot Art w\u00e4hlen<\/h2><p>Schau dir die Hotspots an, um zu sehen, welche Hotspot Arten dir zur Verf\u00fcgung stehen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ad3709 elementor-widget elementor-widget-hotspots\" data-id=\"9ad3709\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotpots.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 27%; left: 24%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Icon Hotspots<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf Icon, um ein Symbol in der Mitte deiner Hotspots anzuzeigen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 27%; left: 76%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Nummer Hotspots<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf Nummer, wenn deine Hotspots nummeriert sein sollen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c3ec0b6 elementor-widget elementor-widget-spacer\" data-id=\"6c3ec0b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-42b1801 elementor-widget elementor-widget-text-editor\" data-id=\"42b1801\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Schritt 3 &#8211; Hotspots Einstellungen<\/h2><div class=\"container\"><div id=\"model-response-message-contentr_54885ef6289e126f\" class=\"markdown markdown-main-panel stronger enable-updated-hr-color\" dir=\"ltr\" aria-live=\"polite\" aria-busy=\"false\"><p data-path-to-node=\"0\">Schau dir die Hotspots an, um zu sehen, wie du deine Hotspots verwaltest.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-76a296b elementor-widget elementor-widget-hotspots\" data-id=\"76a296b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotpots-1.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 17%; left: 67%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Add hotspot<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf \u201eHotspot hinzuf\u00fcgen\u201c, um einen neuen Hotspot hinzuzuf\u00fcgen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 46%; left: 67%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Anordnung<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Tausche die Reihenfolge der Hotspots, indem du auf das Verschieben Icon klickst und es ziehst.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 78%; left: 67%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspots l\u00f6schen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">L\u00f6sche einen Hotspot, indem du auf das Papierkorb Icon klickst.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d1821b9 elementor-widget elementor-widget-spacer\" data-id=\"3d1821b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f0ab691 e-flex e-con-boxed e-con e-parent\" data-id=\"f0ab691\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43cbc11 elementor-widget elementor-widget-text-editor\" data-id=\"43cbc11\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1>Layout 1 &#8211; Aktion Hotspots<\/h1><p>Dir stehen 4 Hotspot Layouts zur Verf\u00fcgung. In dieser Schritt f\u00fcr Schritt Anleitung gehen wir alle Layout Varianten sowie Hotspot Arten durch und zeigen dir die jeweiligen Einstellungsm\u00f6glichkeiten.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7107ac1 elementor-widget elementor-widget-hotspots\" data-id=\"7107ac1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/aktion.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 67%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Aktion Hotspot<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den ersten Punkt \u201eAktion\u201c, um einen Aktions Hotspot einzuf\u00fcgen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c93f886 elementor-widget elementor-widget-spacer\" data-id=\"c93f886\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-165e330 elementor-widget elementor-widget-text-editor\" data-id=\"165e330\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Hotspot Arten im \u00dcberblick<\/h2><p>Schau dir die Hotspots auf dem Bild an, um zu erfahren, welche Hotspot Arten in excelerate zur Auswahl stehen und wie sie funktionieren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43bfd38 elementor-widget elementor-widget-hotspots\" data-id=\"43bfd38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotpot-Ueberblick.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 18%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Audio<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Click on the first point, \u201eAudio,\u201c to convert your hotspot into an audio hotspot. Learners can then play an audio track by clicking on it.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 50%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Download<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den zweiten Punkt \u201eDownload\u201c, um deinen Hotspot in einen Download-Hotspot umzuwandeln. Lernende k\u00f6nnen dann per Klick eine hinterlegte Datei herunterladen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 22%; left: 82%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Abschnitt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den dritten Punkt \u201eAbschnitt\u201c, um deinen Hotspot in einen Abschnitts-Hotspot umzuwandeln. Lernende k\u00f6nnen dann durch einen Klick zum n\u00e4chsten Abschnitt im WBT gelangen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcbc567 elementor-widget elementor-widget-spacer\" data-id=\"bcbc567\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-da06616 elementor-widget elementor-widget-text-editor\" data-id=\"da06616\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Item 1 \u2013 Audio<\/h2><p>Click on the first point, \u201eAudio,\u201c to convert your hotspot into an audio hotspot. Learners can then play an audio track by clicking on it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5abb6cb elementor-widget elementor-widget-hotspots\" data-id=\"5abb6cb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Audio.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Farbe<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob dein Hotspot einen hellen oder dunklen Ring in der Mitte haben soll. Dadurch wird eine optimale Sichtbarkeit auf hellen und dunklen Bildern gew\u00e4hrleistet.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 52%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Inhalt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Gib deinem Hotspot einen Titel und entscheide, ob dieser dauerhaft angezeigt werden soll. Ist die Titelanzeige aktiviert, wird dein Hotspot wie rechts dargestellt.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 69%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Select audio<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Select an audio track from the media library to play when the hotspot is clicked. While playing, the hotspot will be displayed as shown on the right. The audio can be stopped at any time by clicking again.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7f461c elementor-widget elementor-widget-spacer\" data-id=\"d7f461c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2bbc46a elementor-widget elementor-widget-text-editor\" data-id=\"2bbc46a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Punkt 2 &#8211; Download<\/h2><p data-pm-slice=\"1 1 []\">Klicke auf den zweiten Punkt \u201eDownload\u201c, um deinen Hotspot in einen Download-Hotspot umzuwandeln. Lernende k\u00f6nnen dann durch einen Klick die hinterlegte Datei herunterladen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-116f6e2 elementor-widget elementor-widget-hotspots\" data-id=\"116f6e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Download.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Farbe<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das erm\u00f6glicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 52%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Inhalt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Vergib f\u00fcr deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen m\u00f6chtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 69%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Download Datei ausw\u00e4hlen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle eine Datei aus der Mediathek aus, die deine Lerner herunterladen k\u00f6nnen, oder f\u00fcge einen Download Link ein, indem du auf \u201eLink\u201c klickst.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ac34737 elementor-widget elementor-widget-spacer\" data-id=\"ac34737\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8328ee elementor-widget elementor-widget-text-editor\" data-id=\"e8328ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Punkt 3 &#8211; Abschnitt<\/h2><p>Klicke auf den dritten Punkt \u201eAbschnitt\u201c, um aus deinem Hotspot einen Abschnitts Hotspot zu machen, bei dem die Lerner durch einen Klick auf den n\u00e4chsten Abschnitt im WBT gelangen k\u00f6nnen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2919cd7 elementor-widget elementor-widget-hotspots\" data-id=\"2919cd7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Abschnitt.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 45%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Farbe<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das erm\u00f6glicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 63%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Inhalt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Vergib f\u00fcr deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen m\u00f6chtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5356de4b e-flex e-con-boxed e-con e-parent\" data-id=\"5356de4b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9083271 elementor-widget elementor-widget-spacer\" data-id=\"9083271\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-693beea elementor-widget elementor-widget-text-editor\" data-id=\"693beea\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1>Layout 2 &#8211; Tooltip Hotspots<\/h1><div class=\"container\"><div id=\"model-response-message-contentr_b80d202641566466\" class=\"markdown markdown-main-panel stronger enable-updated-hr-color\" dir=\"ltr\" aria-live=\"polite\" aria-busy=\"false\"><p data-path-to-node=\"0\">The tooltip layout is structured differently than the action layout. With the action layout, an action is triggered immediately. With the tooltip layout, as the name suggests, a small tooltip opens when clicked, displaying the content you entered. The hotspot icon changes according to the selected hotspot type. For example, if you selected \u201eAudio,\u201c a player icon will appear there.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-565fd672 elementor-widget elementor-widget-hotspots\" data-id=\"565fd672\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Tooltip-1.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 67%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Tooltip Hotspot<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den ersten zweiten Punkt \u201eTooltip\u201c, um einen Tooltip Hotspot einzuf\u00fcgen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-784c1100 elementor-widget elementor-widget-spacer\" data-id=\"784c1100\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-31239c46 elementor-widget elementor-widget-text-editor\" data-id=\"31239c46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Hotspot Arten im \u00dcberblick<\/h2><p>Schau dir die Hotspots auf dem Bild an, um zu erfahren, welche Hotspot Arten in excelerate zur Auswahl stehen und wie sie funktionieren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79a5634b elementor-widget elementor-widget-hotspots\" data-id=\"79a5634b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotpot-Ueberblick-2.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 16%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Klick<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den ersten Punkt \u201ePunkt\u201c, um einen einfachen Hotspot zu erstellen. \u00dcber diesen k\u00f6nnen Lernende per Klick Inhalte wie Titel oder Flie\u00dftext anzeigen lassen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 38%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Audio<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Click on the second \u201eAudio\u201c point to turn your hotspot into an audio hotspot, where learners can play an audio track by clicking it.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 22%; left: 62%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Download<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den dritten Punkt \u201eDownload\u201c, um aus deinem Hotspot einen Download Hotspot zu machen, bei dem die Lerner durch einen Klick eine hinterlegte Datei herunterladen k\u00f6nnen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 22%; left: 82%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    4                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Abschnitt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den vierten Punkt \u201eAbschnitt\u201c, um einen Abschnitts-Hotspot zu erstellen. \u00dcber diesen gelangen Lernende per Klick zum n\u00e4chsten Abschnitt des WBTs.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 87%; left: 58%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    5                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Info<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Die Hotspot Arten 2, 3 und 4 sind dieselben wie im Layout 1 Hotspot.  Scrolle gerne nach oben, um sie dir noch einmal anzuschauen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41375b6 elementor-widget elementor-widget-spacer\" data-id=\"41375b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-57d2afdd elementor-widget elementor-widget-text-editor\" data-id=\"57d2afdd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Punkt 1 &#8211; Klick<\/h2><p>Klicke auf den ersten Punkt \u201ePunkt\u201c, um einen einfachen Hotspot zu erstellen. \u00dcber diesen k\u00f6nnen Lernende per Klick Inhalte wie Titel oder Flie\u00dftext anzeigen lassen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-51655184 elementor-widget elementor-widget-hotspots\" data-id=\"51655184\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Klick.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Farbe<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das erm\u00f6glicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 52%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Inhalt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Vergib f\u00fcr deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen m\u00f6chtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 69%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Titel, Text, und Bild<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, welche der drei Eingaben deine Lerner beim Klicken sehen werden. Du kannst nach Bedarf eine \u00dcberschrift, Text und ein Bild hinzuf\u00fcgen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-62f0cb8e elementor-widget elementor-widget-spacer\" data-id=\"62f0cb8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c0de49b elementor-widget elementor-widget-text-editor\" data-id=\"c0de49b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Tooltip Ansicht<\/h2><p>Schau dir die Slides an, um zu sehen, wie der Tooltip Hotspot im ge\u00f6ffneten Zustand f\u00fcr die Lerner aussieht.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b27854 elementor-widget elementor-widget-excelerate-slider\" data-id=\"4b27854\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"excelerate-slider.default\">\n\t\t\t\t\t\t\t<div class=\"excelerate-slider-outer\" id=\"excelerate-slider-outer-4b27854\">\n\t\t\t<div class=\"excelerate-slider-left\">\n\t\t\t\t<div class=\"excelerate-slider-texts\" id=\"excelerate-slider-texts-4b27854\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-text\">\n\t\t\t\t\t\t<h1>Klick<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-text\">\n\t\t\t\t\t\t<h1>Audio<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-text\">\n\t\t\t\t\t\t<h1>Download<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-text\">\n\t\t\t\t\t\t<h1>Abschnitt<\/h1>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"excelerate-slider-arrows\" id=\"excelerate-slider-arrows-4b27854\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"excelerate-slider-images\" id=\"excelerate-slider-images-4b27854\">\n\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-image\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Schmall-1-2.jpg\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-image\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Schmall-4.jpg\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-image\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Schmall-2-2.jpg\" alt=\"\" \/>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"excelerate-slider-slide-image\">\n\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Schmall-3-1.jpg\" alt=\"\" \/>\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-26607871 e-flex e-con-boxed e-con e-parent\" data-id=\"26607871\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-580ddc7f elementor-widget elementor-widget-spacer\" data-id=\"580ddc7f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3411a025 elementor-widget elementor-widget-text-editor\" data-id=\"3411a025\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1>Layout 3 &#8211; Popup Hotspots<\/h1><div class=\"container\"><div id=\"model-response-message-contentr_bc9375a368a22f1a\" class=\"markdown markdown-main-panel stronger enable-updated-hr-color\" dir=\"ltr\" aria-live=\"polite\" aria-busy=\"false\"><p data-path-to-node=\"0\">Bei der Layoutart Popup ist es \u00e4hnlich wie beim Tooltip. Beim Klick geht ein Fenster auf. Der Unterschied beim Popup ist, dass die Fenster gr\u00f6\u00dfer sind. Somit sind sie auch besser f\u00fcr Bilder und Videos geeignet. Die Eingaben f\u00fcr die verschiedenen Hotspotarten sind bei allen wiederkehrenden Arten gleich, neu dazu gekommen ist aber der Videoplayer.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fa60e4 elementor-widget elementor-widget-hotspots\" data-id=\"5fa60e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Tooltip-2.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 70%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Popup Hotspot<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den ersten dritten Punkt \u201ePopup\u201c, um einen Popup Hotspot einzuf\u00fcgen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3afb1703 elementor-widget elementor-widget-spacer\" data-id=\"3afb1703\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38164454 elementor-widget elementor-widget-text-editor\" data-id=\"38164454\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Hotspot Arten im \u00dcberblick<\/h2><p>Schau dir die Hotspots auf dem Bild an, um zu erfahren, welche Hotspot Arten in excelerate zur Auswahl stehen und wie sie funktionieren.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1faef172 elementor-widget elementor-widget-hotspots\" data-id=\"1faef172\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotpot-Ueberblick-3.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 12%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Klick<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den ersten Punkt \u201eKlick\u201c, um aus deinem Hotspot einen einfachen Hotspot zu machen, bei dem den Lernern durch einen Klick Inhalte wie Titel, Flie\u00dftext oder Bild angezeigt werden.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 22%; left: 32%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Audio<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Click on the second \u201eAudio\u201c point to make a popup with an audio file from your hotspot that learners can play after opening it.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 22%; left: 51%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Download<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den dritten Punkt \u201eVideo\u201c, um aus deinem Hotspot ein Popup mit einem Video zu machen, das die Lerner nach dem \u00d6ffnen abspielen k\u00f6nnen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 22%; left: 70%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    4                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Download<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den vierten Punkt \u201eDownload\u201c, um aus deinem Hotspot ein Popup mit einem Download zu machen, bei dem die Lerner nach dem \u00d6ffnen eine Datei herunterladen k\u00f6nnen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 22%; left: 89%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    5                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Info<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den f\u00fcnften Punkt \u201eAbschnitt\u201c, um aus deinem Hotspot ein Popup mit einem Abschnitt zu machen, bei dem die Lerner nach dem \u00d6ffnen zu einem voreingestellten Abschnitt im WBT gelangen k\u00f6nnen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 87%; left: 58%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    6                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Info<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Die Hotspot Arten 2, 3 und 4 sind dieselben wie im Layout \u201e1 Hotspot\u201c. Ausgenommen ist hier das Video, da dieses neu dazugekommen ist. Die Einstellungen sind alle gleich geblieben, was sich jedoch ver\u00e4ndert hat, ist die Funktionalit\u00e4t der Hotspots. Scrolle gerne nach oben, um sie dir noch einmal anzuschauen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14e0ed5 elementor-widget elementor-widget-spacer\" data-id=\"14e0ed5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e694cc9 elementor-widget elementor-widget-text-editor\" data-id=\"3e694cc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Punkt 3 &#8211; Video einstellen<\/h2><p>Klicke auf den dritten Punkt \u201eVideo\u201c, um aus deinem Hotspot ein Popup mit einem Video zu machen, das die Lerner nach dem \u00d6ffnen abspielen k\u00f6nnen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-20a18f8d elementor-widget elementor-widget-hotspots\" data-id=\"20a18f8d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Video-1.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 35%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Farbe<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob dein Hotspot einen hellen oder einen dunklen Ring in der Mitte hat. Das erm\u00f6glicht eine perfekte Sichtbarkeit auf dunklen oder hellen Bildern.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 52%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Hotspot Inhalt<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Vergib f\u00fcr deinen Hotspot einen Titel und entscheide, ob du diesen dauerhaft anzeigen lassen m\u00f6chtest oder nicht. Wenn der Titel angezeigt wird, kann dein Hotspot wie auf der rechten Seite aussehen.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 78%; left: 60%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Video<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle ein Video aus der Mediathek oder f\u00fcge es \u00fcber einen Link hinzu.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ceb5b4d e-flex e-con-boxed e-con e-parent\" data-id=\"1ceb5b4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1acc2de1 elementor-widget elementor-widget-spacer\" data-id=\"1acc2de1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b374180 elementor-widget elementor-widget-text-editor\" data-id=\"5b374180\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"1\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h1>Layout 4 &#8211; Overlay Hotspots<\/h1><p>W\u00e4hle das Overlay Layout aus, damit beim Klick auf den Hotspot ein Overlay angezeigt wird, das du mit dem Content Editor anpassen kannst.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e3b8b97 elementor-widget elementor-widget-hotspots\" data-id=\"6e3b8b97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 39%; left: 71%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Overlay Hotspot<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf den vierten Punkt \u201eOverlay\u201c, um einen Overlay Hotspot einzuf\u00fcgen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-18b193ca elementor-widget elementor-widget-spacer\" data-id=\"18b193ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d93fdc elementor-widget elementor-widget-text-editor\" data-id=\"5d93fdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Overlay Layout \u00dcberblick<\/h2><p>Schau dir den Hotspot auf dem Bild an, um zu erfahren, welche Einstellungen beim Overlay Layout Hotspot zur Verf\u00fcgung stehen.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-60a5c67d elementor-widget elementor-widget-hotspots\" data-id=\"60a5c67d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hotspots.default\">\n\t\t\t\t\t            <div class=\"excelerate-hotspots\">\n                <img decoding=\"async\" class=\"excelerate-hotspots-image\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Hotpot-Ueberblick-4.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 21%; left: 51%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Overlay Bearbeiten<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Klicke auf \u201eOverlay bearbeiten\u201c, um die Inhalte des Overlays mit dem Content Editor anzupassen.<\/div>\n                                <\/div>\n                            <\/div>\n                                            <\/div>\n\t\t    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40ab666 elementor-widget elementor-widget-spacer\" data-id=\"40ab666\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1029f14d elementor-widget elementor-widget-text-editor\" data-id=\"1029f14d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Overlay Bearbeiten<\/h2><p>Klicke auf \u201eOverlay bearbeiten\u201c, um die Inhalte des Hotspots anzulegen.\u00a0<\/p><p>Um zu sehen, wie du ein Overlay bearbeitest, klicke hier.<\/p><p><a href=\"https:\/\/help.excelerate.app\/en\/help\/overlay-bearbeiten\/\">Overlay Bearbeiten<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-662a8a2 elementor-widget elementor-widget-image\" data-id=\"662a8a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"491\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1-1024x628.jpg\" class=\"attachment-large size-large wp-image-3144\" alt=\"\" srcset=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1-1024x628.jpg 1024w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1-300x184.jpg 300w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1-768x471.jpg 768w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1-18x12.jpg 18w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1-360x221.jpg 360w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/06\/Overlay-1.jpg 1502w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anwendung Verwende das Hotspot Element, wenn du ein Bild verwenden m\u00f6chtest, das detaillierte Erkl\u00e4rungen an bestimmten Stellen ben\u00f6tigt (z. B. Situationen mit mehreren Personen, Produktanatomie oder Lagepl\u00e4ne, Diagramme, komplexe Infografiken oder Screenshots). Nutze Hotspots, wenn du komplexe visuelle Inhalte erkl\u00e4ren m\u00f6chtest. Hotspots erm\u00f6glichen das visuelle Verkn\u00fcpfung von Informationen. Sie eignen sich besonders f\u00fcr explorative Lernphasen, [&hellip;]<\/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-272","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-08","word_count":1639,"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\/272","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=272"}],"version-history":[{"count":179,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/272\/revisions"}],"predecessor-version":[{"id":4335,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/272\/revisions\/4335"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=272"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=272"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=272"}],"curies":[{"name":"WP","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}