Você tem uma longa lista de perguntas frequentes do seu público sobre seu produto ou serviço?
Uma seção de perguntas frequentes fornece uma maneira simples para os clientes obterem respostas para as principais dúvidas que eles têm sem precisar entrar em contato com o atendimento ao cliente. Neste post, mostraremos uma maneira rápida e fácil de adicionar uma seção elegante de perguntas frequentes a qualquer página com o Gutenberg.
Nós estaremos usando o plugin gratuito Ultimate Blocks para este.
Instalando o plugin Ultimate Blocks
O plugin Ultimate Blocks está disponível gratuitamente através do diretório oficial de plugins do WordPress. Vá para a página Adicionar novo plug-in no back-end do WordPress e procure-o para instalá-lo.
Todos os blocos são habilitados por padrão, então não há mais nada para configurar neste momento.
Como criar uma pequena seção de perguntas frequentes usando o Gutenberg
Se você não tiver muitas perguntas para adicionar à sua seção de perguntas frequentes, ou seja, cerca de cinco, considere exibir suas perguntas como estão, sem escondê-las atrás de um elemento de alternância.
Coloque as perguntas em negrito e adicione as respostas em seus próprios parágrafos sem fonte em negrito:
Como alternativa, use o bloco Colunas para tornar sua seção de perguntas frequentes ainda mais curta. O layout 50/50 é uma escolha adequada para esta abordagem.
É apenas uma questão de colocar blocos de parágrafos em cada coluna e fazer o mesmo que fizemos antes:
A abordagem de coluna também funciona muito bem para seções de perguntas frequentes com cerca de 10 perguntas.
Criando uma seção de perguntas frequentes com o Ultimate Blocks
Então, se você pode criar uma seção básica de perguntas frequentes com os recursos internos do Gutenberg, por que usar um plugin como o Ultimate Blocks? A resposta para essa pergunta é simples: experiência do usuário.
Quando sua seção de perguntas frequentes tem 10 perguntas ou mais ou respostas muito longas, seus visitantes podem achar frustrante rolar por todas elas. Quando se trata de postagens de blog e páginas da Web modernas, as interfaces de usuário escaneáveis funcionam melhor.
Esse é o tipo de design que o bloco de alternância de conteúdo do Ultimate Blocks permite que você crie.
Comece adicionando o bloco à sua página.
Coloque sua pergunta na caixa Título do painel e a resposta na caixa de texto branca abaixo dela. O Ultimate Blocks não coloca o título em negrito por padrão, portanto, você precisará fazer isso sozinho se quiser que suas perguntas estejam em negrito.
Clique no pequeno botão de adição + com uma borda circular na parte inferior da caixa de texto para adicionar outra pergunta e resposta. Isso não deve ser confundido com o botão de adição de Gutenberg, que usa uma borda quadrada.
Você pode, no entanto, aninhar um bloco de alternância de conteúdo dentro de outro bloco de alternância de conteúdo clicando no botão mais do Gutenberg em vez de colocar texto dentro da caixa de resposta.
Continue até adicionar todas as perguntas que deseja incluir em sua seção de perguntas frequentes.
Personalizando sua seção de perguntas frequentes
Depois de adicionar todas as suas perguntas, clique em uma das caixas de título do painel para abrir o painel de configurações do bloco de alternância de conteúdo.
Clique na configuração Esquema de cores e atribua cores aos seguintes elementos:
- Container – Altera o plano de fundo da caixa de título do painel
- Título – Altera a cor do texto na caixa Título do Painel
- Link do título – Deveria alterar a cor do texto na caixa Título do painel se você atribuir um link a ele, mas descobri que o plug-in não conseguiu substituir os estilos de link do meu tema ao testar com o tema Astra WordPress
- Ícone de alternância – Altera a cor do ícone (uma seta para cima/para baixo por padrão) que aparece à direita da caixa Título do painel
Existem várias predefinições de cores, mas você também pode usar o recurso Custom Color para atribuir o esquema de cores oficial da sua marca a esses elementos.
Vá em frente e personalize essas configurações até chegar ao esquema de cores desejado. Pode ser necessário salvar a página como rascunho e visualizá-la no frontend para ver os estilos entrarem em vigor.
Em seguida, estão as configurações de estado inicial, que afetam a maneira como a seção de perguntas frequentes aparecerá quando o usuário carregar a página pela primeira vez. Todos os painéis são abertos por padrão, portanto, é melhor ativar as opções Recolhido ou Mostrar apenas um painel por vez para evitar que estiquem a página ao carregar.
Esta parte é complicada, pois você pode precisar editar as configurações de estado inicial de cada painel individualmente para que a seção de perguntas frequentes funcione corretamente. Basicamente, se você quiser que o painel anterior seja recolhido quando o usuário abrir um novo, certifique-se de que cada painel tenha a opção Mostrar apenas um painel por vez habilitada e a opção Recolhido desabilitada.
Há também opções de borda e ícone com as quais você pode brincar. Quando tudo estiver dito e feito, você deve ter algo semelhante a isto:
Por fim, ative a opção Esquema de perguntas frequentes. Isso ajudará sua classificação de página nos mecanismos de pesquisa, pois o Google agora exibe as perguntas frequentes em seus resultados de pesquisa.
Alternativas aos Ultimate Blocks
O Ultimate Blocks fornece uma maneira rápida e fácil de inserir seções de perguntas frequentes em postagens e páginas de uma maneira que pareça ótima e amigável ao SEO. Se preferir outra rota, você pode facilmente usar os recursos integrados do Gutenberg para criar sua própria seção de perguntas frequentes ou usar um plugin WordPress de perguntas frequentes dedicado .
Heroic FAQs é uma opção digna de nota que possui alguns recursos a mais do que o bloco de alternância de conteúdo do Ultimate Blocks. O plugin Rank Math SEO também possui um bloco de perguntas frequentes para o Gutenberg integrado.
