Por que usar textos diferentes para dispositivos móveis e desktops?
Usuários de dispositivos móveis e desktops frequentemente interagem com seu site de forma diferente. Aqui estão alguns cenários em que ter versões de texto separadas é benéfico:
- Mensagens concisas no celular: As telas dos dispositivos móveis são menores, portanto, textos mais curtos melhoram a legibilidade e a experiência do usuário.
- Promoções específicas para dispositivos móveis: Algumas ofertas ou CTAs (Call-to-Actions) podem ser exclusivas para usuários de dispositivos móveis, como downloads de aplicativos ou descontos exclusivos para dispositivos móveis.
- Formatação otimizada:Alguns textos podem ficar difíceis de quebrar em dispositivos móveis, exigindo uma versão mais simplificada.
Como alterar texto somente em dispositivos móveis no GemPages?
Depois de acessar o Editor do GemPages, siga estas etapas para alterar seu texto somente em dispositivos móveis:
Etapa 1: Selecione o elemento de texto de destino
Identifique o texto que deseja modificar para celular. Pode ser um Elemento de Cabeçalho (por exemplo, títulos de páginas, cabeçalhos de seções) ou um Elemento de bloco de texto (por exemplo, texto de parágrafo, descrições).

Etapa 2: duplicar o elemento de texto
Como o GemPages não possui um built-in Editar texto somente para dispositivos móveis função, usaremos uma solução alternativa simples criando duas versões do mesmo texto.
Como duplicar o elemento:
- Botão direito do mouse no elemento de texto e selecione DuplicarOU
- Use o atalho Ctrl + C (Cópia) e Ctrl + V (Colar).

Agora, você verá dois elementos de texto idênticos: um será para usuários de desktop e o outro para usuários de dispositivos móveis.

Etapa 3: defina o texto original para ser exibido somente em desktops e tablets
- Clique no elemento de texto original (aquele que você não quer mostrar no celular).
- Navegue até a Avançado aba na barra lateral direita e localize o Exibir Ligado configurações.
- Por padrão, o elemento do GemPages será exibido em todos os dispositivos (desktop, tablet e celular). Desabilitar a opção Mobile para definir que este texto seja exibido apenas nas visualizações de desktop e tablet.

Agora, esta versão do texto irá não aparecem quando alguém visita seu site em um dispositivo móvel.
Etapa 4: defina o texto duplicado para ser exibido somente em dispositivos móveis
- Clique no elemento de texto duplicado (este será o texto específico para dispositivos móveis).
- Navegue até a Avançado aba na barra lateral direita e localize o Exibir Ligado configurações.
- Desabilitar as opções de Desktop e Tablet para definir que este texto seja exibido somente na visualização móvel.
Depois disso, este texto ficará oculto, pois você estará no editor de visualização para desktop. Mude para modo de visualização móvel para ver o texto duplicado.

Etapa 5: edite o texto para usuários móveis
Agora, no editor de visualização móvel, navegue até o Configurações guia para personalizar o texto para usuários de dispositivos móveis. Você pode:
✔ Encurte parágrafos longos para melhor legibilidade.
✔ Use CTAs específicos para dispositivos móveis como “Toque aqui” em vez de “Clique aqui”.
✔ Enfatize as informações principais que os usuários móveis precisam ver rapidamente.

Além disso, para uma edição rápida ou se preferir alterar uma parte do conteúdo dentro deste elemento, realce o texto de destino para acessar o Editor de texto ao vivo.
Obrigado por seus comentários