Editor Wix: adicionar e configurar texto recolhível no site mobile
6 min de leitura
Neste artigo
- Ajustar o texto recolhível do seu site para desktop
- Adicionar texto recolhível apenas para mobile
- Ajustar o layout e o comportamento da caixa de texto
- Editar o texto recolhível no mobile
O texto recolhível pode ajudar você a mostrar informações em seu site mobile de uma forma concisa que convida os visitantes a ler mais. Partes do texto ficam ocultas e os visitantes podem visualizar o texto completo ao clicar em um botão que o expande ou em um link para uma página separada.
Existem dois tipos de texto recolhível que você pode ter em seu site mobile:
- Texto recolhível transferido do editor no desktop
- Texto recolhível que você adiciona através do painel Adicionar no editor mobile. Esse é um texto apenas para mobile e não aparece no seu site para desktop.
Não tem certeza se é um elemento desktop ou mobile?![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/16/d9bb1c42-3684-420d-9572-a82668b43d82/d51a3acb-d426-495d-80c0-5faf1d2fd8ee.png)
Elementos apenas para mobile exibem um ícone de celular
quando você clica neles no Editor mobile.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2021/05/26/7648ead5-a940-4b7a-a2b2-eb7f8edc6f2b/d34b0146-2e71-47f0-989d-04baf5327e76.png)
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/03/16/d9bb1c42-3684-420d-9572-a82668b43d82/d51a3acb-d426-495d-80c0-5faf1d2fd8ee.png)
Ajustar o texto recolhível do seu site para desktop
O texto recolhível que você adiciona ao seu site no editor desktop aparece automaticamente no mobile. Você pode ajustar o tamanho, o layout e o design da caixa de texto para que fique como você deseja ou ocultá-la completamente do seu site mobile. Isso não afeta a forma como ele aparece no seu site para desktop.
Clique nas opções abaixo para saber como ajustar seu texto recolhível no mobile.
Alterar o tamanho da caixa de texto
Personalizar o layout da caixa de texto
Personalizar o design da caixa de texto
Ocultar a caixa de texto do site mobile
Adicionar texto recolhível apenas para mobile
Adicione texto recolhível a partir do painel Adicionar ao mobile no editor mobile. Essas caixas de texto são visíveis apenas no seu site mobile e permitem que você tenha controle total sobre as configurações e o conteúdo.
Para adicionar texto recolhível apenas para mobile:
- Clique em Adicionar ao mobile
no lado esquerdo do seu editor mobile.
- 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 no editor mobile. 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/25/257cf0c2-0a9c-4aad-ac9f-ab5eb87d15a7/5a475db8-7074-4ce3-91fa-9d0bb690cfd5.png)
Ajustar o layout e o comportamento da caixa de texto
Após adicionar o texto recolhível apenas para mobile, escolha como os visitantes podem visualizar o corpo completo do texto. Você também pode ajustar seu espaçamento e alinhamento.
Para ajustar o layout da sua caixa de texto recolhível:
- Clique na caixa de texto recolhível no seu editor mobile.
- Clique no ícone Layout
.
- Selecione uma opção em Escolha como o texto aparece:
- Recolhido: seus visitantes podem clicar em um botão de expansão para visualizar o texto completo na página e, em seguida, clicar em outro para recolher o texto.
- Mostrar todo o texto: todo o texto é exibido no seu site e não é recolhido.
- Escolha quantas linhas de texto são exibidas na prévia em Número de linhas exibidas.
- Em Botão Alinhar, selecione se o botão de expansão/link está alinhado à esquerda, ao centro ou à direita do texto.
- Arraste o slider em Espaço entre texto e botão para aumentar ou diminuir o espaço entre os dois.
![Captura de tela da caixa de layout de texto recolhível no editor mobile.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/21e446eb-7f73-4f2f-84b1-c6b77e64e45e/2024/11/25/e51801fa-ecd3-4227-ae8f-7472cb47ab6b/8235bb5a-0f69-4341-ab2f-85aee7dcc218.png)
Editar o texto recolhível no mobile
Depois de escolher como os visitantes visualizam o corpo completo do texto, insira o texto desejado na caixa. Você também pode editar o texto do botão de expansão ou configurar o link que direciona seus visitantes para o corpo completo do texto.
Para editar seu texto recolhível:
- Clique na caixa de texto.
- Clique em Alterar texto.
- Digite ou cole o texto escolhido na caixa em Alterar texto.
- Configure seus botões de expansão/links que levam ao texto completo:
- Botões de expandir/recolher: insira o texto para os botões expandir e recolher nos campos.
- Link para o texto completo: insira o que você deseja que o link mostre e adicione o tipo e os detalhes do link.
- (Opcional) Selecione a tag HTML do seu texto no menu dropdown em SEO e acessibilidade para definir o tipo de texto (um título, parágrafo, etc). Saiba mais sobre como definir seu texto
![O painel de configurações da caixa de texto. O cursor passa sobre a opção para editar o texto exibido no botão de recolhimento.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/23/4b7fda02-c90f-46c9-b61c-24f5b04f22d3/a17f2e69-341a-4252-9a15-3a11b15c9346.png)
Observações:
- As caixas de texto recolhíveis podem conter até 120.000 caracteres.
- As opções mostradas dependem de como você escolhe exibir todo o texto (um botão expandir/recolher ou um botão de link).
Qual é o próximo passo?
Ajuste ainda mais o design do seu texto para ficar exatamente como você deseja. Clique aqui para saber como ajustar o texto recolhível no seu site mobile