no que respeita aGerir uma loja WooCommercePara saber quantos visitantes clicaram efetivamente no botão "Adicionar ao carrinho", que pode ser utilizado para a página de produto dosex appeale as vias de transformação fornecem informações valiosas. Ao implementar o "Adicionar ao carrinho"Contadores de cliques, que recolhem uma dimensão adicional de dados que o ajudarão a avaliar e otimizar as suas páginas de produtos com maior precisão.
Neste artigo, explicaremos como implementar o rastreamento de cliques no botão "Adicionar ao carrinho" no WooCommerce. Quer pretenda saber quais os produtos mais apelativos para os seus clientes, quer pretenda aumentar a sua taxa de conversão, este artigo fornecer-lhe-á passos claros a seguir.
Porque é que preciso de monitorizar os cliques em "Adicionar ao carrinho"?
- Conhecimento profundo do apelo do produto
- Aumentar a taxa de conversão
- Tomada de decisões com base em dados
1、Como obter o contador de cliques "Adicionar ao carrinho
Para monitorizar os cliques no botão "Adicionar ao carrinho" no WooCommerce, pode utilizar o seguinte fragmento de código PHP. Este trecho de código fornecerá oAdicionar um contador de cliques a cada página de produto individuale armazenar estes dados como metadados para o produto. Siga os passos abaixo:
Adicionar ao carrinho Botão Contador de cliques @ WooCommerce Página de produto único
- Adicionar código asubtemaO ficheiro functions.php doAbrir o painel de controlo do WordPress e navegar para "estado exterior">"Editor de ficheiros de temas", selecione o ficheiro functions.php do seu tema secundário e adicione o seguinte código:
/** * @snippet Adicionar Contador de Cliques no Botão do Carrinho @ Página de Produto Único do WooCommerce * @how-to Get CustomizeWoo.com FREE * @author Rodolfo Melogli * @ compatível com WooCommerce 9 * @community https://businessbloomer.com/club/ */ add_action( 'woocommerce_before_single_product', 'bbloomer_add_to_cart_button_click_counter' ); function bbloomer_add_to_cart_button_click_counter() { wc_enqueue_js( " $('.single_add_to_cart_button').click(function(e){ $. post( '" . '/wp-admin/admin-ajax.php' . "', { action: 'add_cart_clicked', pid: $(this).attr('value') } ); }); " ); } add_action( 'wp_ajax_add_cart_clicked', 'bbloomer_add_cart_clicked' ); add_action( 'wp_ajax_nopriv_add_cart_clicked', 'bbloomer_add_cart_clicked' ); function bbloomer_add_cart_clicked() { $pid = $_ POST['pid']; $times_added_to_cart = (int) get_post_meta( $pid, 'add_cart_clicks', true ) ? 0; update_post_meta( $pid, 'add_cart_clicks', $times_added_to_cart + 1 ); wp_die(); }
- Explicar o funcionamento do código::
bbloomer_add_to_cart_button_click_counter
é passada através da funçãojQueryAdicionado um ouvinte de clique ao botão "Adicionar ao carrinho" numa única página de produto no WooCommerce. Este ouvinte capta o evento de clique e passa o ID do produto para um manipulador personalizado através de um pedido Ajax.bbloomer_add_cart_clicked
A função recebe um pedido Ajax para o ID do produto e, em seguida, actualiza o número de cliques em "Adicionar ao carrinho" para esse produto. Estes dados de contagem são armazenados como metadados do produto para análise posterior.
Este snippet de código rastreia o número de cliques no botão "Adicionar ao carrinho" numa única página de produto no WooCommerce. O ouvinte de cliques procura um produto com um botão_adicionar_ao_carrinho_único
por isso, se for utilizado um tema ou layout personalizado, o seletor terá de ser alterado em conformidade.
O script detecta o clique do botão "Adicionar ao carrinho" e envia um pedido Ajax para a função personalizada, passando o ID do produto. Para uma instalação padrão do WooCommerce, o ID do produto é armazenado no botão Adicionar ao carrinho valor
atributo. Se estiver a utilizar um tema ou um esquema personalizado, tem de se certificar de que isto ainda é válido.
A função Ajax recupera o número de vezes que o produto atual foi adicionado ao carrinho (armazenado como metadados para o produto) e aumenta a contagem. Este código funciona tanto para utilizadores com sessão iniciada como para utilizadores sem sessão iniciada.
Nesta fase, o contador de cliques é armazenado como metadados para o produto. Estes dados podem ser acedidos da seguinte forma: depois de atualizar a página, o contador actualiza o ecrã.
get_post_meta( $product_id, 'add_cart_clicks', true );
2, como atingir a "taxa de conversão de vendas"
Mostrar taxa de conversão "Adicionar ao carrinho -> Vender" @ Gestor de produtos
Após a recolha de dados sobre o número de cliques, é possível comparar este número com as vendas efectivaspara calcular o valor do botão "Adicionar ao carrinho".taxa de conversão. Isto ajudá-lo-á a identificar os produtos mais populares e quais os que foram mais abandonados.
Para apresentar estas estatísticas na página de gestão de produtos do WooCommerce, utilize o seguinte fragmento de código:
/**
* Estatísticas de cliques do botão Adicionar carrinho de compras no administrador de produtos do WooCommerce
* Como obter o CustomizeWoo.com GRÁTIS
* @autor Rodolfo Melogli
* @compatible WooCommerce 9
* @community https://businessbloomer.com/club/
*/
add_action( 'add_meta_boxes', 'bbloomer_product_meta_caixa_add_cart_clicks' ).
function bbloomer_product_meta_box_add_cart_clicks() {
add_meta_box( 'add_cart_stats', 'Adicionar ao Carrinho Estatísticas', 'bbloomer_display_add_cart_stats', 'product', 'advanced', 'high' ); }
}
function bbloomer_display_add_cart_stats() {
global $post.
$product = wc_get_product( $post->ID );
$unidades_vendidas = $produto->get_total_sales();
$times_added_to_cart = (int) get_post_meta( $post->ID, 'add_cart_clicks', true );
se ( ! $times_added_to_cart ) {
echo 'Não há dados disponíveis
'; if ( ! $times_added_to_cart ) {
echo 'Não há dados disponíveis
'; return.
}
$conversion = 100 * $units_sold / $times_added_to_cart; echo 'Times adicionados ao carrinho: ' .
echo '
Tempos adicionados ao carrinho: ' . $times_added_to_cart . '
'; echo 'Vendas: ' .
echo '
Vendas: ' . $units_sold . '
'; echo 'Conversão: ' .
echo '
Taxa de conversão: ' . number_format( $conversão, 2 ) . '%
'; echo 'Taxa de conversão: ' .
}
Este código adicionará uma "Estatística de adição ao carrinho" à página de administração de cada produto.Meta BoxO sistema de gestão de vendas da empresa mostra o número de cliques, vendas e conversões.
Onde é que adiciono um código personalizado?
Colocar o código PHP acima no ficheiro functions.php do tema filho é a prática mais fácil e recomendada. Certifique-se de que antes de modificar o ficheiroficheiro de cópia de segurançaO WooCommerce fornece uma série de ganchos de ação e de filtro que lhe permitem personalizar o estilo do seu tema filho em caso de problemas. Para personalizar o estilo CSS, pode adicioná-lo ao ficheiro style.css do tema secundário. O WooCommerce fornece uma série de ganchos de ação e de filtro que lhe permitem executar código personalizado quando ocorrem eventos específicos. Por exemplo, pode utilizar o gancho woocommerce_before_single_product
Os ganchos inserem conteúdo personalizado antes de a página do produto ser apresentada.
resumos
Ao implementar um contador de cliques "adicionar ao carrinho", pode otimizar melhor as suas páginas de produtos e as taxas de conversão globais. Combinando dados sobre o número de cliques e as vendas efectivas, é possível identificar quais os produtos com melhor desempenho no envolvimento dos compradores e quais os produtos com uma taxa de conversão de compras relativamente baixa.