fbpx
  1. Início
  2. Base de conhecimento
  3. Dicas, truques e personalizações
  4. Dicas e truques
  5. Alternar entre níveis de associação ou produtos em uma página de checkout

Alternar entre níveis de associação ou produtos em uma página de checkout

Alternar entre o nível de associação ou produtos na página de checkout é fácil e pode ser feito de duas maneiras: usando botões ou usando um menu suspenso.

Usar botões

Siga as etapas abaixo para alternar entre níveis de associação ou produtos usando botões:

  1. No menu do WordPress, clique em Páginas e localize a página principal padrão do Checkout. Ela será aquela em que você verá a "bandeira laranja" no campo Tipo de página principal coluna. Clique nessa página para editá-la.

  2. Obtenha o link de compra estático para o nível de associação ou produto para o qual você deseja permitir que o cliente mude. Leia este artigo para Saiba como obter o link de compra estático.

    Por exemplo, o link estático poderia ser algo como:
    http://yourdomain.com/checkout/?pid=4.

  3. Localize o local em seu HTML onde você inseriu o código do botão e copie e cole o seguinte:

    <a href="/pt/{purchase_link_url}/">Início</a>

    Basta substituir "purchase_link_url" pelo URL do link de compra:

    <a href="/pt/yourdomain.com/checkout/?pid=4">Início</a>


    Um exemplo do que o código final com botão e link de compra é mostrado a seguir:

    Starter
    Builder
    Growth


  4. Salve suas alterações. Agora, quando um cliente clicar em qualquer um desses links, a página de checkout será recarregada com o nível de associação ou produto apropriado.

Use um menu suspenso

Siga as etapas abaixo para alternar entre níveis de associação ou produtos usando um menu suspenso:

  1. No menu do WordPress, clique em Páginas e localize a página principal padrão do Checkout. Ela será aquela em que você verá a "bandeira laranja" no ícone Tipo de página principal coluna. Clique nessa página para editá-la.

  2. Clique no botão Texto no canto superior direito do editor de conteúdo para passar a usar o editor de texto.

  3. Encontre o local em seu HTML onde deseja inserir o menu suspenso, copie e cole o seguinte:

    <select name="subscriptions" onchange="window.location=this.options[this.selectedIndex].value;">

    Escolha uma associação {item_name}


  4. Para cada nível de associação ou produto que você deseja que o cliente possa alternar, adicione uma opção usando esse modelo:

    {item_name}

    Basta substituir '{item_name}' pelo texto que você deseja exibir para o cliente no menu suspenso e substituir '{purchase_link_url}' pelo URL do link de compra estático associado ao nível de associação ou ao produto. Leia este artigo para Saiba como obter o link de compra estático.

    Por exemplo, o link estático poderia ser algo como http://yourdomain.com/checkout/?pid=4. Você deve deixar a primeira opção como texto de espaço reservado, pois precisará alterar a opção existente para que o link funcione.

    Aqui está um exemplo de como é um menu suspenso completo:

    Choose a Membership
    Associação gratuita
    Paid Membership
Este artigo foi útil?

Artigos relacionados

Não consegue encontrar a resposta que está procurando?

Entre em contato com nossa Equipe de Sucesso do Cliente
Entre em contato conosco!