Flores Manuel Consultor especializado en WordPress y WooCommerce.

+549 115594 7442
hola@floresmanuel.com

Cómo personalizar el botón Add To Cart en WooCommerce

Hoy vamos a hablar del famoso «add to cart» de woocommerce que en los inicios algunos nos hemos vuelto locos para cambiar ese texto, a continuación te muestro como hacerlo de forma sencilla.

Paso 1: Acceder al functions.php

Para llegar a archivo functions.php, en primer lugar, por supuesto, es necesario iniciar sesión en su página de administración de wordpress correctamente.
Apariencia> Editor> Funciones del tema> functions.php (generalmente en la esquina inferior derecha)

Paso 2: Tip Añadimos un texto encima dl boton en la página de un solo producto

Por ejemplo, tenemos un cliente que posee una tienda en línea y desea aumentar de algún modo la tasa de clics y la tasa de conversión de ventas. Una forma de lograrlo es agregar más afirmaciones. Un gran ejemplo de esto es agregar [«política de devolución de 30 días ofrecida»] justo encima del botón Añadir al carrito en la página de producto único de WooCommerce. Como resultado un cliente es probable que decida pagar un poco más de atención. Por lo tanto, es muy simple de hacer esto. Puede copiar / pegar el fragmento siguiente en su archivo de plantilla functions.php:

// adds notice at single product page above add to cart
add_action( 'woocommerce_single_product_summary', 'return_policy', 20 );
function return_policy() {
echo '
30-day return policy offered. See Terms and Conditions for details.
';
}

Dando estilo en css, en mi caso agrego en las opciones del theme el siguiente código

#rtrn {
text-align: center;
font-style: italic;
}

El resultado debería ser este:

3. Cambiando el texto de añadir al carrito en las páginas de un solo producto

Nuevamente agregamos el siguiente codigo al archivo functions.php

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 +
function woo_archive_custom_cart_button_text() {
return __( 'My Button Text', 'woocommerce' );
}

Los resultados que se ven en la página de inicio pueden variar según el tema que estés utilizando. Si hay alguna opcion que no funciona, por favor deja un comentario.

Summary
Review Date
Reviewed Item
add filter, function.php
Author Rating
51star1star1star1star1star

Consultor especializado en WordPress y WooCommerce.