Blog personal de IT, viajes y otros hobbies

Etiqueta: plugin Página 2 de 4

cupones de descuento en woocommerce

¿Cómo crear cupones de descuento en WooCommerce?

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.

cupones descuentos woocommerce

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.

menu activar cupones WooCommerce

¿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:

pestana general cupon woocommerce
  1. 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.
  2. Descripción: Una simple descripción para identificar el cupón a modo interno.
  3. Tipo de descuento:
    1. 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.
    2. 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.
    3. 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.
  4. Importe del cupón: Importe porcentual o fijo según lo seleccionado en el campo «Tipo de descuento».
  5. 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.
  6. 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:

Pestaña restricción de uso cupón woocommerce
  1. 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.
  2. Gasto máximo: ¿Cuál es el monto máximo permitido para que el cupón tenga validez?
  3. Uso individual: Activar esta casilla si no queremos que se utilice el cupón junto a otros.
  4. 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.
  5. 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).
  6. 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)
  7. Categoría de productos: Los productos en el carrito tienen que pertenecer a esta categoría para que el cupón sea válido.
  8. Excluir categorías: Los productos pertenecientes a esta categoría no serán válidos para el cupón con descuento.
  9. 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:

Pestaña límites de uso cupón WooCommerce
  1. Límite de uso por cupón: ¿Cuántas veces puede usarse el cupón por todos los usuarios?
  2. 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?
  3. 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.

pasarelas de pago en WooCoommerce PayPal

Pasarelas de pago en WooCommerce: PayPal paso a paso

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.

WooCommerce PayPal

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:

  • Ir la página de PayPal ➡ https://www.paypal.com/
  • Pincha en el botón «Crear cuenta» que se encuentra en la esquina superior derecha:
    Click en crear cuenta en PayPal
  • En la siguiente pantalla selecciona el tipo de cuenta «Business»:
    click en cuenta business PayPal
  • Especifica un email para la cuenta business (de ahora en más el email será tu identificador personal en PayPal).
    Especificar un email para la cuenta business de 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:
    seleccionar perfil de la cuenta paypal
  • Una vez que estamos en el perfil pinchamos en la pestaña «Opciones de venta»:
    seleccionar opciones de venta paypal
  • Una vez que se desplegan todas las opciones de la pestaña pinchamos en el enlace «Cambiar» de la fila «Preferencias de sitio web»:
    seleccionar preferencias de sitio web
  • Nos llevará a una página con varias opciones pero solamente vamos a fijarnos en las 4 más importantes:
    preferencias de pago en el sitio web

     

    1. Retorno automático: Debemos marcar la casilla «Activar» para que al finalizar el pago PayPal vuelva a la tienda online.
    2. 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».
    3. 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.
    4. 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»:
    seleccionar añadir o modificar acceso api business paypal
  • 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:
    solicitar credenciales de api paypal
  • En la siguiente pantalla deberemos seleccionar la opción «Solicite una firma de API»:
    seleccionar solicitar una firma de api paypal
  • 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
completar firma api paypal en woocommerce

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

Configuración básica PayPal en WooCommerce
  1. Activar/Desactivar: Si queremos utilizar PayPal como medio de pago debemos mantener activa esta casilla.
  2. Título: ¿Qué título se usará en el Frontend de la tienda?
  3. Descripción: Breve descripción sobre la forma de pago que se utilizará en el Frontend.
  4. 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.
  5. 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).
  6. 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

Configuración avanzada PayPal en WooCommerce
  1. 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.
  2. 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.
    transferencia datos de pago PayPal
  3. 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.
  4. Detalles de envío: Si el campo está activo enviaremos a PayPal la dirección con los datos de envío.
  5. Sobreescribir la dirección: En caso de estar activo permitimos que el usuario cambie los datos de dirección en PayPal (mantener desactivado).
  6. Acción de pago:
    1. Captura: Extrae directamente el monto de la tarjeta del cliente.
    2. Autorización: Solo genera una autorización. La captura se genera en cuanto cambiamos el estado de la compra.
  7. 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.
  8. URL de la imagen: Indicar la URL con el logo de nuestra web/empresa (190px X 60px).
  9. Usuario API: El nombre de usuario de las credenciales de la API de PayPal (explicado en «Solicitar credenciales API«)
  10. Contrasñea API: La contraseña de las credenciales de la API de PayPal (explicado en «Solicitar credenciales API«)
  11. Firma API: La forma 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.

¿Cómo configurar los impuestos en WooCommerce?

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:

Resume gráfico de impuestos en WooCommerce

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:

