Editor Wix: adicionar e configurar texto recolhível no site mobile

6 min de leitura
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 quem vem do Editor 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?
Elementos apenas para mobile exibem um ícone de celular quando você clica neles no Editor mobile.
Neste artigo, saiba mais sobre:

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.

Adicionar texto recolhível apenas para mobile

Adicione texto recolhível a partir do painel Adicionar no Editor mobile. Essas caixas de texto só são visíveis no seu site mobile e permitem controle total sobre as configurações e o conteúdo.

Para adicionar texto recolhível apenas para mobile:

  1. Clique em Adicionar no lado esquerdo do Editor mobile.
  2. Clique em Texto.
  3. Clique em Parágrafos.
  4. Role para baixo até Texto recolhível.
  5. Clique e arraste a caixa de texto escolhida para adicioná-la ao seu site.

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:

  1. Clique na caixa de texto recolhível no Editor mobile.
  2. Clique no ícone Layout .
  3. Selecione uma opção em Como os visitantes leem mais?: 
    • Expandir: 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.
    • Clicar no link: seus visitantes podem clicar em um link para visualizar o texto completo na página relevante.
    • Mostrar todo o texto: todo o texto é exibido no seu site e não é recolhido.
  4. Escolha quantas linhas de texto são exibidas na prévia em Número de linhas exibidas.
  5. Em Botão Alinhar, selecione se o botão de expansão/link está alinhado à esquerda, ao centro ou à direita do texto.
  6. Arraste o slider em Espaço entre texto e botão para aumentar ou diminuir o espaço entre os dois.

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:

  1. Clique na caixa de texto.
  2. Clique em Alterar texto.
  3. Digite ou cole o texto escolhido na caixa em Editar texto.
  4. 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.
  5. (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
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

Esse artigo foi útil?

|