{"id":694,"date":"2026-05-08T17:08:52","date_gmt":"2026-05-08T17:08:52","guid":{"rendered":"https:\/\/help.excelerate.app\/?post_type=docs&#038;p=694"},"modified":"2026-05-12T16:24:52","modified_gmt":"2026-05-12T16:24:52","password":"","slug":"box","status":"publish","type":"docs","link":"https:\/\/help.excelerate.app\/en\/help\/box\/","title":{"rendered":"Box"},"content":{"rendered":"<div data-elementor-type=\"wp-post\" data-elementor-id=\"694\" class=\"elementor elementor-694\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c0d63b3 e-con-full e-flex e-con e-parent\" data-id=\"6c0d63b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad671e0 elementor-widget elementor-widget-text-editor\" data-id=\"4ad671e0\" 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>Boxen machen deine Inhalte \u00fcbersichtlicher, lesbarer, verst\u00e4ndlicher und visuell attraktiver.\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-654aa0be elementor-widget elementor-widget-text-editor\" data-id=\"654aa0be\" 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-2dd7b804 elementor-widget elementor-widget-video\" data-id=\"2dd7b804\" 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-7995e1b elementor-widget elementor-widget-text-editor\" data-id=\"7995e1b\" 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 das Element funktioniert.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1805fccf elementor-widget elementor-widget-hotspots\" data-id=\"1805fccf\" 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\/Box.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 30%; 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\">Layout<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle die passende Layoutvariante. Hier kannst du dich zwischen drei verschiedenen Layout-Optionen entscheiden.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 43%; left: 14%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    2                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Box Farbe<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">W\u00e4hle die Farbe der Box.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot\" style=\"top: 67%; left: 16%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    3                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Text<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Bearbeite die Box entweder direkt im Element oder im Bearbeitungskasten. F\u00fcge daf\u00fcr eine \u00dcberschrift und einen Fliesstext ein und formatiere ihn wahlweise.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 61%; left: 58%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    4                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Button<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Erstelle einen Button mit Beschriftung, der zu einem Link, einem Abscnhitt oder einem Overlay f\u00fchrt.<\/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>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anwendung Boxen machen deine Inhalte \u00fcbersichtlicher, lesbarer, verst\u00e4ndlicher und visuell attraktiver.\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 das Element funktioniert. 1 Layout W\u00e4hle die passende Layoutvariante. Hier kannst du dich zwischen drei verschiedenen Layout-Optionen entscheiden. [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[5],"doc_tag":[],"class_list":["post-694","docs","type-docs","status-publish","hentry","doc_category-basiselemente"],"year_month":"2026-06","word_count":110,"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 - Basis Elemente","term_url":"https:\/\/help.excelerate.app\/en\/docs-category\/basiselemente\/"}],"doc_tag_info":[],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/694","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=694"}],"version-history":[{"count":4,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/694\/revisions"}],"predecessor-version":[{"id":750,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/694\/revisions\/750"}],"wp:attachment":[{"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/media?parent=694"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_category?post=694"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/doc_tag?post=694"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}