Entender el contador de clics "Añadir al carro" en WooCommerce: Mejorar las tasas de conversión

con respecto aGestionar una tienda WooCommercePara saber cuántos visitantes han hecho clic realmente en "Añadir a la cesta", que puede utilizarse para la página de productos delsex appealy las vías de transformación ofrecen valiosas perspectivas. Mediante la aplicación de la "Añadir a la cesta"Contadores de clics", que recogen una dimensión adicional de datos que le ayudarán a evaluar y optimizar sus páginas de productos con mayor precisión.

En este artículo, explicaremos cómo implementar el seguimiento de clics del botón "Añadir al carrito" en WooCommerce. Tanto si quieres saber qué productos atraen más a tus clientes como si quieres aumentar tu tasa de conversión, este artículo te proporcionará pasos claros a seguir.

¿Por qué tengo que hacer un seguimiento de los clics en "Añadir a la cesta"?

• Conocimiento profundo del atractivo del producto
• Aumentar la tasa de conversión
• Toma de decisiones basada en datos

1、Cómo conseguir el contador de clics "Añadir al carrito

Para realizar un seguimiento de los clics en el botón "Añadir al carrito" en WooCommerce, puede utilizar el siguiente fragmento de código PHP. Este fragmento de código proporcionará elAñadir un contador de clics a cada página de productoy almacenar estos datos como metadatos para el producto. Siga los pasos que se indican a continuación:

Botón Añadir al carrito Contador de clics @ WooCommerce Single Product Page

1. Añadir código asubtemaEl archivo functions.php delAbra el panel de control de WordPress y vaya a "estado exterior">"Editor de archivos temáticos", seleccione el archivo functions.php de su tema hijo y añada el siguiente código:

/** * @snippet Add Cart Button Click Counter @ WooCommerce Single Product Page * @how-to Get CustomizeWoo.com FREE * @author Rodolfo Melogli * @ compatible 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(); }

2. Explicar el funcionamiento del código::
   • bbloomer_add_to_cart_button_click_counterse pasa a través de la funciónjQuerySe ha añadido un receptor de clics al botón "Añadir al carrito" en una página de un solo producto en WooCommerce. Este receptor captura el evento de clic y pasa el ID del producto a un controlador personalizado a través de una solicitud Ajax.
   • bbloomer_add_cart_clickedLa función recibe una solicitud Ajax para el ID del producto y luego actualiza el número de clics en "Añadir al carrito" para ese producto. Estos datos de recuento se almacenan como metadatos del producto para su posterior análisis.

Este fragmento de código rastrea el número de clics en el botón "Añadir al carrito" en una página de un solo producto en WooCommerce. El receptor de clics busca un producto con una etiqueta single_add_to_cart_button por lo que si se utiliza un tema o diseño personalizado, el selector deberá modificarse en consecuencia.

El script detecta el clic del botón "Añadir al carrito" y envía una petición Ajax a la función personalizada pasando el ID del producto. Para una instalación predeterminada de WooCommerce, el ID del producto se almacena en el botón Añadir al carro de valor atributo. Si está utilizando un tema o diseño personalizado, debe asegurarse de que sigue siendo válido.

La función Ajax recupera el número de veces que el producto actual se ha añadido al carrito (almacenado como metadatos del producto) e incrementa el recuento. Este código funciona tanto para usuarios registrados como no registrados.

En esta fase, el contador de clics se almacena como metadatos del producto. Se puede acceder a estos datos de la siguiente manera: tras actualizar la página, el contador actualizará la pantalla.

get_post_meta( $product_id, 'add_cart_clicks', true );

2, cómo lograr la "tasa de conversión de ventas"

Mostrar tasa de conversión "Añadir a la cesta -> Vender" @ Product Manager

Una vez recopilados los datos sobre el número de clics, es posible compararlos con las ventas reales.para calcular el valor del botón "Añadir a la cesta".tasa de conversión. Esto le ayudará a identificar los productos más populares y cuáles son los que más han caído.

Para mostrar estas estadísticas en la página de gestión de productos de WooCommerce, utilice el siguiente fragmento de código:

/**
 * @snippet Añadir Cesta Botón Haga clic en Estadísticas @ WooCommerce Producto Admin
 * Cómo obtener CustomizeWoo.com GRATIS
 * @autor Rodolfo Melogli
 * @compatible WooCommerce 9
 * @community https://businessbloomer.com/club/
 */

add_action( 'add_meta_boxes', 'bbloomer_product_meta_box_add_cart_clicks' ).

function bbloomer_product_meta_box_add_cart_clicks() {
    add_meta_box( 'add_cart_stats', 'Añadir al carrito estadí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 = $producto->get_total_ventas();
   $units_added_to_cart = (int) get_post_meta( $post->ID, 'add_cart_clicks', true );
   ¡si ( ! $times_added_to_cart ) {
      echo '
No hay datos disponibles
'; if ( ! $times_added_to_cart ) {
      echo '
No hay datos disponibles
'; return.
   }
   $conversion = 100 * $units_sold / $times_added_to_cart; echo '
Tiempos añadidos al carrito: ' .
   echo '
Veces añadidas al carrito: ' . $iempos_añadidos_al_carrito . '
'; echo '
Ventas: ' .
   echo '
Ventas: ' . $unidades_vendidas . '
'; echo '
Conversión: ' .
   echo '
Tasa de conversión: ' . number_format( $conversion, 2 ) . '%
'; echo '
Tasa de conversión: ' .
}

Este código añadirá una "Estadística de Añadir al Carrito" a la página de administración de cada producto.Meta Boxque muestra el número de clics, ventas y conversiones.

¿Dónde añado un código personalizado?

Colocar el código PHP anterior en el archivo functions.php del tema hijo es la práctica más sencilla y recomendada. Asegúrese de que antes de modificar el archivoarchivo de copia de seguridadWooCommerce proporciona una serie de ganchos de acción y filtro que le permiten personalizar el estilo de su tema hijo en caso de cualquier problema. Para personalizar el estilo CSS, puedes añadirlo al archivo style.css del tema hijo.WooCommerce proporciona una serie de ganchos de acción y filtro que te permiten ejecutar código personalizado cuando se producen eventos específicos. Por ejemplo, puedes usar el hook woocommerce_before_single_product Los ganchos insertan contenido personalizado antes de que se muestre la página del producto.

resúmenes

Al implantar un contador de clics de "añadir al carrito", puede optimizar mejor sus páginas de productos y las tasas de conversión generales. Al combinar los datos sobre el número de clics y las ventas reales, es posible identificar qué productos funcionan mejor a la hora de captar compradores y qué productos tienen una tasa de conversión de compra relativamente baja.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres