Planos Pagos: exibir diferentes tipos de planos usando abas

4 min de leitura
Simplifique a experiência do seu cliente ao exibir seus diferentes planos pagos em abas. Por exemplo, você pode exibir seus planos mensais e anuais usando abas separadas. Isso torna mais rápido e fácil para seus clientes encontrarem o plano certo para eles. 
Uma captura de tela mostrando planos pagos mensais e anuais exibidos usando abas separadas.

Etapa 1 | Adicione abas ao seu site

Comece adicionando os elementos da aba à página relevante no seu site. 

Para adicionar abas:

  1. Clique em Elementos  à esquerda do Editor.
  2. Clique em Interativo.
  3. Clique em Abas abaixo de Caixas.
  4. Clique e arraste o design de aba escolhido para adicioná-lo à sua página.
Uma captura de tela mostrando como adicionar abas a uma página no seu site no Editor.

Etapa 2 | Nomeie suas abas

Agora que você adicionou as abas à página relevante do seu site, dê a cada aba o nome correto, para que seus clientes possam encontrar rapidamente o tipo de plano pago certo para eles. Por exemplo, você pode nomear as abas de acordo com a frequência de pagamento, por exemplo: semanal, mensal e anual. 

Para nomear suas abas:

  1. Clique nas abas no seu Editor.
  2. Clique em Gerenciar abas.
  3. Passe o mouse sobre o item relevante no painel.
  4. Clique no ícone Mais ações .
  5. Clique em Renomear.
  6. Insira o novo nome no campo.
  7. Clique em OK.
  8. Repita os passos 3 a 7 para cada aba que você exibir. 
Uma captura de tela mostrando como renomear abas no Editor.

Etapa 3 | Adicione os elementos de planos pagos aos itens da aba

Após nomear suas abas, adicione os elementos de planos pagos a todas as abas e personalize cada uma para exibir os planos pagos relevantes. 

Para adicionar elementos às suas abas:

  1. Clique nas abas no seu Editor. 
  2. Abra o item relevante da aba no dropdown.
  3. Clique em Elementos no lado esquerdo do Editor.
  4. Clique em Pagamentos
  5. Clique em Lista de planos ou Plano único em Planos pagos.
  6. Arraste o elemento relevante para a aba. 
  7. Solte o elemento quando vir a mensagem Anexar à aba
Uma captura de tela mostrando a mensagem de anexar à aba ao adicionar um widget de plano único a uma aba no Editor.
  1. Repita os passos 2 a 7 para cada aba. 

Etapa 4 | Escolha quais planos exibir em cada aba

Agora que você adicionou widgets de planos pagos a cada uma das suas abas, você pode escolher os planos relevantes que deseja exibir em cada widget de cada aba. 

Para escolher quais planos exibir em cada aba:

  1. Clique nas abas no seu Editor. 
  2. Selecione a primeira aba no dropdown.
  3. Clique para selecionar o elemento de planos pagos que você adicionou.
  4. Escolha quais planos exibir, dependendo de qual widget de planos pagos você escolheu para cada aba

Esse artigo foi útil?