{"id":6955,"date":"2025-01-22T21:58:13","date_gmt":"2025-01-22T21:58:13","guid":{"rendered":"https:\/\/tableberg.com\/?p=6955"},"modified":"2025-01-26T17:36:21","modified_gmt":"2025-01-26T17:36:21","slug":"como-anadir-faqs-desplegables-en-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/es\/how-to-add-collapsible-expandable-faqs-in-wordpress\/","title":{"rendered":"C\u00f3mo a\u00f1adir preguntas frecuentes plegables\/expandibles en WordPress"},"content":{"rendered":"<p>En el pasado, encontrar respuestas a preguntas habituales sobre productos, servicios o funcionalidades de un sitio web sol\u00eda implicar buscar en gu\u00edas detalladas, ponerse en contacto con equipos de asistencia o navegar por foros de la comunidad. La gente sol\u00eda recurrir a plataformas externas, como redes sociales o sitios web de terceros, con la esperanza de encontrar informaci\u00f3n fiable. Este m\u00e9todo consum\u00eda mucho tiempo y resultaba inc\u00f3modo para los usuarios que buscaban soluciones r\u00e1pidas.<\/p>\n\n\n\n<p>Con el tiempo, los sitios web empezaron a utilizar un formato espec\u00edfico para organizar y presentar respuestas a consultas frecuentes, dando lugar a lo que hoy conocemos como FAQs (Frequently Asked Questions).  Estas secciones facilitaban a los usuarios la b\u00fasqueda de informaci\u00f3n relevante sin aumentar la carga de trabajo de los equipos de soporte.<\/p>\n\n\n\n<p>A la hora de dar formato a las preguntas frecuentes, puede elegir entre secciones plegables o ampliables, men\u00fas desplegables o listas directas. Nuestro art\u00edculo se centrar\u00e1 en c\u00f3mo crear un profesional plegable o expandible FAQ para su sitio de WordPress. Comencemos.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Pasos para crear preguntas frecuentes plegables\/expandibles <\/strong><\/h2>\n\n\n\n<p>Utilizaremos el <a href=\"https:\/\/tableberg.com\/es\/revision-de-ultimate-blocks\/\"><strong>Bloques definitivos<\/strong><\/a> para este tutorial porque simplifica la creaci\u00f3n de preguntas frecuentes plegables. Es f\u00e1cil de usar, muy personalizable y est\u00e1 dise\u00f1ado para ayudarte a conseguir resultados profesionales sin necesidad de conocimientos t\u00e9cnicos.<\/p>\n\n\n<div  style=\"gap: 20px; opacity:0;\" class=\"align-button-center ub-buttons orientation-button-row ub-flex-wrap wp-block-ub-button\" id=\"ub-button-29385af4-7129-4822-9671-a2b7d140c70d\" data-ub-animation-classes=\"animated zoomIn repeat\"><div class=\"ub-button-container\">\n\t\t\t<a href=\"https:\/\/wordpress.org\/plugins\/ultimate-blocks\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ub-button-block-main   ub-button-flex\" role=\"button\" style=\"--ub-button-background-color: #9d51e0; --ub-button-color: #ffffff; --ub-button-border: none; --ub-button-hover-background-color: #08466ac7; --ub-button-hover-color: #ffffff; --ub-button-hover-border: none; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-top-left-radius: 10px;; border-top-right-radius: 10px;; border-bottom-left-radius: 10px;; border-bottom-right-radius: 10px;; \">\n\t\t\t\t<div class=\"ub-button-content-holder\" style=\"flex-direction: row\">\n\t\t\t\t\t<span class=\"ub-button-block-btn\"><strong>Descargar Ultimate Blocks<\/strong><\/span>\n\t\t\t\t<\/div>\n\t\t\t<\/a>\n\t\t<\/div><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 1: Instalar Ultimate Blocks<\/strong><\/h3>\n\n\n\n<p>Vaya a su panel de WordPress, haga clic en <strong>Plugins<\/strong>seguido de <strong>A\u00f1adir nuevos plugins<\/strong>y busque <strong>Bloques definitivos<\/strong>. <strong>Instale<\/strong> y <strong>activar<\/strong> el plugin cuando lo encuentres. Una vez activado el plugin, estar\u00e1 listo para su uso.<\/p>\n\n\n\n<div style=\"height:12px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"371\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-1024x371.png\" alt=\"Instalar bloques Ultimate\" class=\"has-border-color has-primary-accent-border-color wp-image-6971\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-1024x371.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-300x109.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-768x278.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-1536x556.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1-18x7.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Ultimate-Blocks-installation-1.png 1884w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 2: A\u00f1adir el bloque de alternancia de contenido<\/strong><\/h3>\n\n\n\n<p>Abra la entrada o p\u00e1gina en la que desea a\u00f1adir preguntas frecuentes. Haga clic en el bot\u00f3n <strong>Insertador de bloques<\/strong> (<strong>+ bot\u00f3n<\/strong>) para que aparezcan las opciones de bloqueo y, a continuaci\u00f3n, busque <strong>Conmutador de contenido<\/strong> y selecci\u00f3nelo. Este bloque servir\u00e1 de base para la secci\u00f3n de preguntas frecuentes plegable.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"442\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-1024x442.png\" alt=\"A\u00f1adir el bloque de alternancia de contenido\" class=\"has-border-color has-primary-accent-border-color wp-image-6973\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-1024x442.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-300x129.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-768x331.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-1536x663.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2-18x8.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/2-2.png 1697w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 3: Introduzca sus preguntas y respuestas<\/strong><\/h3>\n\n\n\n<p>En el bloque Alternar contenido, introduzca la primera pregunta de las FAQ en el campo <strong>T\u00edtulo del panel<\/strong> campo. Para a\u00f1adir la respuesta correspondiente, pulse el bot\u00f3n<strong> chevron (<\/strong> <img loading=\"lazy\" decoding=\"async\" width=\"14\" height=\"14\" class=\"wp-image-6975\" style=\"width: 14px;\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq.jpg\" alt=\"\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq.jpg 458w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq-300x300.jpg 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq-150x150.jpg 150w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/1000_F_231485086_r2Ndd7IsLizT4eFbUXueJQINSFkf8kcq-12x12.jpg 12w\" sizes=\"auto, (max-width: 14px) 100vw, 14px\" \/>) situado en el extremo derecho del panel para a\u00f1adir el icono <strong>Contenido del panel<\/strong> y escriba all\u00ed su respuesta. Si tiene m\u00e1s preguntas frecuentes que a\u00f1adir, haga clic en el bot\u00f3n <strong>+ bot\u00f3n<\/strong> en la esquina inferior de cada bloque para crear paneles adicionales para cada pregunta y respuesta.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-1024x574.png\" alt=\"Introduzca sus preguntas y respuestas\" class=\"has-border-color has-primary-accent-border-color wp-image-6974\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-1024x574.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-300x168.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-768x430.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-1536x860.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/3-1.png 1555w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Tenga en cuenta que con el bloque Alternar contenido, no est\u00e1 limitado al texto. Puedes a\u00f1adir im\u00e1genes, v\u00eddeos o listas para que tus FAQs sean m\u00e1s atractivas y sencillas de explorar.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 4: Personalizar el dise\u00f1o de las FAQ<\/strong><\/h3>\n\n\n\n<p>Para tener un control total de la apariencia y funcionalidad de su FAQ, debe explorar las funciones de la secci\u00f3n <strong>Ajustes<\/strong> y <strong>Estilos<\/strong> pesta\u00f1as.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pesta\u00f1a Configuraci\u00f3n:<\/strong><br>Establezca la etiqueta de encabezado T\u00edtulo del panel, ajuste el Estado de alternancia (colapsado, colapsado espec\u00edfico para m\u00f3viles o impedir el colapso), active la opci\u00f3n de b\u00fasqueda (Pro) y active FAQ Schema.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"560\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-1024x560.png\" alt=\"Personalizar el dise\u00f1o de las FAQ mediante la pesta\u00f1a Configuraci\u00f3n\" class=\"has-border-color has-primary-accent-border-color wp-image-6976\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-1024x560.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-300x164.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-768x420.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-1536x840.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1-18x10.png 18w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.1.png 1634w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Pesta\u00f1a Estilos:<\/strong><br>Elija una combinaci\u00f3n de colores, ajuste el borde de la alternancia, personalice el icono de estado de la alternancia (ubicaci\u00f3n y estilo) y ajuste las dimensiones para un espaciado adecuado.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\" style=\"min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"769\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-1024x769.png\" alt=\"Personalizar el dise\u00f1o de las FAQ mediante la pesta\u00f1a Estilos\" class=\"has-border-color has-primary-accent-border-color wp-image-6977\" style=\"border-width:1px;border-radius:2px\" srcset=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-1024x769.png 1024w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-300x225.png 300w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-768x577.png 768w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-1536x1153.png 1536w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2-16x12.png 16w, https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/4.2.png 1566w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Paso 5: Ver el resultado final<\/strong><\/h3>\n\n\n\n<p>Despu\u00e9s de seguir estos pasos, su secci\u00f3n de preguntas frecuentes aparecer\u00e1 pulida, bien organizada y f\u00e1cil de usar. Si todo se ve bien, publique la p\u00e1gina para que sus preguntas frecuentes plegables sean visibles. A continuaci\u00f3n, hemos incluido dos demos para mostrar el aspecto que podr\u00eda tener tu secci\u00f3n de preguntas frecuentes.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group is-style-default has-border-color has-primary-accent-border-color is-horizontal is-content-justification-center is-nowrap is-layout-flex wp-container-core-group-is-layout-4957f561 wp-block-group-is-layout-flex\" style=\"border-width:1px;border-radius:2px;min-height:0px;margin-top:0;margin-bottom:0;padding-right:0;padding-left:0\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"932\" height=\"758\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/5.1.gif\" alt=\"Resultado final de las FAQ\" class=\"wp-image-6978\" style=\"width:370px;height:auto\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"818\" src=\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/5.2.gif\" alt=\"Resultado final de las FAQ\" class=\"wp-image-6979\" style=\"width:349px;height:auto\"\/><\/figure>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-separator-thin\"\/>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Conclusi\u00f3n<\/strong><\/h4>\n\n\n\n<p>Las FAQ suelen desempe\u00f1ar un papel importante como puente entre las preguntas de los usuarios y las respuestas inmediatas. Su objetivo es ayudar tanto a los usuarios como a los propietarios del sitio creando una soluci\u00f3n que funcione para todos.&nbsp;<\/p>\n\n\n\n<p>Incluso con muchos <a href=\"https:\/\/tableberg.com\/es\/mejores-plugins-faq-para-wordpress\/\">las mejores opciones para las preguntas frecuentes<\/a>Elegimos Ultimate Blocks porque cuenta con 26 bloques, incluido un alternador de contenido, compatibilidad con el esquema de preguntas frecuentes y f\u00e1cil personalizaci\u00f3n para crear preguntas frecuentes plegables.<\/p>\n\n\n\n<p>Para sacar el m\u00e1ximo partido a este art\u00edculo, pruebe a experimentar con la configuraci\u00f3n del complemento y personalice sus preguntas frecuentes para adaptarlas a las necesidades de su p\u00fablico. Recuerda que una secci\u00f3n de preguntas frecuentes bien pensada no solo responde preguntas, sino que crea una mejor experiencia para tus usuarios y a\u00f1ade valor real a tu sitio web.<\/p>","protected":false},"excerpt":{"rendered":"<p>In the past, finding answers to common questions about products, services, or website functionality often meant searching through detailed guides, contacting support teams, or navigating community forums. People often turn to external platforms like social media or third-party websites, hoping to find reliable information. This approach was time-consuming and inconvenient for users seeking quick solutions. [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":6956,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[],"class_list":["post-6955","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/01\/Add-Collapsible-Expandable-FAQs-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/es\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/comments?post=6955"}],"version-history":[{"count":23,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6955\/revisions"}],"predecessor-version":[{"id":7089,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/posts\/6955\/revisions\/7089"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media\/6956"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/media?parent=6955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/categories?post=6955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/es\/wp-json\/wp\/v2\/tags?post=6955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}