Ayer martes 4 de Julio del 2017 lanzamos junto a Fernando Tellado el primer Meetup de WooCommerce en Madrid. Un proyecto en el que queremos dar a conocer y aprender sobre WooCommerce. Esta herramienta es un plugin para WordPress, libre, gratuito y que sirve para crear sitios webs de eCommerce. Fue creado por una empresa llamada WooThemes pero en Mayo del 2015 fue comprado por la empresa Automattic, la misma que lleva la discutida marca de WordPress.com.
La idea fue rápidamente apoyada por SiteGround España quien patrocinó el catering para el networking y también hemos tenido el privilegio de contar con el Auditorio del Campus Madrid, un sitio que me trae lindos recuerdos por todo lo vivido en la WordCamp de Madrid 2017.
Hemos recibido un total de 123 inscripciones para el evento aunque se han presentado unas 70 personas, un 56% de asistencia. Un número más que satisfactorio teniendo en cuenta el porcentaje de inasistencias en este tipo de eventos gratuitos. Esperemos que el número de personas siga creciendo con cada Meetup y que entre todos podamos formar una verdadera comunidad de aprendizaje.
Fernando fue el encargado de dar la bienvenida al grupo y rápidamente nos deleitó con su amplia experiencia en el mundo del eCommerce. Su ponencia se tituló «¿Por qué una herramienta libre y gratuita como WooCommerce lidera el eCommerce?».
Luego me cedió el turno para comenzar con mi charla donde expliqué cómo instalar, configurar, cargar un producto simple y realizar una compra en vivo mediante una ponencia que titulé «¿Cómo crear tu tienda WooCommerce en 10 mins?»
Los cupones de descuento son una herramienta esencial para ofrecer descuentos y beneficios a nuestros clientes. WooCommerce incluye toda la lógica necesaria para crear cupones siguiendo un extenso sistema de filtros y validaciones. Veamos todas las posibilidades que tenemos para crear nuestros propios cupones.
En primer lugar debemos asegurarnos de que el sistema de cupones esté activo en nuestra tienda online WooCommerce. Para ello accedemos al menú WooCommerce » Ajustes » Cupones y verificamos que la casilla «Activa el uso de cupones» esté marcada.
¿Cómo crear un cupón en WooCommerce?
Datos básicos y pestaña general
Desde el menú de WooCommerce » Cupones podemos pinchar en el botón «Añadir cupón» y nos llevará al siguiente formulario:
Código de cupón: Este será el valor que tiene que introducir el cliente para acceder al descuento. El mismo tiene que ser único.
Descripción: Una simple descripción para identificar el cupón a modo interno.
Tipo de descuento:
Descuento en porcentaje:Se aplica un descuento total de la compra. Por ejemplo, si el carro contiene 3 baterías para una cámara de foto a €20,00 cada una (haciendo un total de €60,00) y el cliente aplica un cupón por un 10% se aplicaría una rebaja de €6,00.
Descuento fijo en el carrito: Se aplica un descuento fijo al total del carrito. Usando el mismo ejemplo anterior, si el carro contiene 3 baterías para una cámara de foto a €20,00 cada una (haciendo un total de €60,00) y el cliente presente un cupón de €10,00 se aplicaría una rebaja final de €10,00.
Descuento fijo de producto: Se aplica el descuento fijo a cada producto. Por ejemplo, las 3 baterías a €20,00 cada una con un cupón de €10,00 de descuento aplica una rebaja total de €30,00.
Importe del cupón: Importe porcentual o fijo según lo seleccionado en el campo «Tipo de descuento».
Permitir el envío gratuito: En caso de tener una zona con envío gratuito y que se active con cupón debe marcarse esta casilla.
Fecha de cadudad del cupón: Podemos especificar en este campo una fecha de caducidad para nuestro cupón.
Pestaña de restricción de uso
En esta pestaña podremos especificar dónde tendrá validez el cupón y dónde no a través de múltiples campos. Veámoslo en detalle:
Gasto mínimo: ¿Cuál es el mínimo de la compra que debe alcanzarse para que el cupón tenga validez? (el total del carrito es igual a la sumatoria de los productos más los gastos de envío). Dejar en blanco si no hay mínimo.
Gasto máximo: ¿Cuál es el monto máximo permitido para que el cupón tenga validez?
Uso individual: Activar esta casilla si no queremos que se utilice el cupón junto a otros.
Excluir los artículos en oferta: Debemos marcar la casilla si el cupón no debe aplicarse a productos que estén marcados con rebaja.
Productos: ¿Qué productos debe contener el carrito para que el cupón sea válido? (dejar en blanco en caso de que el cupón sea válido para todos los productos).
Productos excluidos: ¿Qué productos no debe contener el carrito para que el cupón sea válido? (dejar en blanco para que el cupón sea válido para todos los productos)
Categoría de productos: Los productos en el carrito tienen que pertenecer a esta categoría para que el cupón sea válido.
Excluir categorías: Los productos pertenecientes a esta categoría no serán válidos para el cupón con descuento.
Restricciones de correo electrónico: Direcciones de email que pueden usar el cupón (se verifica con la dirección de email de facturación del cliente).
Límites de uso
En esta pestaña indicaremos qué cantidad de veces se podrá utilizar el cupón en forma general o bien individual (por usuario). Veamos sus campos:
Límite de uso por cupón: ¿Cuántas veces puede usarse el cupón por todos los usuarios?
Limitar el uso a X artículos: En caso de que el cupón se aplique a nivel de productos ¿A cuántos productos puede aplicarse el cupón de descuento?
Límite de uso por usuario: ¿Cuántas veces puede usar el mismo usuario un cupón?
Una vez que tengamos configurado el cupón ya podremos generar nuestra campaña y comunicarla a nuestros cliente. Recuerda que el código de descuento es el título del cupón, así que sé creativo e incrementa tus ventas con interesantes campañas de marketing.
Ya has configurado tu tienda online con WooCommerce, ya has cargado todos tus productos y has definido los gastos de envíos e impuestos. Ahora solo te resta configurar la parte más importante: la pasarela de pago con PayPal que hará que tus clientes puedan pagar con cualquier tarjeta de crédito en más de 190 países.
PayPal es una de las pasarelas que viene por defecto en la instalación de WooCommerce y utilizarla conlleva unas comisiones que deberás revisar y calcular para verificar que tus números cuadran. Si lo has hecho y quieres incluir esta pasarela de pago en tu tienda online sigue los siguientes pasos:
Abre una cuenta en PayPal
Para poder recibir y enviar dinero a través de PayPal obviamente necesitarás tener una cuenta en dicha plataforma, para ello deberás seguir los siguientes pasos:
Pincha en el botón «Crear cuenta» que se encuentra en la esquina superior derecha:
En la siguiente pantalla selecciona el tipo de cuenta «Business»:
Especifica un email para la cuenta business (de ahora en más el email será tu identificador personal en PayPal).
De aquí en más completa los datos Personales/Empresariales que PayPal vaya solicitando. En la última pantalla del registro te enviarán un email que debes validar para finalizar el proceso.
Configura la cuenta PayPal para que pueda comunicarse con WooCommerce
Si bien WooCommerce configura muchos puntos hay otros tantos que tenemos que configurar por nuestra cuenta en la plataforma de PayPal:
Redirección a la tienda online
Debemos especificar en PayPal a qué página web debe volver luego de que el cliente haya pagado. Junto con el retorno irá toda la información necesaria para que WooCommerce actualice el estado de la compra y el stock de los productos.
Para configurarlo vamos a pinchar en el menú Perfil » Configuración de la cuenta:
Una vez que estamos en el perfil pinchamos en la pestaña «Opciones de venta»:
Una vez que se desplegan todas las opciones de la pestaña pinchamos en el enlace «Cambiar» de la fila «Preferencias de sitio web»:
Nos llevará a una página con varias opciones pero solamente vamos a fijarnos en las 4 más importantes:
Retorno automático: Debemos marcar la casilla «Activar» para que al finalizar el pago PayPal vuelva a la tienda online.
URL de retorno: ¿A qué URL debe volver PayPal? El campo de retorno se forma de la siguiente manera: <protocolo>/<URL de la tienda>/<Slug de página "Finalizar compra">/<Nombre de la variable de "Pago Recibido">. Por ejemplo: «https://mitienda.es/finalizar-compra/order-received».
Transferencia de datos de pago: Se debe activar esta casilla para recibir los mensajes de compra exitosa/errónea. Al guardar los cambios se generará un código extenso de letras y números que luego utilizaremos en las configuraciones de WooCommerce.
Cuenta PayPal opcional: Si marcamos la opción «Activar» el usuario podrá pagar en PayPal tenga o no tenga cuenta en esta plataforma.
Solicitar credenciales de API
Para poder gestionar las devoluciones desde WooCommerce es necesario contar con las credecianles de la API de PayPal. En nuestra cuenta de PayPal debemos acceder al formulario del menú Perfil » Configuración de la cuenta » Opciones de venta » Acceso de API (explicado con gráficos en el punto anterior). Una vez en el formulario debemos seguir los siguientes pasos:
En esta pantalla debemos pinchar el enlace «Añadir o modificar accesos a API»:
En la siguiente pantalla pinchamos el enlace con la leyenda «Solicitar credenciales de API». Estas serán nuestras «tarjetas de acceso» para configurar en WooCommerce:
En la siguiente pantalla deberemos seleccionar la opción «Solicite una firma de API»:
Una vez que pinchamos en «Aceptar y enviar» se generarán las credenciales que debemos configurar en nuestra tienda online. Como bien lo indica la página estos son datos sensibles que debemos tener en buen resguardo. Una vez que tengamos estos datos debemos acceder a nuestra tienda online en el menú WooCommerce » Ajustes » Finalizar compra » PayPal y allí cargamos los siguientes valores:
Nombre de usuario de API ↔ Usuario de API
Contraseña de API ↔ Contraseña API
Firma ↔ Firma API
Configuración de PayPal en WooCommerce
Ahora vamos a ver los campos que debemos completar en WooCommerce para finalizar la comunicación entre ambas plataformas:
Configuración básica
Activar/Desactivar: Si queremos utilizar PayPal como medio de pago debemos mantener activa esta casilla.
Título: ¿Qué título se usará en el Frontend de la tienda?
Descripción: Breve descripción sobre la forma de pago que se utilizará en el Frontend.
Correo eletrónico de PayPal: Este es el campo más importante ¿A qué cuenta de PayPal debemos transferir el dinero? Utilizad la dirección de email con la que habéis registrado la cuenta business de PayPal.
Entornos de pruebas de PayPal: Mientras estemos desarrollando la tienda online es buena idea realizar pruebas para verificar que todo funciona correctamente. Activar esta casilla y en el campo «Correo electrónico de PayPal» utilizad una dirección de una cuenta de sandbox.paypal.com (si no tenéis cuenta, registrad una).
Registro de depuración: Si activamos esta casilla se guardará un registro con información sobre las transacciones entre WooCommerce y PayPal. Esta información es muy útil para los desarrolladores en caso de problemas en los pagos con PayPal.
Configuración avanzada
Correo electrónico del receptor: Es la dirección de correo donde queremos recibir las notificaciones. No tiene por qué ser igual al email de la cuenta de PayPal.
Token de identidad de PayPal: En el formulario de «Redirección de tienda online» cuando activamos la casilla de «Transferencia de datos de pago» y al guardar los cambios se generó una clave formada por letras y números bajo el nombre de «Código personal de identidad«. Debemos copiar y pegar ese código en este campo para agilizar las comunicaciones entre ambas plataformas.
Prefijo de factura: ¿Qué prefijo vamos a ponerle a los números de las facturas? Es útil si vamos a usar más de una tienda con la misma cuenta de PayPal.
Detalles de envío: Si el campo está activo enviaremos a PayPal la dirección con los datos de envío.
Sobreescribir la dirección: En caso de estar activo permitimos que el usuario cambie los datos de dirección en PayPal (mantener desactivado).
Acción de pago:
Captura: Extrae directamente el monto de la tarjeta del cliente.
Autorización: Solo genera una autorización. La captura se genera en cuanto cambiamos el estado de la compra.
Estilo de página: En caso de tener algún estilo personalizado en PayPal (checkout con logo de la empresa, colores personalizados, etc), se debe especificar el nombre del estilo.
URL de la imagen: Indicar la URL con el logo de nuestra web/empresa (190px X 60px).
Usuario API: El nombre de usuario de las credenciales de la API de PayPal (explicado en «Solicitar credenciales API«)
Contrasñea API: La contraseña de las credenciales de la API de PayPal (explicado en «Solicitar credenciales API«)
Este proceso tendrás que tomártelo con calma porque no suele funcionar a la primera (ojalá que sí). Para ello utiliza el entorno de prueba, utilízalo hasta que la pasarela funcione correctamente y luego no te olvides de cambiar la dirección de email por la cuenta válida de PayPal así recibes el «dinero verdadero» por cada compra de tus clientes.
Si tienes alguna duda o problemas con la configuración de la pasarela déjame tu comentario y con gusto buscamos la solución.
Si vamos a montar una web en la que vendemos productos o servicios tarde o temprano tendremos que lidiar con los benditos impuestos de nuestro país (y en ocasiones puede variar los impuestos según el origen de nuestro cliente, aunque no es el caso de España). Antes de entrar en los pasos sobre cómo configurarlos es muy importante entender cómo estructura internamente WooCommerce el manejo de los impuestos. Veamos el siguiente gráfico y su correspondiente descripción:
En nuestra tienda online damos de alta un producto al que titulamos «Camiseta» y que cuesta €10,00. Al producto le asignamos una «clase de impuesto» llamada «Estándar». Esta clase «Estándar» engloba varios impuestos según desde dónde compre el cliente: si compra desde Paris tiene un 10% de IVA, si compra desde Madrid un 21% y si compra desde Londres un 23% (los porcentajes obviamente son inventados). Un cliente madrileño compra una camiseta costándole un total de €12,10 (€10,00 de la camiseta más €2,10 propio de los impuestos).
Resumiendo:
Un producto puede tener una sola clase de impuesto.
Una clase de impuestos puede englobar distintos valores de impuestos según localizaciones (países, estados/provincias, ciudades y/o códigos postales).
Una clase de impuestos puede utilizar comodines (*) para indicar que el impuesto se aplica en cualquier región (países, estados/provincias, ciudades o códigos postales).
En WooCommerce se pueden dar de alta cuantas clases de impuestos necesitemos. Por ejemplo: podemos tener en nuestra tienda online productos con IVA (una camiseta) y servicios libres de IVA (curso de WordPress).
El costo del producto y el costo de envío pueden tener «clases de impuestos» diferentes. Por ejemplo: Una cesta de frutas tiene un 10% de IVA por ser alimentos mientras que el envío lleva un 21% de IVA.
Configuraciones generales de impuestos
Antes de ver los pasos sobre cómo dar de alta «Clases de impuestos» vamos a ver las distintas configuraciones generales de los impuestos en WooCommerce. Para acceder al formulario debemos ir al menú WooCommerce » Ajustes » Impuesto » Opciones de impuestos. El formulario nos presenta los siguientes campos:
Precios con impuestos incluidos: ¿Cómo debe calcular WooCommerce los impuestos? Si seleccionamos la opción «No, introduciré los precios sin impuestos» sumará los impuestos al precio que indiquemos en el producto. Si seleccionamos la opción «Sí, voy a introducir los precios con impuestos incluidos» entiende que el precio del producto ya tiene todos los impuestos.
Calcular impuesto basado en: Como he explicado anteriormente algunos impuestos se aplicarán según una determinada zona. El campo permite las siguientes opciones:
Dirección de envío del cliente
Dirección de pedido del cliente
Localización del negocio.
Clase de impuesto por envío: Qué impuesto tiene el costo de envío. Aquí podremos elegir una «clase de impuesto» que explicaremos en el siguiente apartado.
Redondeo: En caso de estar activo WooCommerce hará un redondeo final con la sumatoria de todos los impuestos. En caso de estar desactivado hará un redondeo por cada impuesto.
Clases de impuestos adicionales: Si nuestra tienda online necesita otras configuraciones de impuestos debemos asignar en este campo el nombre general. Al guardar los cambios se generará una nueva pestaña para configurar los posibles impuestos.
Mostrar precios en la tienda: En todas las páginas de la tienda ¿Mostramos los precios con o sin IVA?
Mostrar precios en el carrito y en el pago: En las páginas de «carrito» (previa al pago) y en la de pago (checkout) ¿Mostramos los precios con o sin IVA?
Sufijo a mostrar en el precio: Este campo nos permite agregar algún texto después del precio Por ejemplo podríamos agregar «IVA incluido».
Visualización del total de impuestos:
Como un total único: Se muestra una fila con el total de impuesto.
Detallado: Se muestra una fila con el impuesto por cada producto comprado.
¿Cómo añadir/editar/borrar impuestos en una clase?
Para acceder al formulario de alta/edición de impuestos debemos pinchar en la pestaña con el nombre de la clase de impuesto deseada. A modo de ejemplo vamos a crear un nuevo impuesto en la clase «Estándar»:
Código de país: ¿A qué país vamos asignar el impuesto? En caso de aplicar a todos los países debemos dejarlo en blanco. El código de país se conforma de 2 letras en mayúsculas, a España le corresponde el código «ES». Si no sabemos el código de nuestro país podemos averiguarlo en la columna «Alpha-2-code» de la ISO 3166-1.
Código de provincia: En este campo podemos agregar el código de la provincia. Son las dos últimas letras de la columna «Code» de la ISO 3166-2:ES. Dejar en blanco para aplicar a todas las provincias.
Código Postal: Podemos especificar un impuesto para uno o más código postales. Dejar en blanco para aplicar a todos los códigos postales. Se pueden especificar de las siguientes maneras:
Escribiendo los códigos postales en el campo separados por punto y comas «;».
Códigos postales con comodín *: Por ejemplo “280*” equivale a cualquier código postal que comience por 280 (28012, 28077, etc).
Códigos postales con reglas de rangos: Por ejemplo “28000…28100” equivale a cualquier código postal entre el 28000 y el 28100.
Ciudad: Podemos también especificar los nombres de las ciudades separados por punto y coma «;». Dejar en blanco para aplicar a todas las ciudades.
Tarifa %: Porcentaje de impuesto a aplicar con 4 posiciones de decimales.
Nombre del impuesto: Indicamos un nombre para que el usuario pueda identificarlo en la tienda.
Prioridad: En caso de aplicar más de un impuesto al mismo producto en qué orden se aplicarán.
Compuesto: Si la casilla está marcada se aplicará el impuesto al producto antes de aplicar el resto de los impuestos.
Envío: ¿Aplica también el impuesto para los costos de envío?
Importar CSV: Nos lleva a otro formulario para que podamos importar un fichero .CSV con impuestos.
Exportar en formato CSV: Este botón nos permite descargar un fichero .CSV con los impuestos de la clase actual.
Para editar un impuesto:
Basta simplemente con pinchar en algunas de las celdas de la tabla y modificar los valores.
Para borrar un impuesto:
Debemos pinchar la fila que deseamos borrar. La misma cambiará su color de fondo por uno amarillo. Luego pinchamos el botón con la leyenda «Eliminar fila seleccionada(s)».
Configurar el impuesto de IVA de España para Ceuta, Canarias y Melilla en WooCommerce
España tiene algunas regiones que están exentas de IVA como es el caso de Ceuta, Canarias y Melilla (aunque tienen otros impuestos como el IGIC y el IPSI). Estas excepciones de impuestos deben estar configuradas de la siguiente manera:
Vamos a agregar una fila para cada provincia. Sus códigos son: «GC» (Las palmas),»TF» (Tenerife), «ML» (Melilla) y «CE» (Ceuta).
Como estamos especificando las provincias enteras no hace falta delimitar por códigos postales. Estos campos los mantenemos con el signo asterisco (*).
A cada provincia vamos a asignar una tarifa de 0,0000%.
En la última fila vamos a agregar el IVA del 21% para el resto de las zonas.
La tabla debería quedar así:
De la dirección de envío de nuestro cliente pertenece a Canarias, Ceuta o Melilla su producto estará exento de IVA, caso contrario se aplica la última fila correspondiente al resto de las zonas aplicando un 21% de IVA.
Otros impuestos reducidos
Si algunos de nuestros productos tienen un porcentaje reducido de impuestos podemos crearlos en la clase «Reduced rate» que se instala por defecto con WooCommerce o bien modificar el nombre en las opciones generales. Una vez que accedemos a la tabla de dicha clase damos de alta los impuestos siguiendo los mismo pasos que utilizamos para configurar el IVA. Por ejemplo, vamos a crear una clase de impuestos para una tasa de 10%. La tabla quedaría de la siguiente manera:
Marcamos la tarifa en 10,000%
Le cambiamos el nombre para que haya una referencia en la tienda.
Desmarcamos las casillas de envío para que se siga aplicando el 21% de la tarifa estándar.
Una vez que tenemos definida la clase de impuesto reducida solo nos resta asignar la regla al producto. Para ello editamos el producto y en la pestaña general asignamos la nueva clase:
Otra forma muy importante de agrupar productos por características similares son los llamados «atributos». Este tipo de taxonomía tiene 2 funcionalidades muy importantes dentro del ecosistema de WooCommerce:
Los atributos pueden ser usados como filtros en las páginas con listados de productos.
Los atributos son la base para las variaciones de los productos. A través de los distintos términos de un atributo se pueden modificar las configuraciones de un producto.
Filtro de productos por valores del atributo «Color» en WooCommerce
Añadir y editar atributos de productos
Configurar atributos globales
Hay que tener en cuenta que todos los atributos que demos de alta en la tienda online serán globales. Por ejemplo: si definimos un atributo llamado «Color» con los términos «rojo, azul, amarrillo, marrón» podrán utilizarse para cualquier producto que tenga asignado el atributo «Color».
Para agregar, quitar o modificar atributos debemos acceder al formulario del menú Productos » Atributos.
Nombre: ¿Qué nombre tendrá el atributo?
Slug: el slug es el nombre que se utilizará en las URL’s (enlaces) de nuestra tienda online. No tiene por qué ser igual al nombre del atributo.
¿Activamos el archivo?: En caso de activarlo el atributo tendrá una página propia en la que se listarán sus productos.
Página con listado de productos del atributo «Color» y específicamente con el término «black» (negro).
Tipo: ¿De qué manera vamos a seleccionar los valores del atributo en nuestro producto? Bien puede ser a través de texto o con un selector desplegable (recomiendo esta última opción).
Orden predeterminado: ¿En qué orden se mostrarán los valores de los atributos? El mismo puede ser por nombre, nombre (númerico), ID del valor del atributo.
Listado de atributos: Una vez que pinchemos el botón «Añadir término» se agregará al listado con los demás términos de la tienda online. Para agregar términos debemos pinchar en el enlace «Configurar términos», el cual nos llevará al siguiente formulario:
Nombre: ¿Qué nombre tiene el nuevo término del atributo?
Slug: el slug es el nombre que se utilizará en las URL’s (enlaces) de nuestra tienda online.
Descripción: En algunos temas puede mostrarse la descripción en el listado de productos con el presente término de atributo.
Listado de términos: Una vez que pinchemos en «Añadir nuevo Tamaño» (o el nombre que le hayamos puesto al atributo) se añadirá al listado con los restantes términos.
Las taxonomías de WooCommerce nos permiten agrupar ítems de nuestra tienda online con características similares. Una de las taxonomías que se instalan por defecto son las categorías y subcategorías de productos.
Por ejemplo, si en nuestra tienda online vendemos artículos de electrónica podemos tener categorías como: «Móviles», «Ordenadores de mesa», «Televisores», etc. Y podríamos también añadir las subcategorías «HD», «LED», «4K», «UHD» a la categoría padre «Televisores». O bien si en la tienda vendemos ropa podemos tener una categoría llamada «Camisetas».
Listado de productos de la categoría «Camisetas»
¿Cómo añadir o editar categorías en WooCommerce?
Las categorías se administran desde el formulario en el menú Productos » Categorías. Si alguna vez has utilizado las categorías o etiquetas de WordPress verás que el formulario es muy parecido.
Nombre: ¿Qué nombre tiene la categoría?
Slug: El slug es el nombre que se utilizará en las URL’s (enlaces) de nuestra tienda online. No tiene por qué ser igual al nombre de la categoría. Por ejemplo: Si la categoría se llama «Camisetas» el slug puede ser «camisetas» o bien «camisetas-geeks», ambos nombres llevarán al mismo conjunto de productos. En caso de no especificar ningún nombre WordPress asignará el nombre de la categoría.
Superior: Si la categoría es hija de otra categoría debemos seleccionarla desde este selector desplegable.
Descripción: En algunos temas de WooCommerce las páginas de listado de productos por categoría añaden la descripción de este campo.
Tipo de visualización: Aquí podemos seleccionar cómo se visualizará nuestra página de productos.
Por defecto: muestra el listado de todos los productos bajo esta categoría y subcategorías.
Productos: ídem anterio.
Subcategorías: Muestra solo el título, imágen, nombre y cantidad de producto en cada una de las subcategorías.
Ambos: Muestra primero el resumen de las subcategorías seguido del listado de los productos de las mismas.
Miniatura: Podemos graficar las categorías y subcategorías con una imagen.
Listado de categorías: Una vez ingresado todos los datos veremos nuestra categoría/subcategoría en el listado. Desde allí podremos editar, borrar o buscar.
¿Cómo asignar un producto a una categoría/subcategoría?
Desde el propio formulario de alta o edición de un producto podremos seleccionar la(s) categoría(s) a la(s) que pertenece. Podemos también crear una categoría al vuelo pinchando en el enlace «Añadir nueva categoría». Se desplegará un pequeño formulario para asignar datos básicos (título y categoría padre).
Resultado en el frontend de nuestra tienda online
Slug por defecto de WooCommerce para el listado de productos
Categoría padre
Subcategoría
Título de la categoría
Descripción de la categoría
Listado de los productos que conforman la categoría.
El método de envío gratuito de WooCommerce se utiliza, como bien indica su nombre, cuando no queremos cobrar ningún gasto para los envíos de una compra. Se puede otorgar libremente, con compras mínimas, cupones o con una compra mínima más un cupón. Es ideal para incentivar la compra de más productos con mensajes como por ejemplo: «El envío es totalmente GRATUITO si tu compra supera los €99,99».
¿Cómo añadir el método de envío gratuito a una zona de envío?
Primero se debe acceder al formulario del menú WooCommerce » Ajustes » Envío.
Luego debemos seleccionar o crear una zona de envío y pulsar el botón con la leyenda “Añadir método de envío”. Se desplegará un modal.
En el modal debemos seleccionar la opción “Envío gratuito” tal como lo ilustra la siguiente imagen:
Una vez que seleccionado se agregará una nueva fila a la tabla de “Métodos de envío”. Para poder configurar el método debemos pinchar en el enlace con el título que le hayamos dado a la zona de envío o bien en el enlace “Editar”.
Al pinchar en cualquiera de los dos enlaces se lanzará un nuevo modal donde podremos especificar el comportamiento del método de envío gratuito de nuestra zona de envío:
Título: El nombre que recibirá el tipo de envío en el carrito y checkout de la tienda online. En caso de tener más un método de envío para la misma zona de envío el usuario podrá seleccionar entre las distintas opciones.
El envío gratuito requiere…: El envío gratuito puede aplicarse en varias opciones:
N/D: No disponible.
Un cupón válido de envío gratuito: Se debe crear un cupón con la casilla de envío gratuita.
Una cantidad mínima de pedido: Se debe especificar el monto mínimo en el campo «Cantidad mínima de pedido».
Una cantidad mínima de pedido O cupón: El usuario debe superar un monto o bien ingresar un cupón con el envío gratuito.
Una cantidad mínima de pedido Y cupón: El usuario debe presentar ambas opciones para acceder al envío gratuito: un monto mínimo y el cupón.
Costo: En caso de que el envío gratuito se realice mediante una compra mínima se debe especificar el valor en este campo.
Así se vería la página de carrito de nuestra tienda online con una método de envío gratuito:
El método de envío de precio fijo de WooCommerce se utiliza cuando queremos fijar un valor extra para el envío de nuestros productos. Por ejemplo, para la zona de España peninsular Correos nos cobra €10,00 para el traslado del paquete, este monto podríamos configurarlo como un precio fijo en la zona de envío de nuestra tienda online.
¿Cómo añadir el método de envío de precio fijo a una zona de envío?
Primero se debe acceder al formulario del menú WooCommerce » Ajustes » Envío.
Luego debemos seleccionar o crear una zona de envío y pulsar el botón con la leyenda “Añadir método de envío”. Se desplegará un modal.
En el modal debemos seleccionar la opción “Precio fijo” tal como lo ilustra la siguiente imagen:
Una vez que seleccionado se agregará una nueva fila a la tabla de “Métodos de envío”. Para poder configurar el método debemos pinchar en el enlace con el título que le hayamos dado a la zona de envío o bien en el enlace “Editar”.
Al pinchar en cualquiera de los dos enlaces se lanzará un nuevo modal donde podremos especificar el comportamiento del método de envío de precio fijo de nuestra zona de envío:
Título: El nombre que recibirá el tipo de envío en el checkout de la tienda online. En caso de tener más un método de envío para la misma zona de envío el usuario podrá seleccionar entre las distintas opciones.
Estado del impuesto: ¿Se aplican impuestos sobre el costo del método de envío?
Costo: Campo para especificar el precio fijo del envío de nuestro producto.
Costos avanzados para nuestro método de envío:
Aunque el método de envío se llame «Precio fijo» el costo no tiene por qué ser un precio exacto. WooCommerce nos permite especificar costos fijos, por productos comprados, porcentuales o bien un costo mínimo.
Para agregar cálculos podemos utilizar las palabras claves:
[qty] – Cantidad de productos en el carrito.
[fee] – Representa un gasto extra. Este gasto tiene dos parámetros opcioneales:
percent – Un porcentaje calculado del total de la compra.
min_fee – Una cantidad mínima. Útil cuando utilizamos porcentajes y el cálculo final no cubre los gastos mínimos de envío.
Ejemplo:
5 + ( 2 * [qty] ) – Un costo base de envío de €5,00 más €2,00 por cada producto en el carrito.
3 + [fee percent="10" min_fee="2"] – Un costo base de envío de €3,00 más un 10% del total de la compra (en caso que el porcentaje sea menor al min_fee se aplican los €2,00).
Así se vería la página de carrito de nuestra tienda online con una método de envío “precio fijo” con un costo extra de €10,00 de correo:
El método de envío de recogida en local de WooCommerce se utiliza cuando el usuario compra un producto y se acerca hasta un determinado domicilio a recogerlo. El método puede tener un gasto fijo añadido y también se le puede aplicar impuestos.
¿Cómo añadir el método de recogida local a una zona de envío?
Primero se debe acceder al formulario del menú WooCommerce » Ajustes » Envío.
Luego debemos seleccionar o crear una zona de envío y pulsar el botón con la leyenda «Añadir método de envío». Se desplegará un modal.
En el modal debemos seleccionar la opción «Recogida local» tal como lo ilustra la siguiente imagen:
Una vez que seleccionado se agregará una nueva fila a la tabla de «Métodos de envío». Para poder configurar el método debemos pinchar en el enlace con el título que le hayamos dado a la zona de envío o bien en el enlace «Editar».
Al pinchar en cualquiera de los dos enlaces se lanzará un nuevo modal donde podremos especificar el comportamiento del método de envío de recogida en local de nuestra zona de envío:
Título: El nombre que recibirá el tipo de envío en el checkout de la tienda online. En caso de tener más un método de envío para la misma zona de envío el usuario podrá seleccionar entre las distintas opciones.
Estado del impuesto: ¿Se aplican impuestos sobre el costo del método de envío?
Costo: En caso de que la recogida en local tenga algún costo extra podemos especificarlo en este campo.
Así se vería la página de carrito de nuestra tienda online con una método de envío «recogida en local» sin costo extra:
Si nuestra tienda online tiene algún producto que deba ser enviado al cliente deberemos configurar en primer lugar las distintas zonas de envío posibles para luego especificar el(los) método(s) de envío(s) y sus consiguiente costos. Por defecto WooCommerce incluye 3 métodos posibles de envío: precio fijo, envío gratuito y recogida local, los cuales cubriremos en otros artículos.
¿Qué es una zona de envío?
Una zona de envío es un área geográfica donde podemos especificar uno o más métodos de envío para nuestros productos. En las configuraciones podremos abarcar zonas generales (como continentes o países) hasta zonas más detalladas (especificando nombre de ciudades, códigos postales o reglas específicas).
Por ejemplo podríamos crear estas zonas de envío para nuestra tienda online:
Puedes configurar todas las zonas que necesites para tu tienda y en cada zona puedes especificar distintos métodos de envío. Luego el usuario podrá seleccionar aquella que mejor le convenga para el envío de su producto.
Configurar y editar las zonas de envío
Para configurar las zonas de envío de nuestra tienda online deberemos acceder al menú WooCommerce » Ajustes » Envío. Si no ves esta pestaña es porque tal vez debas activar los envíos en los ajustes generales de tu tienda.
Formulario para activar los envíos en las configuraciones generales de WooCommerce
La primera vez que accedemos al configurador de zonas de envíos veremos una pantalla con una breve descripción de su funcionamiento y una zona asignada por defecto llamada «Resto del mundo» la cual no podremos borrar. Esta zona existe para que se aplique una regla general a aquellos usuarios que no cumplan con las zonas nuevas que creemos. En caso de no querer enviar productos al «resto del mundo» basta con dejarlo sin ningún método de envío.
Descripción de zonas de envío de WooCommerce
Ya que las reglas de envío se aplican de arriba hacia abajo podemos excluir una zona agregando la región e indicándole que no tiene ningún método de envío disponible.
¿Cómo agregar una nueva zona?
En el formulario del menú WooCommerce » Ajustes » Envío debemos pulsar el botón con la leyenda «Añadir zona de envío». Se desplegará un nuevo formulario con los siguientes campos:
Nombre de la zona: Es un simple nombre, solo visible para los administradores del sitio, para que podamos identificar la zona.
Región(es) de la zona: Aquí podremos especificar la zona donde vamos a asignar un método de envío. Podemos configurarlo de las siguientes maneras:
Escribiendo el nombre de un continente, país o ciudad en el campo «Elige regiones dentro de esta zona».
Escribiendo el nombre de una ciudad pero delimitando con códigos postales en el campo «Enumera 1 código postal por línea».
Delimitando códigos postales escribiendo reglas con el comodín *: Por ejemplo «280*» equivale a cualquier código postal que comience por 280 (28012, 28077, etc).
Delimitando códigos postales escribiendo reglas de rangos: Por ejemplo «28000…28100» equivale a cualquier código postal entre el 28000 y el 28100.
Delimitando códigos postales escribiendo reglas mezclando los 3 puntos anteriores: por ejemplo si escribimos en distintas líneas los siguientes valores 23876, 28*, 29150…29200 equivale a cualquier código postal que comience por 28 o que esté comprendido entre 29150 y 29200 o bien la localidad con el código postal 23876.
Métodos de envío: Una vez delimitada la zona debemos especificar el(los) método(s) de envío: el mismo puede ser precio fijo, envío gratuito y recogida local. Cada uno de estos métodos de envíos los veremos en un artículo separado.
Una vez cargado todos los valores pulsamos el botón de «Guardar los cambios» para registrar la nueva zona de envío para nuestra tienda online. Si quieres aprender un poco más sobre los distintos métodos de envío lee los siguientes artículos: