Planos pagos: personalizar a visualização mobile da página Planos pagos

9 min de leitura
Personalize a forma como seus planos pagos aparecem no mobile para garantir a melhor experiência para seus clientes, não importa qual dispositivo eles estejam usando. Escolha quais informações devem ser mostradas, altere o tamanho do texto e ajuste o layout da página Planos pagos para que ela caiba em telas menores. 
Além disso, você tem a flexibilidade de alterar como os planos pagos disponíveis aparecem em uma página. Isso pode ser útil quando você quiser destacar ofertas ou promoções especiais.
Captura de tela mostrando como editar o widget de planos pagos no mobile.
Importante:
No Editor Wix, as versões desktop e mobile do seu site representam diferentes modos de visualização do mesmo site. Eles não são sites separados. As alterações em um site para desktop afetam o site otimizado para mobile, enquanto as alterações em um site mobile não afetam o site para desktop. 
Neste artigo, saiba mais sobre:

Ajustar o layout dos seus planos pagos

Facilite ao máximo para que as pessoas escolham o plano certo ao personalizar o layout da página Planos pagos em um site mobile. Você pode alterar o alinhamento e o espaçamento entre elementos na página para facilitar a leitura em telas menores. 
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique no ícone Alternar para mobile  na parte superior do editor.
  3. Vá para a página Planos e preços:
    1. Clique em Páginas e menu  no lado esquerdo do Editor.
    2. Clique na página Planos e preços. 
  4. Clique no elemento Planos pagos na página. 
  5. Clique em Configurações.
  6. Clique em Layout
  7. Personalize o layout usando as seguintes opções:
    • Layout do texto da página: escolha sua preferência de alinhamento para seu título, subtítulo e aviso.
    • Espaçamento dos cartões de plano: use o slider para definir a quantidade de espaço entre os elementos nos cartões de plano.
    • Layout da descrição do plano: defina o alinhamento da descrição do plano.
    • Layout dos benefícios: escolha seu alinhamento e espaçamento entre linhas para os benefícios do seu plano.
Uma captura de tela da aba Layout no Editor Wix.

Escolher o que exibir sobre seus planos pagos

Escolha quais informações você deseja exibir sobre cada um dos planos disponíveis no mobile. Você pode mostrar ou ocultar informações como nomes, slogans e benefícios dos planos.   
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique no ícone Alternar para mobile  na parte superior do editor.
  3. Vá para a página Planos e preços:
    1. Clique em Páginas e menu  no lado esquerdo do Editor.
    2. Clique na página Planos e preços. 
  4. Clique no elemento Planos pagos na página. 
  5. Clique em Configurações.
  6. Clique em Exibição.
  7. Personalize a exibição usando as seguintes opções:
    • O que deseja exibir?: escolha quais informações exibir sobre seus planos pagos: título da página, subtítulo da página, nome do plano, slogan do plano e benefícios do plano.
    • Mostrar aviso: ative essa alavanca para exibir termos e condições relevantes para que os clientes visualizem antes de comprar um plano. 
      Dica: você pode inserir seu texto no campo Texto do aviso  apenas no desktop.
Uma captura de tela da aba Exibição no editor.

Redimensionar o texto nos seus planos pagos

Personalize o design da página Planos pagos para que tudo fique simples de ler e os benefícios de cada plano sejam claros. Use os sliders para ajustar as proporções de todos os elementos no site mobile dos Planos pagos.
Editor Wix
Editor do Wix Studio
  1. Vá para o seu editor.
  2. Clique no ícone Alternar para mobile  na parte superior do editor.
  3. Vá para a página Planos e preços:
    1. Clique em Páginas e menu  no lado esquerdo do Editor.
    2. Clique na página Planos e preços. 
  4. Clique no elemento Planos pagos na página.
  5. Clique em Configurações.
  6. Clique em Design.
  7. Use os sliders em Tamanho do texto para redimensionar diferentes elementos de texto na página (por exemplo: título do plano, preço, benefícios, etc.)
Captura de tela mostrando como redimensionar o texto dos planos pagos no mobile.

Reordenar seus planos pagos

Reordene seus planos pagos para que eles apareçam na ordem que você deseja no seu site mobile.
Editor Wix
Editor do Wix Studio
Observação: se você quiser alterar a ordem dos seus planos no seu site mobile, você precisa fazer isso na visualização em desktop no Editor Wix seguindo as etapas abaixo. Existem opções de personalização adicionais apenas para o desktop, como modificar texto e add-ons.
  1. Vá para o seu editor.
  2. Vá para a página Planos e preços:
    1. Clique em Páginas e menu  no lado esquerdo do Editor.
    2. Clique na página Planos e preços. 
  3. Clique no elemento Planos e preços na sua página.
  4. Clique em Configurações
  5. Clique na aba Planos e, em seguida, clique na aba Reordenar planos
  6. Arraste e solte os planos na posição desejada.
    Dica: para ver essas alterações, clique no ícone Alternar para mobile  na parte superior do Editor.
Uma captura de tela mostrando como alterar a ordem dos planos pagos no seu editor.

Esse artigo foi útil?

|