Como Criar Planos de Assinatura com Woocommerce e Elementor

Como Criar Planos de Assinatura com Woocommerce e Elementor
Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Veja neste artigo o passo a passo de Como Criar Planos de Assinatura com Woocommerce e Elementor.

Acesse o seu painel WordPress e clique no menu PRODUTOS e, na próxima tela, clique em ADICIONAR NOVO.

Escreva o NOME do seu plano.

Logo abaixo do campo NOME, você pode escrever uma DESCRIÇÃO DETALHADA do Produto.

Em DADOS DO PRODUTO, informe o PREÇO, caso tenha números decimais, em vez de VÍRGULA coloque PONTO.

Logo abaixo de DADOS DO PRODUTO e depois de YOAST SEO (Caso esteja neste posição), você verá um campo de DESCRIÇÃO RESUMIDA, que irá aparecer ao lado da foto do produto.

Você também pode inserir uma IMAGEM do produto, que será mostrada como miniatura nos itens do carrinho.

Tendo preenchido todos os campos, clique em PUBLICAR.

Depois disso, clique no menu lateral esquerdo e selecione a opção PRODUTOS.

Passe o mouse sobre o nome do PLANO que você criou e anote o ID do produto que aparecer. Neste caso é 564.

Uma vez anotado o ID do produto que você criou, vá no menu PÁGINAS.

Passe o mouse sobre a página que você quer editar e clique em EDITAR COM ELEMENTOR.

No campo de busca do ELEMENTOR, digite HTML. Nos resultados que vão aparecer, clique neste ícone e arraste-o para a área que você quer criar o BOTÃO DE ASSINAR.

Copie o código abaixo:
<div style="text-align:center">

<a href="https://seudominio.com.br/seudominio/loja/?add-to-cart=SEU_ID" data-quantity="1" class="btn-comprar" data-product_id="SEU_ID" data-product_sku="" rel="nofollow">Assinar</a>
</div>

Cole dentro do elemento HTML que você criou.

Agora substitua:
1. https://seudominio.com.br -> pelo endereço completo do seu site. (veja se tem HTTPS ou só HTTP);
2. /seudominio/ -> pelo nome do seu site sem o .com.br;
3. SEU_ID -> ID do produto que você criou.

Segundo o nosso tutorial, vai ficar assim:

Feito isso, clique em ATUALIZAR.

Pronto! Agora é só testar. Clique no botão ASSINAR e veja se o item foi adicionado no seu carrinho.

 

 

Tags:

WhatsApp chat