{"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-06-12T12:54:51","modified_gmt":"2026-06-12T12:54:51","password":"","slug":"infografik","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/infografik\/","title":{"rendered":"Infographic"},"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>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>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 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 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;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\/1183759762?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-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>Step-by-step guide<\/h2><p>Schaue dir die Hotspots an und erfahre wie die Infografik funktioniert.<\/p><p>\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca5be70 elementor-widget elementor-widget-text-editor\" data-id=\"ca5be70\" 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: Aussehen<\/h2>\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 einen Rahmen haben soll 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\">Infografik Mitte<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Beschrifte die Mitte der Infografik 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 verf\u00fcgt zun\u00e4chst \u00fcber vier Arme. Du kannst die Anzahl auf bis zu acht Arme erweitern. Die Arme lassen sich frei verschieben und k\u00f6nnen bei Bedarf \u00fcber das Papierkorb-Icon gel\u00f6scht werden.<\/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 Bilder 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 Dar\u00fcberfahren mit der Maus einen Text anzeigen oder per Klick ein Overlay \u00f6ffnen. Bearbeite das Overlay anschlie\u00dfend 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:\/\/vimeo.com\/1183759762 Schritt f\u00fcr Schritt Anleitung Schaue dir die Hotspots an und erfahre wie die Infografik funktioniert. \u00a0 [&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-262","docs","type-docs","status-publish","hentry","doc_category-inhaltselemente"],"year_month":"2026-08","word_count":187,"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":26,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/262\/revisions"}],"predecessor-version":[{"id":4334,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/262\/revisions\/4334"}],"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}]}}