Neste tutorial, vamos mostrar como redirecionar diretamente os produtos para a página de checkout no WooCommerce utilizando plugins e também como evitar a adição duplicada de produtos ao carrinho. Essa funcionalidade é especialmente útil para lojas que vendem produtos digitais ou quando você quer simplificar o processo de compra para seus clientes.
Conteúdo
Usando o Plugin Direct Checkout
1. Instalando o Plugin
Para redirecionar diretamente para o checkout, vamos utilizar o plugin Direct Checkout da QuadLayers. Siga os passos abaixo para instalá-lo:
- No painel do WordPress, vá até Plugins > Adicionar Novo.
- Pesquise por “Direct Checkout”.
- Encontre o plugin da QuadLayers e clique em Instalar e depois em Ativar.
2. Configurando o Plugin
Após a ativação, uma nova opção chamada Finalização Direta aparecerá no menu do WooCommerce:
- Vá em WooCommerce > Finalização Direta.
- Marque a opção Redirecionar para e selecione Checkout.
- Desative a opção Alerta de produto adicionado ao carrinho.
- Salve as alterações.
Agora, sempre que um cliente adicionar um produto ao carrinho, ele será automaticamente redirecionado para a página de checkout.
Criando Links Diretos para o Checkout
Agora que o plugin está configurado, vamos aprender a criar links diretos para o checkout, tanto para produtos simples quanto para produtos variáveis.
Produtos Simples
Para produtos simples, o processo é bem direto:
1. Identifique o ID do Produto
- No painel do WordPress, acesse Produtos > Todos os Produtos.
- Passe o mouse sobre o produto desejado e anote o ID que aparece.
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
.
Ao acessar este link, o produto será adicionado ao carrinho e o cliente será redirecionado diretamente para o checkout.
Produtos Variáveis
Para produtos com variações, como cor ou tamanho, o processo requer algumas etapas adicionais:
1. Identifique o ID do Produto e das Variações
- Acesse a página de edição do produto variável.
- Vá até a seção Variações e anote o ID da variação desejada.
2. Identifique o Nome dos Atributos
- Vá em Produtos > Atributos no painel do WordPress.
- Passe o mouse sobre o nome do atributo e anote a taxonomia (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 o link gerado e veja se o produto é adicionado corretamente ao checkout com as variações escolhidas.
Evitando a Adição Duplicada de Produtos
Um problema comum ao utilizar links diretos para o checkout é a possibilidade de o mesmo produto ser adicionado várias vezes ao carrinho. Isso pode ser inconveniente, especialmente para produtos digitais. A solução é adicionar um código personalizado ao arquivo functions.php
do tema.
1. Adicionando o Código no functions.php
- No painel do WordPress, vá até Aparência > Editor de Arquivos de Tema.
- Selecione o arquivo
functions.php
do tema ativo. - Role até a última linha do código e cole o código abaixo.
- Salve as alterações.
Código do Functions.php
/**
* @package Expert de Sites
* @author Expert de Sites
* @link https://www.youtube.com/@expertdesites
* @link https://expertdesites.com.br/
*/
function prevent_duplicate_add_to_cart($passed, $product_id) {
// Verifica se o produto já está no carrinho
foreach (WC()->cart->get_cart() as $cart_item) {
if ($cart_item['product_id'] == $product_id) {
// Se o produto já estiver no carrinho, impede a adição
wc_add_notice(__('O produto já está no seu carrinho. Finalize sua compra.', 'woocommerce'), 'notice');
wp_safe_redirect(wc_get_checkout_url());
exit;
}
}
return $passed;
}
add_filter('woocommerce_add_to_cart_validation', 'prevent_duplicate_add_to_cart', 10, 2);
function remove_wc_notices_on_redirect() {
if (isset($_GET['add-to-cart'])) {
wc_clear_notices();
}
}
add_action('template_redirect', 'remove_wc_notices_on_redirect', 20);
2. Testando o Código
Agora, ao tentar adicionar o mesmo produto ao carrinho novamente, uma mensagem será exibida informando que o produto já está no carrinho. Isso evita duplicações desnecessárias e melhora a experiência do cliente.
3. Dica Adicional: Use um Tema Filho
Para evitar perder o código ao atualizar o tema, é recomendável usar um tema filho. Se você ainda não tem um tema filho, pode criar um utilizando um plugin como o Child Theme Configurator.
Considerações Finais
Utilizando essas técnicas, você consegue redirecionar seus clientes diretamente para o checkout e evitar problemas de duplicação de produtos no carrinho. Esse processo simplifica a jornada do usuário e pode aumentar suas conversões. Todos os códigos e informações mencionadas estarão disponíveis na descrição do vídeo para facilitar a sua implementação.
Esse foi o guia completo para redirecionar seus clientes diretamente para o checkout no WooCommerce e evitar a adição duplicada de produtos ao carrinho. Continue acompanhando o canal Expert de Sites para mais dicas e tutoriais!