{"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":"html-personalizado-2","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/es\/docs\/custom-html-2\/","title":{"rendered":"Elemento Custom HTML en 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\">Respuesta r\u00e1pida<\/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\">El elemento Custom HTML te permite pegar tu propio HTML en una celda, como un v\u00eddeo de YouTube, un iframe, un formulario o marcado personalizado. Arrastra <strong>Custom Html<\/strong> a una celda y pega el c\u00f3digo en <strong>HTML Content<\/strong> en el panel izquierdo. El elemento es gratuito; sus ajustes de relleno y margen requieren Pro.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Custom HTML cubre todo lo que los dem\u00e1s elementos no pueden hacer. WP Table Builder filtra el HTML por seguridad, pero permite los c\u00f3digos de inserci\u00f3n habituales, los iframes (incluido el v\u00eddeo a pantalla completa) y los elementos de formulario.<\/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\">Requisitos<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Concepto<\/th><th>Detalles<\/th><\/tr><\/thead><tbody><tr><td><strong>Plan<\/strong><\/td><td>Gratis y Pro<\/td><\/tr><tr><td><strong>D\u00f3nde<\/strong><\/td><td><strong>Elementos<\/strong> (pesta\u00f1a) del constructor, <strong>Basic<\/strong> (grupo)<\/td><\/tr><tr><td><strong>Tiempo necesario<\/strong><\/td><td>Aproximadamente 1 minuto<\/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\">C\u00f3mo a\u00f1adir el elemento Custom HTML<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Abre la tabla en el constructor y haz clic en <strong>Elementos<\/strong> .<\/li>\n\n\n\n<li>Arrastra <strong>HTML personalizado<\/strong> a una celda, o escribe <code>custom html<\/code> en <strong>Search elements<\/strong> antes.<\/li>\n\n\n\n<li>Haz clic en el elemento para abrir sus ajustes en el panel izquierdo.<\/li>\n\n\n\n<li>Haz clic en <strong>Save<\/strong> cuando termines.<\/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=\"Pesta\u00f1a Elements de WP Table Builder con el elemento Custom Html en el grupo 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\">Ajustes de Custom HTML<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Ajuste<\/th><th>Qu\u00e9 hace<\/th><\/tr><\/thead><tbody><tr><td><strong>HTML Content<\/strong><\/td><td>El c\u00f3digo HTML que se muestra en la celda<\/td><\/tr><tr><td><strong>Padding \/ Margin<\/strong><\/td><td>Espacio dentro y alrededor del elemento (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\">Consejos<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Para mostrar contenido de otro plugin, usa el <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/shortcode\/\">Shortcode element<\/a> en su lugar.<\/li>\n\n\n\n<li>Los scripts dentro de Custom HTML pueden eliminarse por el filtro de seguridad. A\u00f1ade los scripts desde tu tema o con un plugin de fragmentos de c\u00f3digo.<\/li>\n\n\n\n<li>Prueba los c\u00f3digos de inserci\u00f3n en el m\u00f3vil y activa el <a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/horizontal-scroll-table\/\">desplazamiento horizontal<\/a> si se desbordan.<\/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\">Preguntas frecuentes<\/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>\u00bfPuedo insertar un v\u00eddeo de YouTube en una tabla?<\/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\">S\u00ed. Pega el c\u00f3digo de inserci\u00f3n de YouTube en un elemento Custom HTML.<\/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>\u00bfCustom HTML admite formularios?<\/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\">S\u00ed. Los elementos de formulario y de entrada se admiten desde WP Table Builder 2.1.16.<\/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>\u00bfEl elemento Custom HTML es gratuito?<\/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\">S\u00ed. Solo sus ajustes de relleno y margen requieren 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\">Documentos relacionados<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/shortcode\/\">Shortcode<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/elements-overview\/\">Elementos de WP Table Builder: resumen de los 14 elementos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/horizontal-scroll-table\/\">C\u00f3mo hacer que una tabla se desplace horizontalmente en WP Table Builder<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/wptablebuilder.com\/es\/documentos\/como-agregar-css-personalizado-en-el-constructor-de-tablas-de-wordpress\/\">C\u00f3mo a\u00f1adir CSS personalizado en WP Table Builder<\/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\/es\/author\/rajankur003\/"},"doc_category_info":[{"term_name":"Elements","term_url":"https:\/\/wptablebuilder.com\/es\/docs-category\/elements\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/16224","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/comments?post=16224"}],"version-history":[{"count":1,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/16224\/revisions"}],"predecessor-version":[{"id":24348,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/docs\/16224\/revisions\/24348"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/media?parent=16224"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_category?post=16224"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/es\/wp-json\/wp\/v2\/doc_tag?post=16224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}