{"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-adicionar-faqs-expansiveis-e-recolhiveis-no-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/pt\/how-to-add-collapsible-expandable-faqs-in-wordpress\/","title":{"rendered":"Como adicionar FAQs recolh\u00edveis\/expans\u00edveis no WordPress"},"content":{"rendered":"<p>No passado, encontrar respostas para perguntas comuns sobre produtos, servi\u00e7os ou funcionalidades de sites geralmente significava pesquisar em guias detalhados, entrar em contato com equipes de suporte ou navegar em f\u00f3runs da comunidade. As pessoas geralmente recorriam a plataformas externas, como m\u00eddias sociais ou sites de terceiros, na esperan\u00e7a de encontrar informa\u00e7\u00f5es confi\u00e1veis. Essa abordagem consumia muito tempo e era inconveniente para os usu\u00e1rios que buscavam solu\u00e7\u00f5es r\u00e1pidas.<\/p>\n\n\n\n<p>Com o tempo, os sites come\u00e7aram a usar um formato dedicado para organizar e apresentar respostas a perguntas frequentes, dando origem ao que hoje conhecemos como FAQs (Frequently Asked Questions).  Essas se\u00e7\u00f5es tornaram mais f\u00e1cil para os usu\u00e1rios encontrarem informa\u00e7\u00f5es relevantes sem aumentar a carga de trabalho das equipes de suporte.<\/p>\n\n\n\n<p>Quando se trata de formatar FAQs, voc\u00ea pode escolher se\u00e7\u00f5es dobr\u00e1veis ou expans\u00edveis, menus suspensos ou listas diretas. Nosso artigo se concentrar\u00e1 em como criar uma FAQ dobr\u00e1vel ou expans\u00edvel profissional para seu site WordPress. Vamos come\u00e7ar.<\/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>Etapas para criar FAQs dobr\u00e1veis\/expans\u00edveis <\/strong><\/h2>\n\n\n\n<p>Usaremos o <a href=\"https:\/\/tableberg.com\/pt\/revisao-dos-blocos-definitivos\/\"><strong>Blocos definitivos<\/strong><\/a> para este tutorial porque ele simplifica a cria\u00e7\u00e3o de perguntas frequentes recolh\u00edveis. Ele \u00e9 f\u00e1cil de usar, altamente personaliz\u00e1vel e projetado para ajud\u00e1-lo a obter resultados profissionais sem a necessidade de habilidades t\u00e9cnicas.<\/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>Baixar o 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>Etapa 1: Instalar o Ultimate Blocks<\/strong><\/h3>\n\n\n\n<p>V\u00e1 para o painel do WordPress, clique em <strong>Plugins<\/strong>, seguido por <strong>Adicionar novos plug-ins<\/strong>e procure por <strong>Blocos definitivos<\/strong>. <strong>Instalar<\/strong> e <strong>ativar<\/strong> o plug-in quando voc\u00ea o encontrar. Quando voc\u00ea ativar o plug-in, ele estar\u00e1 pronto para ser usado.<\/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 os blocos 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>Etapa 2: Adicionar o bloco de altern\u00e2ncia de conte\u00fado<\/strong><\/h3>\n\n\n\n<p>Abra o post ou a p\u00e1gina onde voc\u00ea deseja adicionar as perguntas frequentes. Clique no \u00edcone <strong>Inseridor de blocos<\/strong> (<strong>+ bot\u00e3o<\/strong>) para exibir as op\u00e7\u00f5es de bloco e, em seguida, procure por <strong>Altern\u00e2ncia de conte\u00fado<\/strong> e selecione-o. Esse bloco servir\u00e1 de base para a sua se\u00e7\u00e3o dobr\u00e1vel de perguntas frequentes.<\/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=\"Adicionar o bloco de altern\u00e2ncia de conte\u00fado\" 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>Etapa 3: Insira suas perguntas e respostas<\/strong><\/h3>\n\n\n\n<p>No bloco Content Toggle (Altern\u00e2ncia de conte\u00fado), digite sua primeira pergunta de FAQ no campo <strong>T\u00edtulo do painel<\/strong> campo. Para adicionar a resposta correspondente, clique no bot\u00e3o<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\" \/>) na extremidade direita do painel para adicionar o \u00edcone <strong>Conte\u00fado do painel<\/strong> e coloque sua resposta l\u00e1. Se voc\u00ea tiver mais perguntas frequentes para adicionar, clique no bot\u00e3o <strong>+ bot\u00e3o<\/strong> no canto inferior de cada bloco para criar pain\u00e9is adicionais para cada pergunta e resposta.<\/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=\"Digite suas perguntas e respostas\" 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>Lembre-se de que, com o bloco Content Toggle, voc\u00ea n\u00e3o se limita ao texto. Voc\u00ea pode adicionar imagens, v\u00eddeos ou listas para tornar suas perguntas frequentes mais atraentes e simples 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>Etapa 4: Personalizar o design das perguntas frequentes<\/strong><\/h3>\n\n\n\n<p>Para ter controle total sobre a apar\u00eancia e a funcionalidade de suas Perguntas frequentes, \u00e9 necess\u00e1rio explorar os recursos do <strong>Configura\u00e7\u00f5es<\/strong> e <strong>Estilos<\/strong> abas.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Guia Configura\u00e7\u00f5es:<\/strong><br>Defina a tag de cabe\u00e7alho T\u00edtulo do painel, ajuste o Estado de altern\u00e2ncia (recolhido, recolhido espec\u00edfico para dispositivos m\u00f3veis ou impedir o recolhimento), ative a op\u00e7\u00e3o de pesquisa (Pro) e ative o Esquema de perguntas frequentes.<\/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=\"Personalize o design das perguntas frequentes usando a guia Configura\u00e7\u00f5es\" 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>Guia Estilos:<\/strong><br>Escolha um esquema de cores, ajuste a altern\u00e2ncia de borda, personalize o \u00edcone de status de altern\u00e2ncia (local e estilo) e ajuste as dimens\u00f5es para obter o espa\u00e7amento adequado.<\/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=\"Personalize o design das perguntas frequentes usando a guia Styles (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>Etapa 5: Veja o resultado final<\/strong><\/h3>\n\n\n\n<p>Depois de seguir essas etapas, sua se\u00e7\u00e3o de perguntas frequentes ter\u00e1 uma apar\u00eancia refinada, bem organizada e f\u00e1cil de usar. Se tudo estiver correto, publique a p\u00e1gina para que suas perguntas frequentes recolh\u00edveis sejam publicadas. Abaixo, inclu\u00edmos duas demonstra\u00e7\u00f5es para mostrar como a sua se\u00e7\u00e3o de perguntas frequentes pode ficar.<\/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 das perguntas frequentes\" 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 das perguntas frequentes\" 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>Conclus\u00e3o<\/strong><\/h4>\n\n\n\n<p>As perguntas frequentes geralmente desempenham um papel importante para preencher a lacuna entre as perguntas dos usu\u00e1rios e as respostas imediatas. Elas t\u00eam o objetivo de ajudar os usu\u00e1rios e os propriet\u00e1rios de sites, criando uma solu\u00e7\u00e3o que funcione para todos.&nbsp;<\/p>\n\n\n\n<p>Mesmo com muitos <a href=\"https:\/\/tableberg.com\/pt\/melhores-plugins-de-faq-para-wordpress\/\">melhores op\u00e7\u00f5es para FAQs<\/a>Na vers\u00e3o de 2008, escolhemos o Ultimate Blocks porque ele tem 26 blocos, incluindo uma altern\u00e2ncia de conte\u00fado, suporte a esquemas de FAQ e f\u00e1cil personaliza\u00e7\u00e3o para criar FAQs recolh\u00edveis.<\/p>\n\n\n\n<p>Para aproveitar ao m\u00e1ximo este artigo, experimente as configura\u00e7\u00f5es do plug-in e personalize suas perguntas frequentes de acordo com as necessidades do seu p\u00fablico. Lembre-se de que uma se\u00e7\u00e3o de perguntas frequentes bem elaborada n\u00e3o responde apenas a perguntas; ela cria uma experi\u00eancia melhor para os usu\u00e1rios e agrega valor real ao seu website.<\/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\/pt\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/comments?post=6955"}],"version-history":[{"count":23,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6955\/revisions"}],"predecessor-version":[{"id":7089,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/posts\/6955\/revisions\/7089"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media\/6956"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/media?parent=6955"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/categories?post=6955"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/pt\/wp-json\/wp\/v2\/tags?post=6955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}