{"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-06-12T14:56:50","modified_gmt":"2026-06-12T14:56:50","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>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>Boxen machen deine Inhalte \u00fcbersichtlicher, lesbarer, verst\u00e4ndlicher und visuell attraktiver. Das Box-Element geh\u00f6rt zu den Basiselementen und ist daher vielseitig einsetzbar.<\/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 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>In the following video tutorial, learn how to create the element.<\/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;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\/1182964402?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-4aa17e3 elementor-widget elementor-widget-spacer\" data-id=\"4aa17e3\" 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-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 id=\"1-toc-title\" class=\"betterdocs-content-heading\">Box Element hinzuf\u00fcgen<\/h2><div class=\"elementor-element elementor-element-276956c8 elementor-widget elementor-widget-text-editor\" data-id=\"276956c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\"><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 Box Element in einem Modul hinein.<\/p><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f243199 elementor-widget elementor-widget-image\" data-id=\"f243199\" 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=\"1502\" height=\"921\" src=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1.jpg\" class=\"attachment-full size-full wp-image-3645\" alt=\"\" srcset=\"https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1.jpg 1502w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1-300x184.jpg 300w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1-1024x628.jpg 1024w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1-768x471.jpg 768w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1-18x12.jpg 18w, https:\/\/help.excelerate.app\/wp-content\/uploads\/2026\/05\/Box-1-360x221.jpg 360w\" sizes=\"(max-width: 1502px) 100vw, 1502px\" \/>\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-7bbba59 elementor-widget elementor-widget-spacer\" data-id=\"7bbba59\" 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-6816812 elementor-widget elementor-widget-text-editor\" data-id=\"6816812\" 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 id=\"1-toc-title\" class=\"betterdocs-content-heading\">Box Element Einstellungen<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a7b632 elementor-widget elementor-widget-hotspots\" data-id=\"1a7b632\" 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-Uebersicht.jpg\" \/>\n                <div class=\"excelerate-hotspots-hotspots\">\n                                                <div class=\"excelerate-hotspots-hotspot\" style=\"top: 4%; left: 50%;\">\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 excelerate-hotspots-hotspot-right\" style=\"top: 25%; left: 77%;\">\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\">Entscheide, welche der f\u00fcnf verf\u00fcgbaren Farben deine Box bekommt.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 41.5%; left: 77%;\">\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 Flie\u00dftext ein und formatiere ihn wahlweise.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 62%; left: 77%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    4                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Medien<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">F\u00fcge deiner Box ein Bild aus der Mediathek hinzu.<\/div>\n                                <\/div>\n                            <\/div>\n                                                        <div class=\"excelerate-hotspots-hotspot excelerate-hotspots-hotspot-right\" style=\"top: 81%; left: 77%;\">\n                                <div class=\"excelerate-hotspots-hotspot-icon\">\n                                    5                                <\/div>\n                                <div class=\"excelerate-hotspots-hotspot-content\">\n                                    <div class=\"excelerate-hotspots-hotspot-headline\">Button<\/div>\n                                    <div class=\"excelerate-hotspots-hotspot-text\">Schalte den Button ein, wenn du deiner Box einen Button hinzuf\u00fcgen m\u00f6chtest. W\u00e4hle dann aus, ob du einen Link oder Overlay Button haben m\u00f6chtest.<\/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-03b9f52 elementor-widget elementor-widget-spacer\" data-id=\"03b9f52\" 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-2af0e70 elementor-widget elementor-widget-text-editor\" data-id=\"2af0e70\" 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 id=\"1-toc-title\" class=\"betterdocs-content-heading\">Farbauswahl f\u00fcr Boxen<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f131da elementor-widget elementor-widget-excelerate-slider\" data-id=\"5f131da\" 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-5f131da\">\n\t\t\t<div class=\"excelerate-slider-left\">\n\t\t\t\t<div class=\"excelerate-slider-texts\" id=\"excelerate-slider-texts-5f131da\">\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>Standart\u00a0<\/h1><p>Basierend auf deinem Hintergrund wird sich die Default Box Farbe daran anpassen.<\/p>\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>Positiv\u00a0<\/h1><p>Nutze die positive Farbe, um positive Inhalte anzuzeigen.<\/p>\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>Negativ\u00a0<\/h1><p>Nutze die negative Farbe, um negative Inhalte hervorzuheben.<\/p>\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>Neutral\u00a0<\/h1><p>Nutze die neutrale Farbe, um Hinweise anzuzeigen.<\/p>\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-5f131da\"><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"excelerate-slider-images\" id=\"excelerate-slider-images-5f131da\">\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\/05\/1-14.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\/05\/2-6.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\/05\/3-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\/05\/4-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<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Anwendung Boxen machen deine Inhalte \u00fcbersichtlicher, lesbarer, verst\u00e4ndlicher und visuell attraktiver. Das Box-Element geh\u00f6rt zu den Basiselementen und ist daher vielseitig einsetzbar. Video Anleitung Erfahre in dem folgenden Video Tutorial, wie du das Element erstellst. https:\/\/vimeo.com\/1182964402 Box Element hinzuf\u00fcgen Ziehe das Box Element in einem Modul hinein. Box Element Einstellungen 1 Layout W\u00e4hle die passende [&hellip;]<\/p>\n","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-08","word_count":190,"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":40,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/694\/revisions"}],"predecessor-version":[{"id":3756,"href":"https:\/\/help.excelerate.app\/en\/wp-json\/wp\/v2\/docs\/694\/revisions\/3756"}],"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}]}}