{"id":262,"date":"2026-05-12T16:43:26","date_gmt":"2026-05-12T16:43:26","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&#038;p=262"},"modified":"2026-05-15T11:35:03","modified_gmt":"2026-05-15T11:35:03","password":"","slug":"infografik","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/infografik\/","title":{"rendered":"Infografik"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"262\" class=\"elementor elementor-262\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20839bad e-con-full e-flex e-con e-parent\" data-id=\"20839bad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba9b81b elementor-widget elementor-widget-text-editor\" data-id=\"4ba9b81b\" 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>Anwendung<\/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>Das Infografik Element macht dein WBT attraktiver. Du kannst damit jede Aufz\u00e4hlung oder Liste deutlich ansprechender und \u00fcbersichtlicher darstellen als mit einer einfachen Stickpunktliste.\u00a0<\/p><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4dfce64c elementor-widget elementor-widget-text-editor\" data-id=\"4dfce64c\" 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 Anleitung<\/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 Element 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-618340c8 elementor-widget elementor-widget-video\" data-id=\"618340c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=XHOmBV4js_E&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&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<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-39db8f8a elementor-widget elementor-widget-text-editor\" data-id=\"39db8f8a\" 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 f\u00fcr Schritt anleitung<\/h2><p>Schaue dir die Hotspots an und erfahre wie die Infografik funktioniert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d01557c elementor-widget elementor-widget-hotspots\" data-id=\"4d01557c\" 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\/05\/Infografik-1.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 31%; 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\">Rahmen<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Entscheide, ob deine Infografik Rahmen hat oder nicht. <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 53%; left: 18%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Lorem ipsum<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Beschrifte die Mitte der Grafik und f\u00fcge ein Icon oder ein Bild ein. <\/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-a66d002 elementor-widget elementor-widget-spacer\" data-id=\"a66d002\" 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-66e8a11 elementor-widget elementor-widget-text-editor\" data-id=\"66e8a11\" 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: Arme bearbeiten<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c7036f elementor-widget elementor-widget-hotspots\" data-id=\"4c7036f\" 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\/05\/Infografik-2.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 21%; left: 9%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    1                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Arme<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Die Infografik hat erstmal vier Arme. Du kannst bis zu acht Arme erstellen. <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 44%; left: 18%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Arme bearbeiten<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle in den Einstellungen der Arme aus, ob du Icons oder Bild zeigen m\u00f6chtest. F\u00fcge f\u00fcr jeden Arm ein Bild und eine Beschriftung ein. <\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 57%; left: 18%;\">\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<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Am Ende der Arme kannst du Hotspots hinzuf\u00fcgen, die entweder beim Hovern mit der Maus einen Text anzeigen oder mit einem Klick ein Overlay \u00f6ffnen. Editiere das Overlay im Overlay Editor.<\/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-6cfc229 elementor-widget elementor-widget-spacer\" data-id=\"6cfc229\" 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\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anwendung Das Infografik Element macht dein WBT attraktiver. Du kannst damit jede Aufz\u00e4hlung oder Liste deutlich ansprechender und \u00fcbersichtlicher darstellen als mit einer einfachen Stickpunktliste.\u00a0 Video Anleitung Erfahre in dem folgenden Video Tutorial, wie du das Element erstellst https:\/\/www.youtube.com\/watch?v=XHOmBV4js_E Schritt f\u00fcr Schritt anleitung Schaue dir die Hotspots an und erfahre wie die Infografik funktioniert. 1 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[11],"doc_tag":[],"class_list":["post-262","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-06","word_count":164,"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\/262","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=262"}],"version-history":[{"count":13,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/262\/revisions"}],"predecessor-version":[{"id":786,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/262\/revisions\/786"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=262"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=262"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}