Configuración general de impuestos en WooCommerce
  1. 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.
  2. Calcular impuesto basado en: Como he explicado anteriormente algunos impuestos se aplicarán según una determinada zona. El campo permite las siguientes opciones:
    1. Dirección de envío del cliente
    2. Dirección de pedido del cliente
    3. Localización del negocio.
  3. 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.
  4. 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.
  5. 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.
  6. Mostrar precios en la tienda: En todas las páginas de la tienda ¿Mostramos los precios con o sin IVA?
  7. 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?
  8. 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».
  9. Visualización del total de impuestos:
    1. Como un total único: Se muestra una fila con el total de impuesto.
    2. 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»:

Formulario de alta de impuesto en WooCommerce
  1. 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.
  2. 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.
  3. 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:
    1. Escribiendo los códigos postales en el campo separados por punto y comas «;».
    2. Códigos postales con comodín *: Por ejemplo “280*” equivale a cualquier código postal que comience por 280 (28012, 28077, etc).
    3. Códigos postales con reglas de rangos: Por ejemplo “28000…28100” equivale a cualquier código postal entre el 28000 y el 28100.
  4. Ciudad: Podemos también especificar los nombres de las ciudades separados por punto y coma «;».  Dejar en blanco para aplicar a todas las ciudades.
  5. Tarifa %: Porcentaje de impuesto a aplicar con 4 posiciones de decimales.
  6. Nombre del impuesto: Indicamos un nombre para que el usuario pueda identificarlo en la tienda.
  7. Prioridad: En caso de aplicar más de un impuesto al mismo producto en qué orden se aplicarán.
  8. Compuesto: Si la casilla está marcada se aplicará el impuesto al producto antes de aplicar el resto de los impuestos.
  9. Envío: ¿Aplica también el impuesto para los costos de envío?
  10. Importar CSV: Nos lleva a otro formulario para que podamos importar un fichero .CSV con impuestos.
  11. 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)».

Eliminar impuesto en WooCommerce

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í:

Impuestos excentos IVA España Ceuta Melilla Canarias

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:

Tabla con el IVA reducido WooCommerce
  • 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:

Producto con impuestos reducidos

Taxonomías de WooCommerce: Atributos

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:

  1. Los atributos pueden ser usados como filtros en las páginas con listados de productos.
  2. 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 atributos
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.

Formulario de atributos de productos en WooCommerce
  1. Nombre: ¿Qué nombre tendrá el atributo?
  2. 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.
  3. ¿Activamos el archivo?: En caso de activarlo el atributo tendrá una página propia en la que se listarán sus productos.
Archivo de productos por atributo
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:
  • Formulario de alta de término de atributo
    1. Nombre: ¿Qué nombre tiene el nuevo término del atributo?
    2. Slug: el slug es el nombre que se utilizará en las URL’s (enlaces) de nuestra tienda online.
    3. Descripción: En algunos temas puede mostrarse la descripción en el listado de productos con el presente término de atributo.
    4. 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.

    Taxonomías de WooCommerce: Categorías y subcategorías de productos

    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"
    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.

    Formulario y listado de categorías de woocommerce
    1. Nombre: ¿Qué nombre tiene la categoría?
    2. 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.
    3. Superior: Si la categoría es hija de otra categoría debemos seleccionarla desde este selector desplegable.
    4. 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.
    5. Tipo de visualización: Aquí podemos seleccionar cómo se visualizará nuestra página de productos.
      1. Por defecto: muestra el listado de todos los productos bajo esta categoría y subcategorías.
      2. Productos: ídem anterio.
      3. Subcategorías: Muestra solo el título, imágen, nombre y cantidad de producto en cada una de las subcategorías.
      4. 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).

    Asignar categoría en producto en WooCommerce

    Resultado en el frontend de nuestra tienda online

    Frontend de listado de productos por categoría de WooCommerce
    1. Slug por defecto de WooCommerce para el listado de productos
    2. Categoría padre
    3. Subcategoría
    4. Título de la categoría
    5. Descripción de la categoría
    6. Listado de los productos que conforman la categoría.

    Métodos de envío de WooCommerce: envío gratuito

    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?

    1. Primero se debe acceder al formulario del menú WooCommerce » Ajustes » Envío.
    2. 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.
    3. En el modal debemos seleccionar la opción “Envío gratuito” tal como lo ilustra la siguiente imagen:
      Selector método de envío gratuito de woocommerce
    4. 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”.
      Fila de método de envío gratuito en WooCommerce

    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:

    Formulario de ajusto de envío gratuito de WooCommerce
    1. 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.
    2. El envío gratuito requiere…: El envío gratuito puede aplicarse en varias opciones:
      1. N/D: No disponible.
      2. Un cupón válido de envío gratuito: Se debe crear un cupón con la casilla de envío gratuita.
      3. Una cantidad mínima de pedido: Se debe especificar el monto mínimo en el campo «Cantidad mínima de pedido».
      4. 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.
      5. 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.
    3. 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:

    Carrito de la tienda con envío gratuito

    Métodos de envío de WooCommerce: precio fijo

    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?

    1. Primero se debe acceder al formulario del menú WooCommerce » Ajustes » Envío.
    2. 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.
    3. En el modal debemos seleccionar la opción “Precio fijo” tal como lo ilustra la siguiente imagen:
      Modal para añadir método de envío precio fijo de woocommerce
    4. 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”.
      Fila de método de envío precio fijo de woocoommerce

    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:

    Formulario de ajustes de precio fijo en WooCommerce
    1. 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.
    2. Estado del impuesto: ¿Se aplican impuestos sobre el costo del método de envío?
    3. 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:

    Carrito con método de envío de precio fijo en woocommerce

    Métodos de envío de WooCommerce: recogida en local

    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?

    1. Primero se debe acceder al formulario del menú WooCommerce » Ajustes » Envío.
    2. 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.
    3. En el modal debemos seleccionar la opción «Recogida local» tal como lo ilustra la siguiente imagen:
      Modal para añadir un método de envío en WooCommerce
    4. 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».
      Fila de método de envío recogida en local de WooCommerce
    Formulario modal de recogida en local de WooCommerce

    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:

    1. 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.
    2. Estado del impuesto: ¿Se aplican impuestos sobre el costo del método de envío?
    3. 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:

    Página de carrito con recogida en local de woocommerce
    Cómo configurar zonas de envío en WooCommerce

    ¿Cómo configurar las zonas de envío de WooCommerce?

    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:

    Nombre de la zonaRegión(es)Métodos de envío
    OficinaMadrid CP 28012Recogida local
    Todo MadridMadrid«Estándar» – Precio fijo – €7,00
    «Express» – Precio fijo – €12,00
    Resto de EuropaEuropa«Europa» – Precio fijo – €14,00

    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.

    Activar envios configuraciones generales woocommerce
    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
    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:

    Formulario añadir zona de envío de WooCommerce
    1. Nombre de la zona: Es un simple nombre, solo visible para los administradores del sitio, para que podamos identificar la zona.
    2. 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:
      1. Escribiendo el nombre de un continente, país o ciudad en el campo «Elige regiones dentro de esta zona».
      2. Escribiendo el nombre de una ciudad pero delimitando con códigos postales en el campo «Enumera 1 código postal por línea».
      3. 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).
      4. Delimitando códigos postales escribiendo reglas de rangos: Por ejemplo «28000…28100» equivale a cualquier código postal entre el 28000 y el 28100.
      5. 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.
    3. 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:

    que es y como crear un producto variable en woocommerce

    ¿Qué es y cómo crear un producto variable en WooCommerce?

    Un producto variable es un tipo de producto dentro de WooCommerce que nos permite establecer variaciones según la elección de ciertos valores de atributos. Dentro de estas variaciones podemos modificar su precio, stock, envío, impuestos, imágenes, etc. Un ejemplo muy simple sería la venta de una camiseta que viene en distintas tallas y qué según el tamaño varía el precio final del producto.

    Ejemplo de variación de precio de un producto por el atributo tamaño
    Ejemplo de variación de precio de un producto por el atributo tamaño

    ¿Cómo crear un producto variable?

    Para poder crear las variaciones de nuestro producto primero debemos tener registrado al menos un atributo (Menú Productos » Atributos). Para el ejemplo de las camisetas vamos a trabajar con un atributo llamado «Tamaño» que tiene los valores «S, M, L, XL, 2XL».

    Pestaña atributos de un producto variable de WooCommerce
    1. Datos del producto: Seleccionamos el tipo «Producto variable». Al seleccionar este tipo de producto se agregará una nueva pestaña llamada «Variaciones».
    2. Atributos: En la pestaña de atributos seleccionamos el/los atributo/s que conformarán las variaciones. Para el ejemplo de nuestra camiseta vamos a seleccionar el atributo «Tamaño».
    3. Añadir: Luego de seleccionar el atributo pulsamos el botón con la leyenda «Añadir» el cual asignará el atributo a nuestro producto y aparecerá un nuevo formulario con las siguientes opciones:
    Detalle de atributos de un producto variable en WooCommerce
    1.  Valor(es): ¿Cuál de todos los valores del atributo serán utilizados en el producto? Por ejemplo: podemos tener una camiseta que solo esté disponible en 2 de los 5 tamaños posibles. Basta con escribir las primeras letras del valor de atributo para que podamos seleccionarlo de un selector desplegable.
    2. Seleccionar todos: En caso de que necesitemos todos los valores podemos ahorrar tiempo pulsando el botón con la leyenda «Seleccionar todos».
    3. Añadir nuevo: Si necesitamos un nuevo valor para nuestro atributo podemos darlo de alta desde este mismo formulario pulsando el botón «Añadir nuevo».
    4. Usado para variaciones: En caso de que este atributo genere las variaciones para nuestro producto debemos marcar esta casilla.

    Eso es todo con respecto a la pestaña de «Atributos», ahora vamos a trabajar sobre la nueva pestaña «Variaciones».

    Selector de variación de atributo producto variable
    1. Añadir variación: En el selector de variación podemos generar una variación para todos los valores de atributos seleccionados en el punto o bien solo alguno de ellos. Los valores de atributos que no tengan variación heredarán los valores del producto padre.
    2. Botón Ir: Una vez seleccionada nuestra opciones pulsamos el botón ir para generar los distintos formularios de variaciones. En nuestro ejemplo vamos a generar todos los formularios seleccionando «Crear variaciones para todos los atributos». Una vez pulsado el boton «Ir» veremos un nuevo formulario por cada valor de atributo como el de la siguiente imagen:
    Formulario de variaciones de productos

    Por defecto los formularios se generan y aparecen cerrados (ya que son muy extensos). Para desplegarlos debemos pulsar el flecha hacia abajo que marca el punto 1 sobre la imagen. Veamos a continuación qué campos debemos completar para cada variación:

    Formulario de variación de producto variable

    Si bien el formulario presenta muchos campos no debe preocuparnos ya que son los mismos que hemos visto en el artículo de cómo crear un producto simple aunque se encuentren en distinta posición. Se repiten simplemente porque pueden sobreescribir los valores del producto padre (recordad que partirmos de un producto y a partir de los atributos podemos definir variaciones).

    1. Imagen: Aquí podríamos agregar una imagen más apropiada para la variación. Por ejemplo, si tenemos un camiseta en varios colores podríamos agregar una imagen distinta para cada valor de atributo: camiseta roja, camiseta verde, etc.
    2. SKU: En caso de que tengamos un código específico para cada variación podríamos indicarlo en este campo. Ejemplo: La camiseta gris podría ser CG020 y la camiseta verde podría ser CV020.
    3. Descargable: Si marcamos el producto como descargable apareceré un formulario donde podremos indicar el/los fichero/s, el límite y/o caducidad de descarga.
    4. Virtual: Un producto se puede marcar como “virtual” cuando no es tangible. El mismo puede ser un servicio o bien una suscripción a una página web, etc. Si marcamos esta opción desaparecerán los campos de dimensiones (referentes al envío de un producto).
    5. Gestión de inventario: En ocasiones tendremos que llevar un control de stock para cada una de las variaciones. Ejemplo: tenemos 100 camisetas en total, pero 20 son verdes, 20 son amarillas y las 60 restantes son blancas.
    6. Precio normal: En caso que el precio varíe según el valor del atributo podremos asignarlo a este campo.
    7. Precio rebajado: Con este campo puedes ofrecer rebajas a tus clientes dependiendo de la variación que seleccionen. La misma puede ser permanente o bien puedes configurar un lapso de tiempo con los campos “Fechas del precio rebajado” al pinchar en el enlace «Horario».
    8. Estado del inventario: En cualquier momento podremos cambiar el estado de la variación del producto pudiendo elegir entre “Hay existencias” y “Agotado”.
    9. Peso: Especificaremos el peso de la variación del producto el cual servirá para el envío.
    10. Dimensiones: Especificaremos la longitud, anchura y altura de la variación del producto para el posible envío.
    11. Clase de envío: En este selector podremos elegir alguna clase de envío. Estas clases de envíos se dan de alta en las configuraciones de WooCommerce para definir posibles gastos de envíos. De no seleccionar ningún valor se aplica el tipo de envío del producto padre.
    12. Clase de impuesto: En este desplegable podemos seleccionar qué tipo de impuestos aplicar a la derivación del producto.
    13. Descripción: Podemos agregar una descripción opcional para la variación del producto.

    A primeras puede resultar un poco complejo de entender pero es simplemente hacerse a la idea de que partimos de un producto con ciertos valores y que podemos alterarlos según la selección de algunos valores de atributos (colores, tallas, peso, etc).

    Página 2 de 4

    Funciona con WordPress & Tema de Anders Norén