WooCommerceWordPress

Cómo agregar botón Comprar Ahora en WooCommerce

Cómo agregar botón Comprar Ahora en WooCommerce: El uso de WooCommerce para la creación de tiendas en línea ha sido una tendencia en los últimos años, la facilidad de uso, adaptabilidad y sobre todo la funcionalidad lo han echo uno de los plugin preferidos por una gran cantidad de personas desde novatos hasta avanzados para realizar una tienda en línea.

La configuración de una tienda en línea con WordPress y WooCommerce suele ser muy sencilla y muy intuitiva para los nuevos usuarios; sin embargo y a pesar de lo anterior, WooCommerce suele tener ciertos detalles en cuanto a su configuración inicial; uno de ellos es el botón de comprar ahora, el cual no viene dentro de los ajustes del plugin, por lo que no se mostrará en nuestros productos.

Una de las principales ventajas de WordPress y de WooCommerce es su facilidad para interactuar y agregar código adicional al que ya trae, esto para realizar mejoras en nuestra tienda. También se tiene la opción de agregar plugins para mejorar nuestra tienda en línea, algo que suele facilitarnos mucho la vida. Dentro de este articulo veremos cómo agregar botón Comprar Ahora en WooCommerce de dos maneras distintas.

Botón comprar ahora en WooCommerce

El botón comprar ahora no viene agregado en la configuración inicial de WooCommerce por defecto, únicamente podremos encontrar el botón de «Agregar al carrito» el cual es un botón por default en toda tienda de WooCommerce, este suele aparecer principalmente en la vista del producto y ayuda al usuario a agregar un producto a su carrito de compras.

El proceso de agregar un producto al carrito suele ser un proceso que conlleva los siguientes pasos: Agregar producto al carrito > Ver carrito > Proceder al Checkout.

El proceso anterior suele ser un poco tardado y molesto para algunos usuarios, por lo que hoy en día es muy común observar el botón de «Comprar Ahora» en las tiendas en línea para evitar pasar por el carrito de compras y hacer más rápido el proceso de compra, algo que suele incrementar la conversión de una tienda.

Por lo anterior el botón de «Comprar Ahora» se ha vuelta de suma importancia dentro de ciertas tienda en línea para aumentar conversiones y brindar una mejor experiencia al cliente final, a continuación te mostraré cómo agregar botón Comprar Ahora en WooCommerce mediante código o mediante un plugin, cualquiera de las dos formas es valida y podrás utilizarlas en tu tienda online.

Cómo agregar botón Comprar Ahora en WooCommerce

Cómo te mencione anteriormente, veremos cómo agregar botón Comprar Ahora en WooCommerce mediante 2 métodos distintos, uno con código y otro mediante un plugin; cualquiera de los dos métodos es valido, aunque te recomiendo que si sabes un poco de programación optes por la opción del código ya que no agregarás otro plugin más a la carga del sitio web.

Agregar botón Comprar Ahora – PLUGIN

El utilizar plugins dentro de WordPress puede ayudarnos a solucionar un sinfín de problemas, estos están diseñados para realizar diversas funciones y son muy fáciles de utilizar. Para agregar el botón de Comprar Ahora debemos realizar el siguiente proceso.

  1. Ir a Plugins > Añadir nuevo > Buscar GBI Buy Now Button e instalar el plugin.
  2. Una vez que este instalado el plugin, se deberá activar.
  3. Posteriormente debemos ir a GBI Buy Now > Opciones

4. Posteriormente debemos configurar el botón de la forma en que queramos y guardar los ajustes.

5. Y listo ya tendremos nuestro botón de Comprar Ahora en la página de nuestros productos.

Agregar botón Comprar Ahora – CÓDIGO

Ahora veremos el segundo método el cual consiste en agregar unas cuantas líneas de código en el archivo functions.php, el cual podrás encontrar en Apariencia > Editor de temas > functions.php, te recomiendo ampliamente que generes un Tema Hijo para la edición del archivo functions.php, sino sabes cómo hacerlo te dejo el siguiente articulo: Cómo crear un tema hijo en WordPress.

Una vez que tengamos nuestro tema hijo, debemos ingresar a editarlo y agregar el siguiente código hasta abajo, al final del código que ya tenemos en el archivo.


/* Crear botón de comprar ahora */

function add_content_after_addtocart() {

// get the current post/product ID
$current_product_id = get_the_ID();

// get the product based on the ID
$product = wc_get_product( $current_product_id );

// get the "Checkout Page" URL
$checkout_url = WC()->cart->get_checkout_url();

// run only on simple products
if( $product->is_type( 'simple' ) ){
echo '<a href="'.$checkout_url.'?add-to-cart='.$current_product_id.'" class="buy-now button">Comprar Ahora</a>';
//echo '<a href="'.$checkout_url.'" class="buy-now button">Comprar Ahora</a>';
}
}
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after_addtocart' );

Publicaciones relacionadas

Botón volver arriba