Cómo añadir botón de comprar ahora en página de producto simple en WooCommerce

Cómo añadir botón de comprar ahora en página de producto simple en WooCommerce

Cómo añadir botón de comprar ahora en página de producto simple en WooCommerce

Pasos a seguir:

  1. Accede a tu panel de administración de WordPress.
  2. Navega a Apariencia > Editor de temas.
  3. Selecciona el archivo functions.php de tu tema activo.
  4. 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>';
}
  1. Guarda los cambios en el archivo functions.php.
  2. Ve a la página de un producto simple en tu tienda.
  3. 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

Scroll al inicio