No WooCommerce, uma funcionalidade muito útil é a de redirecionar os clientes diretamente para a página do carrinho após adicionarem um produto, sem a necessidade de usar plugins. Veja como colocar produtos para o carrinho por link sem uso de plugins. Neste tutorial, vamos ensinar como configurar isso usando apenas os recursos nativos do WooCommerce. Se você deseja aprender a redirecionar diretamente para o checkout utilizando plugins, confira o vídeo:
Conteúdo
Configuração Inicial no WooCommerce
1. Acessando as Configurações
- No painel do WordPress, vá até WooCommerce > Configurações.
- Clique na aba Produtos.
2. Ativando o Redirecionamento
- Marque a opção “Redirecionar ao carrinho após ação bem-sucedida”.
- Essa configuração faz com que, ao adicionar um produto ao carrinho, o cliente seja automaticamente redirecionado para a página do carrinho.
Criando o Link Direto para o Carrinho
Agora que a configuração básica está feita, vamos aprender a gerar o link direto para o carrinho, dependendo do tipo de produto: simples ou variável.
Produtos Simples
Para produtos simples, o processo é bem direto:
1. Identifique o ID do Produto
- No painel do WordPress, ao editar um produto, você verá o ID do produto na URL do navegador ou na seção de detalhes do produto.
2. Construindo o Link
- Use a seguinte estrutura de URL:
https://seusite.com/?add-to-cart=ID
, ondeID
é o ID do produto. - Exemplo: Se o ID do produto é 101, o link será
https://seusite.com/?add-to-cart=101
.
3. Testando
- Acesse esse link diretamente no navegador e o produto será automaticamente adicionado ao carrinho.
Produtos Variáveis
Para produtos com variações (como cor ou tamanho), o processo é um pouco mais complexo:
1. Identifique o ID do Produto e das Variações
- Edite o produto variável e vá até a seção Variações.
- Anote o ID da variação desejada.
2. Identifique o Nome dos Atributos
- Ainda na página de edição do produto, vá até Atributos.
- Passe o mouse sobre o nome do atributo (ex.: cor, tamanho) e verifique o nome da taxonomia na URL que aparece na barra inferior do navegador (ex.:
pa_color
para cor,pa_size
para tamanho).
3. Construindo o Link
- Use a seguinte estrutura de URL:
https://seusite.com/?add-to-cart=ID&variation_id=VARIATION_ID&attribute_pa_color=COLOR&attribute_pa_size=SIZE
- Substitua
ID
pelo ID do produto,VARIATION_ID
pelo ID da variação,COLOR
pela cor desejada eSIZE
pelo tamanho.
4. Testando
- Acesse esse link no navegador e verifique se o produto é adicionado corretamente ao carrinho com as variações escolhidas.
Considerações Finais
- Cuidado com maiúsculas e minúsculas: Verifique se os nomes dos atributos e suas respectivas opções (como cor e tamanho) estão corretos, considerando letras maiúsculas e minúsculas.
- Testes: Sempre teste os links gerados para garantir que o produto é adicionado ao carrinho conforme o esperado.
Links Úteis
Esse foi um tutorial simples e direto para ajudar você a configurar redirecionamentos automáticos para o carrinho no WooCommerce, sem precisar de plugins. Continue acompanhando o canal Expert de Sites para mais dicas e truques como este!