{"id":16224,"date":"2025-03-23T14:41:41","date_gmt":"2025-03-23T14:41:41","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=16224"},"modified":"2026-11-13T14:13:16","modified_gmt":"2026-11-13T14:13:16","password":"","slug":"benutzerdefinierte-html-2","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/de\/docs\/custom-html-2\/","title":{"rendered":"Element Custom HTML in WP Table Builder"},"content":{"rendered":"<div class=\"wp-block-group has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-d5c0682e wp-block-group-is-layout-constrained\" style=\"border-top-left-radius:0px;border-top-right-radius:6px;border-bottom-left-radius:0px;border-bottom-right-radius:6px;border-left-color:#2563eb;border-left-width:3px;background-color:#f4f7fb;margin-bottom:14px;padding-top:20px;padding-right:24px;padding-bottom:20px;padding-left:24px\">\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#2563eb;margin-top:0;margin-bottom:10px;font-size:11px;font-style:normal;font-weight:600;letter-spacing:0.08em;text-transform:uppercase\">Kurze Antwort<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:14px;font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.106), 15px);line-height:1.65\">Mit dem Element Custom HTML f\u00fcgen Sie eigenes HTML in eine Zelle ein, etwa ein YouTube-Video, ein iFrame, ein Formular oder eigenes Markup. Ziehen Sie <strong>Custom Html<\/strong> in eine Zelle und f\u00fcgen Sie den Code ein in <strong>HTML Content<\/strong> im linken Bereich. Das Element ist kostenlos, die Einstellungen f\u00fcr Innen- und Au\u00dfenabstand erfordern Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Custom HTML deckt alles ab, was die anderen Elemente nicht k\u00f6nnen. WP Table Builder filtert das HTML aus Sicherheitsgr\u00fcnden, erlaubt aber g\u00e4ngige Einbettungen, iFrames (einschlie\u00dflich Vollbild-Video) und Formularelemente.<\/p>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_b7520027-a7e2-447e-bab8-b92a7e06d5e4\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Voraussetzungen<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Punkt<\/th><th>Details<\/th><\/tr><\/thead><tbody><tr><td><strong>Tarif<\/strong><\/td><td>Free und Pro<\/td><\/tr><tr><td><strong>Wo<\/strong><\/td><td><strong>Elemente<\/strong> (Tab) im Builder, <strong>Basic<\/strong> (Gruppe)<\/td><\/tr><tr><td><strong>Ben\u00f6tigte Zeit<\/strong><\/td><td>Etwa 1 Minute<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_bec946a9-4292-43c6-a1ae-4cfb39c97004\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">So f\u00fcgen Sie das Element Custom HTML hinzu<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u00d6ffnen Sie die Tabelle im Builder und klicken Sie auf <strong>Elemente<\/strong> .<\/li>\n\n\n\n<li>Ziehen Sie <strong>Eigenes HTML<\/strong> in eine Zelle, oder geben Sie <code>custom html<\/code> unter <strong>Search elements<\/strong> zuerst ein.<\/li>\n\n\n\n<li>Klicken Sie auf das Element, um seine Einstellungen im linken Bereich zu \u00f6ffnen.<\/li>\n\n\n\n<li>Klicken Sie auf <strong>Save<\/strong> , wenn Sie fertig sind.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"722\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview.jpg\" alt=\"Tab Elements von WP Table Builder mit dem Element Custom Html in der Gruppe Basic\" class=\"wp-image-24263\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview.jpg 1440w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-300x150.jpg 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-1024x513.jpg 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-768x385.jpg 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2026\/11\/wptb-builder-interface-overview-18x9.jpg 18w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3847911b-522f-461c-95b2-801bea2d2fd9\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Einstellungen von Custom HTML<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Einstellung<\/th><th>Was es tut<\/th><\/tr><\/thead><tbody><tr><td><strong>HTML Content<\/strong><\/td><td>Der HTML-Code, der in der Zelle angezeigt wird<\/td><\/tr><tr><td><strong>Padding \/ Margin<\/strong><\/td><td>Abstand innerhalb und um das Element (Pro)<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_3817ed2b-cc5a-459f-9511-ac84cfabc919\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Tipps<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>F\u00fcr die Ausgabe eines anderen Plugins verwenden Sie stattdessen das <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/shortcode\/\">Shortcode element<\/a> .<\/li>\n\n\n\n<li>Skripte in Custom HTML k\u00f6nnen vom Sicherheitsfilter entfernt werden. F\u00fcgen Sie Skripte \u00fcber Ihr Theme oder ein Code-Snippet-Plugin hinzu.<\/li>\n\n\n\n<li>Testen Sie Einbettungen auf Mobilger\u00e4ten und aktivieren Sie <a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/horizontal-scroll-table\/\">horizontales Scrollen<\/a> , wenn sie \u00fcberlaufen.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_73847639-435e-4156-87a3-a8166607a2d3\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">H\u00e4ufig gestellte Fragen<\/h2>\n\n\n<div class=\"wp-block-ub-content-toggle wp-block-ub-content-toggle-block\" id=\"ub-content-toggle-block-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" data-mobilecollapse=\"false\" data-desktopcollapse=\"true\" data-preventcollapse=\"false\" data-showonlyone=\"false\">\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-0-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" style=\"color: #000000; \"><strong>Kann ich ein YouTube-Video in eine Tabelle einbetten?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down open\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"true\" class=\"wp-block-ub-content-toggle-accordion-content-wrap\" id=\"ub-content-toggle-panel-0-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\">\n\n<p class=\"wp-block-paragraph\">Ja. F\u00fcgen Sie den YouTube-Einbettungscode in ein Element Custom HTML ein.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-1-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" style=\"color: #000000; \"><strong>Erlaubt Custom HTML Formulare?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-1-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\">\n\n<p class=\"wp-block-paragraph\">Ja. Formular- und Eingabeelemente sind seit WP Table Builder 2.1.16 erlaubt.<\/p>\n\n<\/div>\n\t\t<\/div>\n\n<div class=\"wp-block-ub-content-toggle-accordion\" style=\"border-color: #f1f1f1; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; \" id=\"ub-content-toggle-panel-block-\">\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-title-wrap\" style=\"background-color: #f1f1f1;\" aria-controls=\"ub-content-toggle-panel-2-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" tabindex=\"0\">\n\t\t\t<p class=\"wp-block-ub-content-toggle-accordion-title ub-content-toggle-title-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\" style=\"color: #000000; \"><strong>Ist das Element Custom HTML kostenlos?<\/strong><\/p>\n\t\t\t<div class=\"wp-block-ub-content-toggle-accordion-toggle-wrap right\" style=\"color: #000000;\"><span class=\"wp-block-ub-content-toggle-accordion-state-indicator wp-block-ub-chevron-down\"><\/span><\/div>\n\t\t<\/div>\n\t\t\t<div role=\"region\" aria-expanded=\"false\" class=\"wp-block-ub-content-toggle-accordion-content-wrap ub-hide\" id=\"ub-content-toggle-panel-2-f9e5c390-ce10-4771-a8ac-7a67ce1cd771\">\n\n<p class=\"wp-block-paragraph\">Ja. Nur die Einstellungen f\u00fcr Innen- und Au\u00dfenabstand erfordern Pro.<\/p>\n\n<\/div>\n\t\t<\/div>\n<\/div>\n\n<div class=\"wp-block-ub-divider ub_divider ub-divider-orientation-horizontal\" id=\"ub_divider_0adfa722-5d9c-44e3-80ef-9237bd8a99ce\"><div class=\"ub_divider_wrapper\" style=\"position: relative; margin-bottom: 2px; width: 100%; height: 2px; \" data-divider-alignment=\"center\"><div class=\"ub_divider_line\" style=\"border-top: 1px solid #ccc; margin-top: 2px; \"><\/div><\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\">Verwandte Dokumente<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/shortcode\/\">Shortcode<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/elements-overview\/\">Elemente von WP Table Builder: \u00dcbersicht \u00fcber alle 14 Elemente<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/horizontal-scroll-table\/\">So lassen Sie eine Tabelle in WP Table Builder horizontal scrollen<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/de\/dokumente\/so-fugen-sie-benutzerdefinierte-css-in-den-wp-table-builder-hinzu\/\">So f\u00fcgen Sie in WP Table Builder eigenes CSS hinzu<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Add your own HTML, videos, iframes and embed codes to cells.<\/p>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[15],"doc_tag":[],"class_list":["post-16224","docs","type-docs","status-publish","hentry","doc_category-elements"],"year_month":"2026-11","word_count":274,"total_views":"16","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Ankur Raz Bongshi","author_nicename":"rajankur003","author_url":"https:\/\/wptablebuilder.com\/de\/author\/rajankur003\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/de\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/16224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/comments?post=16224"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/16224\/revisions"}],"predecessor-version":[{"id":24348,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/docs\/16224\/revisions\/24348"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/media?parent=16224"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_category?post=16224"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/de\/wp-json\/wp\/v2\/doc_tag?post=16224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}