Editor Wix: adicionar e configurar o texto recolhível
4 min de leitura
Neste artigo
- Etapa 1 | Adicione o texto recolhível
- Etapa 2 | Ajuste o layout do texto recolhível
- Etapa 3 | Digite e configure seu texto
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.
![Um GIF mostrando o texto sendo expandido e recolhido em um site online do Wix.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/12/2160d703-9339-42a1-8c38-a75ac5c52bf1/9e47a262-29af-4556-a715-8b4917799f85.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:
- Vá para o seu editor.
- Clique em Elementos
no lado esquerdo do editor.
- Clique em Texto.
- Clique em Texto recolhível.
- Clique e arraste a caixa de texto escolhida para adicioná-la ao seu site.
![O painel Adicionar elementos no Editor. O cursor está passando sobre uma predefinição de texto recolhível.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/1fe526ec-cdb7-4c87-8364-0828e4837086/0feb9f89-dc42-488a-bb02-35bd70383a1d.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.
- Alinhamento do botão: defina o alinhamento do botão de expansão ou link.
- Espaço entre texto e botão: aumente ou diminua o espaçamento.
- Escolha como o texto aparece: escolha como o texto inteiro é exibido:
![O painel de layout de texto recolhível. O cursor está passando sobre as opções de alinhamento do botão.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/29/3a67a7ac-6a39-492a-a360-47ad16d28a61/d09293a3-0507-4298-a199-4db711b42d0b.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 ao clicar em um link:
- Texto do botão de link: insira o texto do link, por exemplo, "Clique para ler mais".
- Adicionar link insira os detalhes 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
![O painel de configurações de texto recolhível. O cursor está passando sobre o campo de texto.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/09/12/6a2bbce7-eb1d-4541-b0cc-8fa7d8e5eb97/39c0b139-3dc1-46e6-b24b-b263c700c17d.png)