Cómo crear tu propia pizza; personalizar productos de WooCommerce con complementos
¿Siempre has soñado con abrir tu propia pizzería para llevar, o has tenido el reto de crear productos que tengan diferentes ingredientes o componentes? Este tutorial es un buen comienzo sobre cómo configurar productos como ‘haz tu propia pizza’ usando WooCommerce.
Si eres nuevo en WooCommerce, lee las guías esenciales sobre cómo configurar tu tienda.
¿Para quién es útil este tutorial sobre complementos de productos de WooCommerce?
Como sugiere el título, el tutorial trata sobre cómo crear su propia pizza. Todos sabemos que la pizza es un favorito personal y que a ninguna persona le gusta la misma pizza cuando se sienta alrededor de una gran mesa de comedor. Esto puede ser particularmente difícil para restaurantes y comida para llevar. Pero la pizza es solo un plato con opciones y puede reemplazarse fácilmente con pasteles de cumpleaños, hamburguesas o incluso artículos no alimentarios.
Si vende artículos con opciones, pronto podrá juntar uno y otro sobre cómo aplicar los mismos tipos de opciones a diferentes tipos de productos.
El desafío al crear un producto como ‘haz tu propia pizza’
Si tiene instalado WooCommerce, sabe que puede ser muy difícil crear opciones personalizadas para sus productos. Piense en los menús desplegables y seleccione opciones simples y probablemente estará bien. Cuando comienza a agregar costos por artículo seleccionado, crea un texto personalizado, carga un archivo y vende artículos adicionales, pronto se vuelve muy complejo, incluso para un complemento de tipos de publicaciones personalizadas, ya que a menudo requiere mucho estilo para que encaje dentro de su tema.
Cuando agrega el complemento YITH WooCommerce Product Add-ons and Extra Options, ha tenido un buen comienzo y está a punto de resolver la primera parte del problema. Lo siguiente es dar una guía del proceso para recrear las mismas opciones que en nuestra demostración.
El proceso de creación de complementos y opciones extra en 8 pasos
Paso 1: agregue un producto base de WooCommerce
Crea un producto con un precio base. Dentro de este producto, agrega su descripción, imágenes y posiblemente la cantidad de stock disponible. (útil si tienes 30 bases de pizza disponibles para hoy)
Paso 2: agrega un bloque
Dirígete a la configuración de complementos de YITH y haz clic en «Agregar bloque» para comenzar a configurar un nuevo bloque de opciones. Los bloques representan las opciones adicionales que necesita el producto. Después del paso 1, puede agregar tantos bloques como desee según sus necesidades y asignarlos a uno o más productos.
Paso 3: agregue un nombre de bloque y establezca una prioridad
Establecer una prioridad es muy importante cuando creas más de un bloque para un producto y de esta manera, controlas cuál se muestra por encima de las otras opciones al crear más de un bloque.
Paso 4: configurar reglas de visualización
En esta sección, establece qué productos tienen los complementos que se muestran. En nuestro ejemplo, solo tenemos un producto ‘Crea tu propia pizza’. Pero si lo desea, puede mostrar los complementos en todos los productos, o solo dentro de una categoría o etiqueta.
Paso 5: agregue opciones para los ingredientes
Regrese a la pestaña de opciones y haga clic en ‘agregar opción’, una ventana emergente nos mostrará los elementos HTML y las opciones para el usuario; para los ingredientes, crearemos etiquetas con un ícono para una fácil identificación de los diferentes ingredientes, así para eso en concreto elegiremos ‘Etiqueta o imagen’.
Vamos a crear etiquetas con iconos que nos permitan identificar fácilmente los distintos ingredientes. A continuación, le pondremos un título (‘Elegir toppings’), nombraremos el ingrediente, elegiremos una imagen que represente el topping y, por último, fijaremos el precio en 2,00 €.
Repita el proceso para cada ingrediente haciendo clic en: ‘+ Agregar una nueva opción’.
Si vamos a la pestaña ‘Configuración de pantalla’ encontraremos nuevas opciones, como ocultar los precios de las opciones. Como no queremos que se muestren los precios, activamos el conmutador a ‘Sí’. En Diseño de opciones > Opciones por fila establecemos el valor en 4. Luego, habilitamos el diseño de cuadrícula para que las opciones se puedan ver en toda la pantalla.
Dejaremos las pestañas de estilo y lógica condicional por ahora, pero la configuración avanzada contiene una parte vital para este complemento. Dentro de este apartado, habilitamos un número determinado de opciones de forma gratuita, en nuestro caso, los 3 primeros toppings. A continuación, seleccionamos ‘Múltiple’ para que el cliente pueda elegir tantos toppings como desee.
Una vez finalizado el proceso de adición de ingredientes y la configuración adecuada, debemos guardar los cambios. El resultado final de nuestra configuración se mostrará así en la página del producto:
Como habrás notado, el cliente puede elegir tres ingredientes gratis y pagar $2 por cada uno adicional. Hemos establecido el costo de cada aderezo en $2.00, y ahora solo establecemos las ‘opciones gratuitas’ en tres. Además, el cliente puede seleccionar más de un ingrediente.
Paso 6: agregue una selección de bebidas para aumentar las ventas
En este ejemplo, el cliente puede elegir una de una selección de bebidas. Hacemos clic en ‘agregar opciones’ como hicimos en el paso anterior, elegimos las casillas de verificación y le damos un título. Etiquete la primera casilla de verificación con ‘Botella de Coca-Cola’ y asígnele un precio. Asegúrese de seleccionar ‘aumentar el precio del producto principal’. Como diferentes bebidas tienen diferentes valores.
Una vez que haya agregado todas sus opciones de bebidas, puede verificar el resto de pestañas y configuraciones. En nuestro caso, solo permitimos una opción en la configuración avanzada.
Paso 7: Ofrezca a los clientes la opción de establecer una fecha y hora de recolección
Gracias a otra opción adicional útil, un cliente puede seleccionar una fecha y hora para ordenar su pizza creada desde la página del producto. A estas alturas ya sabes cómo crear otra opción, pero esta vez tendrás que seleccionar ‘Fecha’.
Desde estas opciones de complementos, puede establecer algunas restricciones. Así es como lo hicimos:
En la página del producto se vería así:
Como puede ver, puede permitir que los usuarios seleccionen entre un rango de intervalos de tiempo. Simplemente habilite las opciones de intervalos de tiempo. En nuestro caso, empezamos a partir de las 19:00 y damos una opción por cada 30 minutos.
Paso 8: comprueba la configuración y mejora el estilo de tu complemento
Te habrás encontrado con muchas configuraciones que aún no te mostramos. Hay muchas más opciones de estilo y configuraciones para crear lo que desea lograr. Lo mejor es que no necesita un desarrollador para obtener el código y diseñarlo, cada configuración y opción se describe con gran detalle en nuestra documentación.
¿Por qué utilizar complementos de productos y opciones adicionales de YITH?
Por ahora, demostramos que el aumento de opciones, etiquetas, precios adicionales y configuraciones de visualización solo se administra fácilmente con complementos de productos. Ya sea que cree opciones de comida o cualquier otro tipo de personalización, solo hemos arañado la superficie de lo que es posible con este complemento.
Las opciones se pueden aplicar en todo el sitio, por categoría/etiqueta o por producto. De esta manera, puede crear y administrar complementos de manera muy eficiente. Se aplicará un aumento de precio para los aderezos de salami en segundos en todos los productos de pizza.
Nuestro complemento se ha integrado con al menos otros 12 complementos, incluidos Solicitar una cotización, Paquetes de productos, Depósitos y pagos iniciales, y muchos más.
Obtenga más información o comience
Obtenga más detalles sobre las funciones y las integraciones en la página del complemento, o pruebe el complemento gratuito y limitado de wordpress.org
Para probar una demostración similar o muchas otras, diríjase a este sitio sandbox.
Para configurar las diferentes configuraciones, hemos creado una extensa documentación, o vea uno de los videos de instrucciones en inglés, español o italiano en Youtube.
