Editor Wix: adicionar e configurar o texto recolhível
4 min de leitura
O texto recolhível é uma ótima opção se você tiver muitas informações que deseja exibir. Partes do texto ficam ocultas e os visitantes podem visualizar o texto completo clicando em um botão de expansão ou em um link para o corpo do texto completo.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/cf2b301b-3ed7-4642-b194-d794ddc37ea2/a23b0b6d-7856-4cd4-be04-08e0bd5f1bcb.gif)
Dica:
Se você anexar o texto recolhível a uma faixa, coluna ou contêiner e optar por expandi-lo com um botão, todo o contêiner/coluna/faixa se expande com o texto quando os visitantes clicam nele.
Etapa 1 | Adicione o texto recolhível
O primeiro passo é adicionar uma caixa de texto recolhível ao seu site. Há uma variedade de estilos disponíveis, com diferentes fontes, número de linhas e outras configurações.
Para adicionar o texto recolhível ao seu site:
- Clique em Adicionar
no lado esquerdo do Editor.
- Clique em Texto.
- Clique em Parágrafos.
- Role para baixo até Texto recolhível.
- Clique e arraste a caixa de texto escolhida para adicioná-la ao seu site.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/b4f4b7b5-5326-48b9-90e1-92c6043a5a78/6fa42bdb-2657-4d24-8ef2-d3639f5a0fd1.png)
Etapa 2 | Ajuste o layout do texto recolhível
Após adicionar a caixa de texto à sua página, escolha como seus visitantes podem ler o corpo completo do texto. Adicione um botão que abre o texto completo na página atual ou um link que direciona seus visitantes para o texto completo.
Você também pode definir o alinhamento, o espaçamento e o número de linhas que aparecem antes que um visitante precise clicar nele.
Para ajustar o layout do texto:
- Clique no ícone Layout
na caixa de texto.
- Personalize o layout usando as opções:
- Escolha como o texto aparece: escolha como o texto inteiro é exibido:
- Recolhido: uma prévia do texto é exibida, e os visitantes precisam clicar em um botão de expansão ou em um link para ler o corpo completo do texto.
- Mostrar tudo: todo o texto é exibido no seu site e não é recolhido.
- Número de linhas exibidas: escolha quantas linhas de texto são exibidas na visualização.
- Botão Alinhar: defina o alinhamento do botão de expandir ou vincular.
- Espaço entre texto e botão: aumente ou diminua o espaçamento.
- Escolha como o texto aparece: escolha como o texto inteiro é exibido:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/09/22/1e4291cf-2cc8-40ef-8efc-fcf20f190d2f/57946619-d462-4df8-bb68-d7a7f896162e.png)
Observação:
As opções exibidas dependem de você optar por recolher ou exibir todo o texto.
Etapa 3 | Digite e configure seu texto
Após personalizar a aparência e o comportamento da caixa de texto recolhível, insira o texto completo.
Edite o texto nos botões de expandir e recolher ou configure o link que leva seus visitantes a ler mais.
Você sabia?
As caixas de texto recolhíveis podem conter até 120.000 caracteres, então são ótimas para exibir textos longos.
Para editar e configurar seu texto:
- Clique na caixa de texto recolhível.
- Clique em Alterar texto.
- Digite ou cole o texto escolhido na caixa em Alterar texto.
- O que o botão faz?: configure como os visitantes veem o texto completo e personalize-o com as opções:
- Expandir: os visitantes podem visualizar o texto completo clicando em um botão de expansão:
- Texto do botão Expandir: insira o texto mostrado no botão Expandir, por exemplo, "Leia mais".
- Texto do botão Recolher: insira o texto mostrado no botão Recolher, por exemplo, "Leia menos".
- Link os visitantes podem visualizar o texto completo clicando em um link:
- Texto do botão de link: insira o texto do link, por exemplo, "Clique para ler mais".
- Para onde esse botão redireciona?: insira as informações do link para o texto completo.
- Expandir: os visitantes podem visualizar o texto completo clicando em um botão de expansão:
- (Opcional) Adicione uma descrição e selecione a tag HTML do seu texto no menu dropdown em SEO e acessibilidade para definir o tipo de texto (um cabeçalho, parágrafo, etc.). Saiba mais sobre como definir seu texto
Observação:
As opções disponíveis dependem do que você escolheu em Como os visitantes leem mais no painel Layout.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2023/06/14/e33d19c4-d583-44d6-9483-2bf315bb88ee/ed4d709b-ef6b-4e30-94cd-34c6613f055d.png)
Esse artigo foi útil?
|