Cuando lanzamos nuestra primera tienda de comercio electrónico hace años, estábamos dejando dinero sobre la mesa sin ni siquiera saberlo. Como muchos propietarios de tiendas, nos centrábamos únicamente en conseguir clientes que compraran nuestros productos principales. Eso fue hasta que descubrimos los bumps de pedidos.
Si tienes una tienda WooCommerce y aún no has establecido los descuentos por pedido, te estás perdiendo una forma sencilla de aumentar las ventas. Piensa en las extensiones de pedido como esos pequeños elementos cerca de la caja en tu tienda local: son extensiones estratégicas que los clientes pueden comprar con un solo clic durante la finalización de la compra / pago.
En esta guía, le mostraremos exactamente cómo crear bultos de pedidos / órdenes de alta conversión en WooCommerce. ¿Y lo mejor? Nuestras instrucciones paso a paso son fáciles de seguir para principiantes, ¡así que no necesitas ninguna experiencia técnica!
¿Qué es un pedido / orden?
Un incremento de pedidos es una estrategia de ventas inteligente que muestra a los compradores productos adicionales en la página de finalizar compra / pago. Piense en ello como un amistoso “¿Quiere patatas fritas con eso?” pero para su tienda online.
Cuando los clientes llegan a la página de finalizar compra / pago de WooCommerce, ven un simple cuadro de oferta bump con un producto relacionado. Esta oferta bump de pedido les facilita añadir otro elemento / artículo a su carrito con un solo clic.
Se preguntará en qué se diferencia de una venta dirigida. En nuestra opinión, en realidad son bastante similares, ya que ambos tienen como objetivo aumentar el valor de su carrito.
De hecho, puede incluso ofrecer una versión de mayor precio de un producto al finalizar la compra / pago, lo que técnicamente funciona tanto como un incremento de pedido como una venta dirigida. Sin embargo, según nuestra experiencia, esto no es tan eficaz como ofrecer pedidos / órdenes más baratos.
Cuando se hacen bien, los incrementos de pedidos pueden aumentar considerablemente el valor medio de los pedidos. Dicho esto, no puede elegir cualquier producto para aumentar los pedidos / órdenes. Tiene que ser estratégico acerca de sus ofertas. Esto es lo que recomendamos:
- Elige productos de WooCommerce que complementen de forma natural lo que hay en el carrito (como fundas para teléfonos).
- Pon un precio más bajo a tu oferta de bump para WooCommerce que a la compra principal para que parezcan extensiones fáciles de añadir.
- Haga que su oferta de pedido / orden sea sencilla y clara. Un producto atractivo funciona mejor que varios pedidos / órdenes.
- Coloca tu oferta de pedido / orden de WooCommerce donde sea visible pero no interrumpa el flujo de pago.
WooCommerce no tiene ajustes incorporados para establecer un bump de pedido / orden. Afortunadamente, hay muchos plugins de WooCommerce disponibles para los bumps de pedidos. Y hemos encontrado uno que es fácil de usar para usuarios de todos los niveles.
Estos son los pasos que vamos a cubrir en este bache pedido / orden WooComerce tutorial:
- Step 1: Install FunnelKit Funnel Builder
- Step 2: Customize Your Checkout Page
- Step 3: Add an Order Bump to Your Checkout
- Step 4: Customize the Order Bump Text and Image
- Step 5: Customize the Order Bump Design
- Step 6: Set Up Your Order Bump Discount
- Step 7: Set the Rules to Trigger the Order Bump
- Step 8: Monitor and Optimize Your Order Bump Conversions
Primeros pasos.
👉 Nota: En este tutorial, asumiremos que has establecido una tienda online con WooCommerce. Si necesitas una guía paso a paso, entonces marca / comprueba nuestro tutorial WooCommerce simplificado.
Paso 1: Instalar el maquetador de embudos FunnelKit
De todos los plugins de WooCommerce para realizar pedidos / órdenes que hemos probado, FunnelKit Funnel Builder es el más sencillo. Este plugin te permite optimizar el flujo de finalización compra / pago y crear potentes embudos de oferta con el mínimo esfuerzo.
Nos encanta FunnelKit como plugin de oferta de bump porque tiene muchas reglas y ajustes que puedes personalizar. Lo que es más, incluye diseños adaptables de bump de pedidos y es compatible con los principales tipos de productos de tu tienda WooCommerce.
Además, FunnelKit incluye plantillas de finalización de compra personalizadas para aumentar las ventas, embudos de abandono de carrito para recuperar los ingresos potenciales perdidos y un panel de análisis para ver el rendimiento de su tienda.
Esta guía utilizará el plan FunnelKit Builder Pro Plus porque la característica de golpe de pedido está disponible en esa versión y superior. Sin embargo, puedes empezar con la versión gratuita si quieres explorar las características básicas de finalizar compra / pago de WooCommerce antes de commit.
Para más información, marque / compruebe nuestra detallada reseña del maquetador FunnelKit.
Una vez adquirido el plan, obtendrá acceso al archivo zip del plugin y a la clave de licencia. A continuación, tendrá que instalar el plugin. Para más información, marca / comprobar nuestra guía sobre cómo instalar un plugin de WordPress.
A continuación, deberá activar la clave de licencia. Para ello, simplemente vaya a FunnelKit ” Ajustes desde su escritorio de WordPress, navegue hasta la pestaña ‘General’ y seleccione ‘Licencia’.’
Copie y pegue la clave de licencia en el campo ‘FunnelKit Funnel Builder Pro’ y seleccione el maquetador de páginas por defecto que esté utilizando. Después de eso, simplemente haga clic en “Activar” y luego “Guardar cambios”.
Paso 2: Personalizar la página de finalizar compra / pago
Ahora que el plugin está activado, tendrá que establecer su página de finalizar compra / pago de WooCommerce.
Para ello, vaya a FunnelKit ” Store Checkout. A continuación, cambie a la pestaña ‘Store Checkout’ y haga clic en el botón ‘Create Store Checkout’.
FunnelKit ofrece varias plantillas de finalizar compra / pago diseñadas para impulsar las ventas. Puedes personalizarlas usando el editor de bloques o populares plugins maquetadores de páginas como Divi o Bricks.
Asegúrese de elegir su plataforma preferida en la parte superior de la página. A continuación, simplemente haga clic en “Vista previa” en su plantilla de finalización de compra / pago preferida.
La mayoría de las plantillas de FunnelKit incluyen tres páginas clave: una página de finalizar compra / pago de WooCommerce, una página de ventas dirigidas y una página de agradecimiento.
Si le gusta el aspecto de la plantilla, haga clic en “Importar este embudo”.
A continuación, deberá asignar un nombre a su embudo de finalizar compra / pago, lo que resulta especialmente útil si tiene previsto crear varios embudos de finalizar compra / pago más adelante.
Tras introducir el nombre, basta con hacer clic en “Añadir”.
Para comenzar a personalizar, haga clic en el nombre de finalizar compra / pago encima del botón “Añadir pedido / orden”.
Verá varios ajustes para su página de finalizar compra / pago.
En la pestaña “Diseño”, haga clic en “Editar plantilla de editor de bloques” para personalizarla utilizando la plataforma de edición que elija.
Para pasos detallados de personalización, compruebe nuestra guía sobre cómo personalizar la página finalizar compra / pago de WooCommerce.
Una vez que esté satisfecho con el diseño de su finalización compra / pago, puede pasar a añadir su oferta de pedido / orden.
Paso 3: Añadir un incremento de pedido al finalizar compra / pago
Ahora que has configurado la página de finalizar compra, vamos a añadir un bump de pedidos WooCommerce para aumentar tus ofertas.
En primer lugar, vaya a FunnelKit ” Finalizar compra/ pago. A continuación, haga clic en el botón “Añadir pedido Bump”.
Aparecerá una ventana emergente que le pedirá que asigne un nombre al pedido / orden. Añadir un nombre descriptivo es especialmente útil si planea crear varios bultos de pedido para diferentes ofertas al finalizar compra / pago.
Cuando hayas rellenado un nombre, haz clic en “Añadir”.
FunnelKit le mostrará entonces varios diseños de cajas de oferta de bultos para que elija.
Cada plantilla es totalmente adaptable y está diseñada para impulsar las ofertas captando la atención de sus clientes en el momento justo.
Puede elegir el diseño que mejor se adapte al estilo de su tienda. Después, haz clic en “Importar”.
En el mensaje / ventana emergente de selección de producto, añade el producto de WooCommerce que quieres mostrar como tu oferta de pedido / orden. Recomendamos mantenerlo simple con una sola oferta atractiva. Demasiadas opciones pueden abrumar a los clientes y reducir las conversiones.
Cuando esté satisfecho con su selección, simplemente haga clic en “Añadir”.
Paso 4: Personalizar el texto y la imagen de la protuberancia del pedido / orden
Ahora, en la pestaña ‘Diseño’, puedes personalizar tu bump de pedido de WooCommerce para hacerlo más atractivo. Empecemos por hacer que el contenido de la caja de oferta sea atractivo.
En primer lugar, asegúrate de que estás en la pestaña “Contenido”. Aquí puede crear el texto de la oferta de choque de pedidos perfecto. En la parte superior encontrarás el campo de llamada a la acción.
El texto por defecto dice “¡Sí! Añade {{nombre_producto}} a mi pedido / orden”. FunnelKit incluye aquí algo de código HTML para los colores del texto, así que tenga cuidado de mantener ese formato al editarlo si quiere conservarlo.
Además, recomendamos mantener la etiqueta merge {{product_name}} para mostrar dinámicamente el nombre de su producto.
Una etiqueta merge es como un marcador de posición que se rellena automáticamente con la información correcta. Cuando alguien visita tu página de finalizar compra / pago, FunnelKit sustituye {{product_name}} por el nombre real de tu producto sin que tengas que actualizarlo manualmente.
Algunos ejemplos de llamadas a la acción eficaces para su bache de pedidos podrían ser:
- “Actualizar mi pedido con
{{nombre_producto}}“ - “¡Sí! Me gustaría comprar
{{product_name}}“
En el campo “Descripción”, escriba una presentación breve pero convincente de su oferta al finalizar compra / pago.
Por ejemplo, si ofrece una actualización de la suscripción, pruebe algo como: “Actualice ahora a nuestro plan de 6 meses y obtenga acceso ilimitado a contenidos exclusivos, navegación sin publicidad y soporte prioritario al cliente.”
Para que tu oferta de bump para WooCommerce sea aún más dinámica, haz clic en el botón “Combinar etiquetas”.
Encontrará otras etiquetas merge que pueden resultarle útiles para el bulto de su pedido / orden, como:
{{descripción_corta_del_producto}}– Trae la descripción corta de tu producto WooCommerce.{{subscription_summary}}– Muestra automáticamente los detalles de la suscripción.{{quantity_incrementer}}– Permite a los clientes ajustar la cantidad de su pedido / orden.{{variation_attribute_html}}– Muestra las variaciones del producto cuando es necesario.
No dudes en hacer clic en el icono de copia de una etiqueta merge que quieras utilizar en tu descripción.
Moviéndose hacia abajo, verá una casilla de verificación para añadir un texto de oferta exclusiva a su bulto de pedido WooCommerce. Puedes activar esta opción si quieres que tu oferta sea más urgente.
Este tipo de mensajes “exclusivos” puede crear una sensación de valor especial y FOMO al finalizar compra / pago.
Además, puede personalizar este texto para adaptarlo a su oferta. Aquí tienes algunos ejemplos eficaces para tu oferta de choque:
- “Oferta única – ¡Solo disponible ahora!”
- “Descuento especial solo al finalizar compra / pago”
- “Oferta exclusiva por lotes: ahorre un 50%”.
- “Oferta por tiempo limitado – añadir al pedido ahora”
El último ajuste de la pestaña “Contenido” le permite elegir una imagen para utilizarla en el bump del pedido / orden. Si no desea utilizar una imagen, desactive el conmutador “Imagen del producto”.
En caso contrario, deberá decidir si desea utilizar la imagen por defecto del producto o seleccionar la opción “Personalizada” para subir una diferente desde su propio ordenador.
Una vez elegida la imagen, puede editar su anchura y posición.
Asegúrate de establecer y revisar todos los ajustes hasta que estés satisfecho con el aspecto de la protuberancia.
Después, desplázate hacia arriba para hacer clic en el botón “Guardar”.
Paso 5: Personalizar el diseño de la protuberancia del pedido
En esta etapa, puede cambiar a la pestaña ‘Estilo’ para personalizar cada aspecto visual de su bulto de pedido WooCommerce.
Vamos a repasar los ajustes más importantes para crear un cuadro de oferta de bump llamativo.
En primer lugar, abra la pestaña “General”. En el menú desplegable “Posición”, puede elegir dónde mostrar su oferta de bulto de pedido. Estas son sus opciones:
- Por encima o por debajo del resumen del pedido
- Por encima o por debajo de las pasarelas de pago
- Dentro o encima del mini carrito
- Sobre el formulario de finalizar compra / pago
La mejor posición para sus ofertas al finalizar compra / pago depende de la plantilla elegida y de lo que esté vendiendo. Le recomendamos que coloque el bulto del pedido en un lugar visible pero que no interrumpa el flujo natural del proceso de pago.
Para la mayoría de las tiendas WooCommerce, posicionarlo cerca del resumen del pedido funciona bien porque los clientes ya están revisando sus compras.
Si no está seguro, haga clic en el botón “Vista previa” para ver el aspecto que tendrá al finalizar la compra / pago.
También encontrarás dos ajustes importantes en esta pestaña.
En primer lugar, la opción “Preseleccionar el bump del pedido por defecto” marca / comprueba automáticamente la oferta de bump para los clientes. Aunque esto puede aumentar las conversiones, solo recomendamos usarlo para ofertas gratuitas. Los clientes pueden sentirse engañados si encuentran un elemento / artículo de pago inesperado en su carrito de WooCommerce.
A continuación, el ajuste “Ocultar salto de pedido tras la selección” quita la oferta una vez aceptada. Esto puede ser útil cuando tiene varios baches de pedido o desea mantener su página de finalización de compra limpia después de que el cliente hace su elección.
Si abres la pestaña ‘Disposición’, podrás personalizar completamente el aspecto de tu bump box de oferta. Puedes elegir el color de fondo del bump, ajustar el relleno y modificar el estilo de los bordes para adaptarlos al diseño de tu tienda.
También puede cambiar entre los modos “Por defecto” y “Pasar por encima” para crear una apariencia diferente cuando el cursor se posa en el tope del pedido / orden.
La pestaña “Texto de llamada a la acción” también es importante para el diseño de la protuberancia de su pedido.
FunnelKit le permite personalizar el color de fondo de esa sección, el color del texto, el tamaño de la fuente y el aspecto del estado al pasar el cursor.
Incluso puede añadir una flecha que apunte al texto de llamada a la acción y activar el ajuste “Animación de flecha” para que sea animada.
Aunque la flecha por defecto es roja, puedes elegir cualquier color que combine con tu diseño. Solo asegúrate de que destaque lo suficiente como para llamar la atención sin desentonar con el diseño de finalizar compra / pago de WooCommerce.
El siguiente ajuste es “Precio”. Recomendamos mantenerlo visible y destacado. Unos precios claros generan confianza y ayudan a los clientes a tomar decisiones rápidas.
Puede ajustar el tamaño de la fuente y el color del texto para resaltar el valor de la oferta de su producto.
Si ha activado el texto de oferta exclusiva, puede personalizar su tamaño de fuente, color de texto y posición en el cuadro de oferta de bulto.
Recuerda hacer clic en “Guardar” cuando estés satisfecho con tus opciones de personalización.
Paso 6: Establecer el descuento de su pedido / orden
Ahora, cambie a la pestaña ‘Productos’ para establecer el precio de su pedido / orden de WooCommerce. Aquí puedes ajustar el precio de tu producto cuando se muestre como oferta de bump al finalizar compra / pago.
Ya debería haber añadido un producto en el paso 3. En el campo “Descuento”, puede elegir entre estos tipos de descuento:
- Porcentaje % sobre el precio de oferta
- Porcentaje % sobre el precio normal
- Corrección: Importe fijo sobre el precio de oferta
- Corrección: Importe fijo sobre el precio normal
Elija las opciones de “Precio normal” si desea aplicar un descuento sobre el precio original. Por otro lado, puede utilizar las opciones de “Precio de oferta” si el producto ya está rebajado y desea ofrecer una oferta aún mejor en su pedido / orden.
Asegúrate de que tu oferta es convincente pero razonable. Recomendamos un descuento de entre el 15-30%, lo suficientemente alto como para ser atractivo pero no tan alto como para devaluar tu producto WooCommerce.
Si desea ofrecerlo como regalo, simplemente introduzca 100 en el campo de descuento.
Si se desplaza hacia abajo hasta la sección “Ajustes del producto”, encontrará dos opciones para el funcionamiento de la protuberancia de su pedido / orden:
- Añadir baches de pedido a los artículos del carrito (un bache de pedido estándar de WooCommerce para aumentar las ofertas)
- Sustituya los baches de los pedidos por un elemento / artículo del carrito (le permite ofrecer una venta dirigida, como pasar de una suscripción de 6 meses a una de 12 meses)
En este tutorial, nos centraremos en la primera opción.
Cuando estés satisfecho con la oferta de descuento, vuelve a desplazarte hacia arriba.
A continuación, haz clic en “Guardar”.
Paso 7: Establecer las reglas para activar el aumento de pedidos
Hasta ahora, hemos configurado los productos y el diseño de la protuberancia del pedido. Ahora, vamos a establecer la lógica condicional que hará que la orden de golpe aparezca cuando un cliente está comprobando hacia fuera.
Para ello, vaya a la pestaña “Reglas”. Después, haz clic en “Añadir reglas”.
Puede establecer varias reglas para que aparezca el bulto del pedido al finalizar compra / pago. Las reglas pueden basarse en el carrito, el cliente, la geografía, la fecha y la hora, y/o el tipo de página de finalizar compra / pago que esté utilizando.
También puede combinar varias condiciones en una regla utilizando el botón “Añadir condición”.
En el ejemplo siguiente, el salto de pedido solo se activará si el cliente compra más de 1 elemento y está comprando una chaqueta.
Ahora, si hace clic en el botón “Crear grupo de reglas” situado debajo de una regla, puede elegir que el bache de pedidos aparezca con una condición diferente.
Por ejemplo, puede establecer una condición para que aparezca la protuberancia del pedido si el cliente está comprando una chaqueta o una camisa. Esto le da la opción de promocionar la misma oferta para diferentes productos.
También le recomendamos que añada una regla para evitar que aparezca la protuberancia de su pedido cuando los clientes ya tengan el producto de la oferta en su carrito. Puede hacerlo seleccionando:
- Elemento(s) del carrito
- no contiene
- Su producto bump offer
Esto evita situaciones incómodas y mantiene su embudo de finalizar compra / pago funcionando sin problemas.
Cuando estés satisfecho con las reglas, sólo tienes que hacer clic en el botón “Guardar” de la esquina superior derecha para guardar tus ajustes.
También debe hacer clic en el botón “Activar pago en tienda” si está satisfecho con su embudo de finalización de compra personalizado y desea activarlo de inmediato.
Ahora puede probar su proceso de finalización de compra / pago para ver cómo es el bache de pedidos de WooCommerce.
Aquí tiene un ejemplo de cómo queda en nuestro sitio web de demostración.
Paso 8: Supervisar / seguir / vigilar las conversiones de sus pedidos y optimizarlas
Ahora que tu bump de pedidos de WooCommerce está activo, querrás hacer un seguimiento de su rendimiento para impulsar las ventas de forma efectiva. FunnelKit te lo pone fácil con sus análisis integrados.
Simplemente vaya a FunnelKit ” Store Checkout y cambie a la pestaña ‘Analytics’ para ver el rendimiento de sus ofertas al finalizar compra / pago.
En el Escritorio de Analytics, encontrará información detallada acerca de su embudo de ventas al finalizar la compra / pago, incluyendo los ingresos específicamente de las ofertas de bump de pedidos. Esto te ayudará a entender cuántos ingresos extra genera tu oferta de bump para WooCommerce.
La pestaña “Remitentes” de la sección Analytics revela de dónde proceden los clientes que convierten, ya sea tráfico directo, Facebook, Google o Instagram.
Esta información le ayuda a centrar sus esfuerzos de marketing donde mejor funcionan.
También puede ir a la pestaña “Conversiones” para obtener más información.
Esta sección puede mostrarte el total de pedidos procesados a través de tu finalización compra / pago personalizada. Además, puede pasar el cursor por encima de la columna “Total gastado” para ver qué parte de las ventas de WooCommerce procede de pedidos / órdenes.
¿Desea obtener información más detallada? Te recomendamos que conectes Google Analytics para realizar un seguimiento exhaustivo del rendimiento de finalizar compra / pago en WooCommerce. Comprueba las instrucciones de configuración en nuestra guía sobre el seguimiento de conversiones de WooCommerce con Google Analytics.
Para optimizar aún más el rendimiento de su bache de pedidos, explore estas guías relacionadas:
- Cómo mostrar productos comprados frecuentemente juntos en WooCommerce
- Cómo mostrar recomendaciones de productos en WordPress
- Cómo crear un embudo de ventas de alta conversión en WordPress
- Cómo optimizar la experiencia del cliente en una tienda WooCommerce
Esperamos que este artículo te haya ayudado a aprender cómo crear un bulto de pedido para WooCommerce. También puedes marcar / comprobar nuestra selección de expertos de los mejores plugins de puntos y recompensas para WooCommerce y nuestra guía sobre cómo vender lotes de productos en WooCommerce.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Moinuddin Waheed
This is a proven way to increase the chances of increased sales of the related products.
whenever I purchase something from Flipkart and Amazon and other such platforms like Myntra, Ajio, we are given this option to add more related products and people also buying with this products lists.
Many times we tend to forget such products and as soon as they pop up we make the buying decisions.
Jiří Vaněk
This is a great method where you can add to the product that the customer wants to buy an offer of additional things that, for example, go with the product, such as a mobile phone case, etc. Thanks for the tutorial. And while we’re talking about online store tricks, another good technique is when a registered customer doesn’t complete an order, after a while they get an email saying that they added something to the cart but didn’t complete the order. Can this also be solved in a similarly simple way in Woocommerce?
WPBeginner Support
You would normally need another plugin for that, we would recommend taking a look at our guide below for some options that you can use:
https://www.wpbeginner.com/wp-tutorials/ways-to-recover-woocommerce-abandoned-cart-sales/
Admin
Jiří Vaněk
Thank you very much for the advice, I will look into the article to be smarter as it seems like another great method that has gotten me to complete an order more than once.
Zia Khan
One thing that intrigued me is the choice of display position. It’s like placing candy at the checkout in a store—too tempting to resist! In your experience, what’s the most effective spot that’s worked wonders? Curious to know your “sweet spot” for maximizing conversions!
WPBeginner Support
We do not have a specific placement we would recommend at the moment but if we find a spot we will be sure to share!
Admin
THANKGOD JONATHAN
I believe Funnelkit is a CRM plugin and I think if I have another CRM plugin like Hubspot it is not ideal to install another one in the same site. So will I be able to do the same thing with hubspot CRM?
WPBeginner Support
We do not have a recommended method for setting this up with Hubspot at the moment.
Admin
Moinuddin Waheed
Order bump is a proven method to have an increased sale.
I myself have been several times purchased more products than initially I was thinking to buy.
related products and people also buy these products along with that is a common feature that almost all the big ecommerce industries have implemented on their websites.
Thanks for creating a tutorial for wordpress users to implement the same for wordpress woo commerce websites. it is really very helpful.