
Cómo añadir botón de comprar ahora en página de producto simple en WooCommerce
Pasos a seguir:
- Accede a tu panel de administración de WordPress.
- Navega a Apariencia > Editor de temas.
- Selecciona el archivo functions.php de tu tema activo.
- Agrega el siguiente código al final del archivo:
add_action('woocommerce_after_add_to_cart_button', 'agregar_boton_comprar_ahora');
function agregar_boton_comprar_ahora() {
global $product;
echo '<a href="' . esc_url( $product->add_to_cart_url() ) . '?add-to-cart=' . esc_attr( $product->get_id() ) . '&quantity=1" class="button buy-now" style="background-color: #FF0000; color: #FFFFFF;">Comprar Ahora</a>';
}
- Guarda los cambios en el archivo functions.php.
- Ve a la página de un producto simple en tu tienda.
- Verifica que el botón «Comprar Ahora» aparezca debajo del botón «Añadir al carrito».
Personalización del botón:
- Cambia el texto del botón modificando el texto entre </a> y </a> en el código.
- Modifica el estilo del botón cambiando los valores de background-color y color.
.
Categoría: Plugin WooCommerce