Seguimos con el segundo taller de verano de WooCommerce.

En este taller hemos visto:

• Configuración de Pagos.
• Configuración de Cuentas y Privacidad.
• Configuración de Notificaciones.
• Configuración Integración y Ajustes Avanzados.
• Elementor – Ajustes de Estilos y Maquetación de Cabecera.

Duración del taller: 1 hora y 22 minutos.

Nos vemos en el siguiente taller que será grabado el próximo Miércoles 20 de Julio y que se estrenará el Jueves 21.

Hasta pronto!

Hace unas semanas abrí encuesta en Gestionatuweb Youtube con la idea de organizar unos talleres de verano para WooCommerce, aprovechando que aún no he publicado ningún curso en profundidad sobre el plugin de ecommerce por excelencia.

En la encuesta preguntaba qué builder preferían que usara para maquetar las plantillas de la tienda:

Cabecera, footer, portada, single de producto, archives de productos, carrito, pago…

En la encuesta salió ganador Elementor Pro, así que ayer (miércoles) comencé la grabación del primer taller el cual ha sido estrenado hoy en el canal.

En este primer taller hemos visto:

• Instalación de WordPress en local (basado en Fedora Linux 36).
• Instalación del tema Hello.
• Ajustes adicionales de wp-config.php.
• Instalación de Elementor y Elementor Pro (requiere licencia).
• Creación de child-theme para el tema Hello.
• Instalación de WooCommerce.
• Configuración General.
• Configuración de Productos.
• Configuración de Impuestos.
• Configuración de Envíos.
• Importación de productos de muestra.
• Crear nuestro propio plugin de funciones.

Duración total del taller: 1 hora y 20 minutos aprox.

Nos vemos en el siguiente taller que será grabado el próximo Miércoles 13 de Julio y que se estrenará el Jueves 14.

Hasta pronto!

En esta sección que también está compuesta por varias sub-secciones (API-REST, Webhooks, API heredada…), nos vamos a centrar en la principal: Instalación de páginas.

Instalación de páginas

Las demás opciones están enfocadas a conectar nuestra tienda con servicios web externos o de terceros a través de sus APIs y solo son necesarios para determinados e-commerces.

En esta parte vamos a poder definir las páginas asociadas a distinas secciones de la tienda, como la página del carrito, la pagina de finalizar compra o pago, la página para la cuenta del usuario y la página de términos y condiciones.

Como vimos anteriormente, las páginas de la tienda también se pueden definir integrando el shortcode correspondiente (ver capítulo 1).

Pago seguro: Realiza una redirección forzosa hacia HTTPS para finalizar la compra (requiere de un certificado SSL en nuestro hosting, que por otro lado es obligatorio paras las tiendas online).

Variables de finalización de compra

Las variables de finalización de compra se añaden al final de la URL y deben ser únicas. Por defecto están configuradas en inglés, pero podemos sustituirlas en nuestro idioma y facilitar la comprensión a nuestros clientes, pues en lugar de ver www.mitienda.com/finalizar-compra/order-received podrían ver www.mitienda.com/finalizar-compra/pedido-recibido

Las variables podrían quedar de la siguiente forma:

Pagar: order-pay => pagar

Pedido recibido: order-received => pedido-recibido

Añadir método de pago: add-payment-method => nuevo-metodo-de-pago

Eliminar método de pago: delete-payment-method => eliminar-metodo-de-pago

Establecer método de pago por defecto: set-default-payment-method => establecer-pago-por-defecto

Variables de la cuenta

Del mismo modo podemos configurar las variables para la sección de cuentas quedando de la siguiente forma:

Pedidos: orders => pedidos

Ver pedido: view-order => ver-pedidos

Descargas: download => descargas

Editar cuenta: edit-account => editar-cuenta

Direcciones: edit-address => editar-direcciones

Métodos de pago: payment-methods => metodos-de-pago

Contraseña perdida: lost-password => clave-perdida

Salir: customer-logout => salir

Por estética, las variables que requieren de la letra ñ, las sustituimos por un sinónimo.

En esta sección vamos a poder configurar las notificaciones que WooCommerce enviará por correo electrónico tanto al cliente como al administrador de la tienda:

Las notificaciones que podemos configurar para el Administrador de la tienda son:

• Nuevo pedido: Recibiremos una notificación cada vez que se realice un pedido en la tienda.
• Pedido cancelado: Recibiremos notificación en caso de que un cliente cancele un pedido.
• Pedido fallido: Recibiremos notificación en caso de que un pedido haya sido marcado como fallido, por la circunstancia que sea (producto fuera de stock, datos de cliente erróneos, etc.).

Podemos configurar la notificación haciendo clic en el icono de opciones:

Entre las opciones que podemos configurar para cada notificación se encuentra:

Activar/Desactivar la notificación: Todas las notificaciones, tanto al administrador como al cliente, pueden activarse o desactivarse según necesitemos.

El destinatario o destinatarios (separados por comas) serán quienes reciban una notificación cada vez que se efectúe realice un nuevo pedido.

Asunto: Por defecto se configura con el nombre de nuestra tienda, el texto «Nuevo Pedido» con su ´número correspondiente y la fecha de compra. Podemos personalizarlo con el texto que deseemos.

Encabezado del correo: Vendría a ser como el «Remitente» del correo. Por defecto aparece «Nuevo pedido de un cliente».

Tipo de correo electrónico: Si deseamos recibirlo como HTML o texto plano.

Plantilla HTML: Toda la configuración de cada notificación se guarda en una plantilla PHP con los ajustes realizados. Podemos copiar esta plantilla directamente a nuestro tema y trabajar sobre ella fuera del núcleo de WooCommerce. Opción recomendada dejar limpios los archivos de WooCommerce. Basta simplemente con pulsar en Copiar archivo al tema:

El resto de notificaciones que podemos enviar al cliente son:

Pedido en espera: Esta notificación indica que se ha recibido el pedido, pero está en espera de pago o por falta de stock.

Procesando el pedido: Podemos enviar una nueva notificación al cliente cuando el pedido pase de En espera a Procesando, indicando que estamos preparando su pedido para el envío.

Pedido completado: Esta notificación indica que el pedido ha sido enviado al cliente.

Pedido con reembolso: Esta notificación se envía solamente para aquellos pedidos realizados contra reembolso, avisando al cliente que deberá tener el dinero preparado en el momento de recibir el pedido.

Factura del cliente: Podemos enviar al cliente un correo con la factura de compra del pedido. Por defecto aparece desactivado ya que WooCommerce de base no puede generar facturas, para ello necesitamos un plugin adicional que veremos más adelante.

Nota para el cliente: Desde el panel de control de pedidos, el administrador puede enviar notas al cliente. Si activamos esta notificación, el cliente recibirá un aviso cada vez que agreguemos una nueva nota a su pedido.

Restablecer contraseña: Notifica al cliente de que ha restablecido su contraseña.

Nueva cuenta: Esta notificación se envía cuando el cliente crea su cuenta por primera vez. Podemos personalizarla con un mensaje de bienvenida.

Opciones del remitente del correo electrónico

Aquí establecemos el nombre que figurará como remitente de las notificaciones (el nombre de nuestra tienda) y una dirección de correo electrónico (correo de nuestra tienda).

Para terminar podemos personalizar la plantilla de correo electrónico que será usada en las notificaciones:

Imagen de la cabecera: URL de la imagen que podemos usar en la cabecera de nuestros correos. Puede ser un banner o el logotipo de nuestra tienda, por ejemplo.

Texto de pie de página: Un texto personalizado para el pié del correo electrónico. Podemos indicar datos de interés como nuestro contacto (dirección, teléfonos, e-mails…).

Colores: Podemos configurar los colores básicos de nuestra tienda. Por ejemplo, si en nuestra web el color predominante es el rojo, deberíamos configurar el color base como rojo. También podemos definir un color de fondo para todo el correo, un fondo sólo para el texto del correo y el color del texto.

Aquí podemos configurar algunas opciones para las cuentas de nuestros clientes, la verdad es que son muy intuitivas y no requieren de muchas más explicación.

Podemos activar el pago como invitado para no requerir la creación de una cuenta, diversas opciones para la creación de la cuenta y las opciones de borrado de cuentas en caso de que el cliente lo solicite.

También tenemos algunos nuevos ajustes para la privacidad, sobre todo desde la llegada de la nueva RPGD.

Podemos definir la página general de nuestra política de privacidad, el texto de privacidad a la hora registrarse como cliente y el texto de privacidad a la hora de finalizar una compra.

También podemos definir el tiempo que necesitamos conservar los datos antes de ser eliminados por completo, por ejemplo:

• Los datos de las cuentas inactivas
• Los pedidos pendientes
• Los pedidos fallidos
• Los pedidos cancelados
• Los pedidos completados.

Aquí nos encontramos el listado de opciones de pago instaladas en WooComerce, que podemos activar/desactivar y ordenarlas de forma que así las vea el cliente en la página de pago.

Para ordenar los métodos de pago solo tenemos que arrastrarlos desde el icono

Transferencia bancaria directa

Si queremos aceptar pagos mediante transferencia bancaria, debemos proporcionar a nuestro cliente las indicaciones para poder realizarla, nuestros datos bancarios, pedir que especifique en el concepto la referencia del pedido, etc. Estas opciones las configuramos en esta pantalla:

Activar / Desactivar

En cualquier momento podemos activar o desactivar la opción de pago mediante transferencia.

Título

Es el título que daremos a esta opción de pago: «Transferencia bancaria directa», «Pagar por transferencia», «Pago por transferencia»…

Descripción

En este campo podemos personalizar la descripción de este método de pago. Podemos indicar que aceptamos este tipo de pago pero que el envío puede demorarse 1 o 2 días hasta que la transferencia se reciba, etc.

Instrucciones

Aquí especificamos cómo debe hacer la transferencia, si necesitamos que especifique en el concepto de esta, la referencia del pedido, si necesitamos que nos remita un justificante del pago por e-mail/fax, etc.

Detalles de la cuenta

Aquí podemos especificar nuestras cuentas bancarias (tantas como dispongamos) y ordenarlas a nuestro gusto. Estas cuentas se mostrarán al cliente en caso de que decida pagar mediante transferencia.

Pagos por cheque

El cheque es un medio de pago en desuso en lo que a comercio online se refiere, aunque se siga usando habitualmente para pagar sueldos o compras en tiendas físicas. Lo que prima en las compras online es la comodidad y rapidez, y tener que enviar por correo un cheque, esperar que la tienda lo reciba y lo cobre para que envíen nuestro pedido no es sinónimo de rapidez ni comodidad.

Pero WooCommerce lo integra y puede ser utilizado como medio de pago «offline» muy útil para finalizar compras y hacer pruebas durante el desarrollo de nuestra tienda.

Tenemos la casilla para activar y desactivar cuando queramos el método de pago, pornerle un título personalizado y una descripción e instrucciones para que el cliente nos pueda hacer llegar el cheque.

Pago Contra reembolso

Otra forma de pago habitual es el método contra reembolso, donde el cliente paga el pedido cuando se lo entrega el transportista.

Las opciones que nos permite son:

• Activar o desactivar el método de pago
• Descripción personalizada de la forma de pago.
• Instrucciones personalizadas para el cliente.
• Activar para métodos de envío: Si sólo nos interesa activar el pago contra reembolso para métodos de envío concretos, los seleccionaremos aquí.
• Aceptar para pedidos virtuales: Cuando el pedido no es un producto físico si no que se trata de una descarga, no tiene mucho sentido realizar este método de pago. A no ser que hayamos implementado un sistema de códigos para las descargas, y estos códigos se envíen a través de un mensajero que realizará el cobro contra reembolso.

Una peculiaridad de los pagos contra reembolso es que conllevan una comisión por parte del servicio de transporte, ya que es el encargado de recibir el dinero y entregárnoslo a nosotros. Pero la configuración básica de WooCommerce no contempla este caso (esperemos que en futuras versiones se integre de base).

Lo que si podemos hacer es instalar un plugin extesión que permite añadir cargos fijos o en porcentaje para los métodos de pago. Se trata de WooCommerce Pay for Payment.

Lo localizamos desde el panel de control de plugins de WordPress:

Y procedemos a descargarlo y activarlo.

Volvemos a la configuración del pago contra reembolso y vemos que se han añadido el apartado Cargo adicional.

Vamos a configurarlo:

• Nombre del concepto: Es el título que aparecerá como concepto de gastos de contra rembolso en el resumen del pedido. Podemos llamarlo: «Comisión contra reembolso».
• Cargo fijo: Si la comisión es una cantidad fija, la especificamos en este campo. Esto dependerá de la empresa de transportes.
• Cargo en porcentaje: Hay compañías que en lugar de una comisión fija, cobran un porcentaje sobre la cantidad del pedido. Si este es nuestro caso, especificamos aquí el porcentaje de la comisión en número.
• Deshabilitar en envío gratuito: No aplica ningún cargo si el producto tiene el método de envío gratuito.

Como siempre, consultaremos con nuestra empresa de transporte estos datos para configurar todo correctamente.

PayPal

Para configurar este módulo de pago antes debemos tener de alta una cuenta Business en PayPal, los cuales nos proporcionarán todos los datos y códigos que nos piden para configurar la pasarela.

Obviando los campos que hacen referencia a estos datos (dirección de correo de paypal, token de identidad, etc, podemos observar algunas opciones interesantes, como la activación de entorno de pruebas de Paypal, donde podemos hacer simulaciones de compras y pagos para verificar que todo está configurado correctamente.

También podemos elegir el método de pago:

• Captura: Se recogerán los fondos de forma instantánea.
• Autorización: Tendremos una autorización para retirar los fondos en el momento que consideremos oportuno. Por ejemplo si estamos vendiendo la matrícula para un curso, podemos dejar el cargo en espera hasta el comienzo del curso.

Lo normal es dejarlo en Captura.

Al igual que con el método contra rembolso, el cobro por Paypal también conlleva unos gastos para la tienda, tanto en comisión de compra como en una pequeña cantidad fija. Aquí también entra en escena el plugin Pay for Payment, donde podemos configurar estos gastos extra para que se carguen al cliente en lugar de a la tienda.

En este artículo puedes encontrar una guía ampliada de la configuración de PayPal en Woocommerce.

Pagos por tarjeta

Los pagos por tarjeta bancaria no están habilitados de base en WooCommerce, ya que dependen de la aprobación de la entidad bancaria con la que vayamos a trabajar, y normalmente son ellos los que ofrecen soluciones para integrar su pasarela de pago en nuestro sistema.

En España la pasarela de pago más utilizada es Redsys y WooCommerce cuenta con un plugin oficial para configurar esta pasarela. De forma gratuita tenemos una versión Light con lo necesario para funcionar.

Para configurarlo necesitamos que el banco nos facilite los datos necesarios: Número de comercio (FUC), Nombre del comercio, Clave de cifrado…

Al igual que Paypal también dispone de un «modo pruebas» para probar la plataforma antes de pasarla a Producción.

Impuesto

La sección de Impuesto se divide en varias subsecciones:

Opciones de impuestos

Precios con impuestos incluidos: Cuando demos de alta un producto y especifiquemos el precio podemos elegir si ya introducimos el precio con los impuestos incluidos o sin ellos, para que WooCommerce sepa si debe aplicarlos después o no.

Calcular impuesto basado en: Esto permite aplicar una u otra tasa de impuestos dependiendo del destino del producto, ya que WooCommerce permite configurar tasas de impuestos para cada país o ciudad.

Clase del impuesto por envío: Podemos configurar qué clase de impuesto (Normal, reducido o exento) se usará en función del destino del producto. Por ejemplo, para un artículo que normalmente tenga el 21% de IVA, si el destino del producto son las Islas Canarias donde las ventas están exentas de IVA, WooCommerce aplicaría la clase Exenta de IVA. Las tasas y clases de impuestos se configuran en las subsecciones Tarifas estándar, Reduced Rate Tarifas y Zero Rate Tarifas.

Redondeo: Podemos activar el redondeo de decimales para el cálculo de impuestos.

Tasas de impuestos adicionales: Aquí especificamos las tasas de IVA que usaremos en nuestra tienda. Especificando una por cada línea podemos agregar: IVA reducido, IVA superreducido e IVA exento. Cuando guardemos los cambios se actualizarán las subsecciones de los impuestos para configurar cada uno.

Mostrar precios en la tienda: Configuramos si el precio de los productos se muestra al cliente con los impuestos incluidos o sin ellos. Yo personalmente prefiero configuarlo con los impuestos incluidos.

Sufijo a mostrar en el precio: Podemos especificar un mensaje posterior al precio de un producto por ejemplo «Impuestos incluidos», «IVA incluido», o por el contrario «impuestos no incluidos» o «IVA no incluido».

Mostrar precios en el carrito y en el pago: Al igual que en el apartado anterior, seleccionamos si queremos mostrar los precios en el carrito con los impuestos incluidos o sin ellos.

Visualización del total de impuestos: Podemos mostrar un detalle del total de impuestos donde se refleje la base imponible del producto, la cantidad de IVA y el total.

Tarifas estándar

En este apartado podemos especificar el porcentaje de tarifa de impuestos estándar, e incluso especificar uno por cada país y/o provincia. Por defecto lo dejamos en el 21% que es la tarifa de IVA estándar actual en España para todas las provincias excepto para las Islas Canarias, Ceuta y Melilla donde el IVA será el 0%. Lo agregamos insertando una nueva fila.

Importante: Para que los tipos impositivos apliquen dependiendo de la ciudad o país, recuerda configurar el cálculo de impuestos pasado en: Dirección de pedido del cliente.

De forma que queden:

El código de país y de provincia está formado por 2 siglas, ES para España, GC para Gran Canaria, ML (Melilla), TF (Tenerife) y comodín (*) para todas las demás.

El envío solo se debería establecer en Si, si los gastos de envío van a compartir el mismo impuesto.

IVA reducido Tarifas

Configuramos el tipo de IVA reducido, que en este momento es el 10% para España. Al igual que con la tabla de IVA general, debería quedar así:

IVA superreducido Tarifas

Al igual que con el tipo reducido, configuramos el tipo superreducido que en este momento es el 4% para España.

IVA Exento Tarifas

Configuraremos otro tipo de IVA para los productos exentos, aplicando el 0%. En este caso no es necesario especificar todas las ciudades, ya que en todas se fija el mismo porcentaje:

Cuando creemos productos podremos aplicar una tarifa u otra dependiendo de lo que necesitemos.

Productos

Los ajustes de productos se dividen en varias subsecciones: General, Inventario, Productos descargables.

General

Página de la tienda: Aquí definimos cual será nuestra página principal para la tienda, entendiéndose esta como la página que lista el archivo general de productos (como el archivo de entradas de WordPress). Si hemos seguido el asistente de configuración de WooCommerce, probablemente ya tengamos esta página creada, si no podemos añadir una nueva página interna y asignarla como Tienda en este apartado.

Comportamiento de añadir al carrito: Este apartado es muy importante en función de nuestro tipo de tienda o nicho de mercado. Si nuestro objetivo es que el cliente compre el mayor número de productos posible, puede que nos interese Activar botones AJAX de añadir al carrito en los archivos, así el cliente puede añadir productos a su carrito sin abandonar la página donde se encuentra (no lo despistamos cambiándole de página). Pero si nuestro nicho consiste en que compre un producto y lo pague lo antes posible, puede que nos interese redirigirle a la página del carrito para que proceda a pagar sin que tenga que pensárselo mucho.

Imagen del marcador de posición: Es una imagen que aparecerá por defecto para aquellos productos que no tengan imagen destacada. Solo tenemos que indicar el ID de la imagen en nuestra galería de Medios. Podemos editar cualquier imagen para ver fácilmente su ID:

Unidad de peso: Por defecto aparece la unidad con la que configuramos la tienda durante su instalación, pero aquí podemos cambiar en cualquier momento la unidad de medida estándar de nuestros productos.

Unidad de las dimensiones: Establece cual es la unidad de medida más adecuada para el tipo de artículos que vas a vender (cms, mts…).

Valoraciones: WooCoomerce ofrece un sistema de valoración de nuestros productos basado en un sistema de puntuación y comentarios que nuestros clientes pueden usar. Desde estas opciones podemos activarlo o desactivarlo, requerir que para puntuar un producto el cliente tenga que valorarlo o ser necesario que el cliente haya comprado el producto para poder puntuarlo. Marcaremos las opciones que necesitemos.

Inventario

Gestionar inventario: Podemos habilitar la gestión del inventario en caso de que tengamos productos limitados, (por ejemplo un artículo digital puede tener stock infinito, pero uno físico no).

Mantener en inventario (en minutos): Aquí podemos especificar cuántos minutos vamos a tener reservado un producto hasta que el pedido sea procesado. Por ejemplo si tenemos 5 unidades de un producto, y un cliente añade el producto al carrito, el inventario se actualizará a 4 unidades durante el tiempo en minutos que configuremos aquí (por defecto 60), si pasado ese tiempo el pedido no se ha realizado, se cancelará el pedido y el stock volverá a 5 unidades. Si lo dejamos en blanco desactivaremos esta opción, aunque nos arriesgamos a que dos clientes puedan estar comprando al mismo producto al mismo tiempo.

Avisos: Podemos activar que WooCommerce nos avise cuando queden pocas existencias de un producto o éste se haya agotado.

Destinatario(s) de los avisos: Introduciremos una dirección de e-mail donde se enviarán las notificaciones de poco stock o stock agotado.

Umbral de pocas existencias: El aviso se enviará cuando el artículo llegue a las unidades especificadas en este campo.

Umbral de inventario agotado: Al igual que con el umbral de pocas existencias, aquí especificaremos cuando se entiende que un producto está agotado.

Visibilidad de inventario agotado: Configuramos si un artículo agotado es mostrado en el catálogo de productos o por el contrario lo ocultará. Dependerá de la política de nuestra tienda. Puede ser que nos interese mostrar únicamente productos en stock para no despistar a nuestro cliente o puede ser que nos interese que el cliente sepa que trabajamos un producto aunque en este momento no dispongamos de él.

Formato de visualización del inventario: Este apartado nos ofrece opciones interesantes, como por ejemplo, mostrar la cantidad de existencias de un artículo, o que aparezca un aviso de pocas existencias, esto suele funcionar muy bien, ya que cuando nos interesa un producto y vemos ¡solo quedan 2 unidades! el temor a quedarnos sin él nos lleva a la impaciencia por comprar.

Productos descargables

Método de descarga de archivos: Si estamos vendiendo archivos descargables, es muy importante que las URLs de estos archivos se mantengan ocultas. Formzar descargas mantendrá estas URLs ocultas. Si nuestro servidor lo soporta, podemos activar X-Accel-Redirect para mejorar la entrega de archivos de gran tamaño (consulta en tu proveedor de hosting).

Restricción de acceso: Podemos configurar si para descargar se quiere iniciar sesión y si concedemos acceso a los productos descargables tras finalizar el pago, o tras configurar si el proceso de compra se ha completado.

Nombre de archivo: Podemos añadir una cadena única al nombre del archivo para mayor seguridad. (Si nuestro directorio de descargas ya está protegido, esto no es neceario).

Una de las características que no vienen de serie en WooCommerce y que debemos buscar externamente es la generación de facturas en los pedidos realizados.

Resulta muy común en cualquier tienda online, que cuando compramos un producto tengamos la posibilidad de descargar la factura desde nuestro área de cliente, normalmente en formato PDF o HTML. Además, muchos clientes pueden demandarlas para justificar sus gastos (en el caso de autónomos y empresas), o para tener un documento oficial legal de la compra del producto en caso de tener que realizar reclamaciones, garantías, etc.

Además, para el caso de países como España, resulta obligatorio que en la factura oficial aparezca el NIF/DNI del cliente, dato que no se registra en WooCommerce por defecto, por lo que debemos encontrar otra solución para poder añadirlo.

En este artículo explicamos paso a paso como hacerlo:

Agregar el campo NIF a los datos del cliente

Para poder pedir a nuestro cliente que nos facilite su DNI/NIF, necesitamos agregar este campo en el formulario finalización de compra o alta de clientes de WooCommerce.

Para ello lo haremos a través de un plugin: Checkout Field Editor (Checkout Manager) for WooCommerce.

Veremos que en el menú principal de WooCommerce tenemos una nueva opción Formulario de pago.

Accedemos a esta sección y aparecerá un listado de campos de formulario dividido en  3 sub-secciones: Billing Fields, Shipping Fields, Additional Fields.

La sección que nos interesa es la de Billing Fields o Campos de Facturación.

Aquí aparecen todos los campos que el usuario puede rellenar cuando finaliza la compra y desde donde los obtendremos para la factura. Para ello podemos, tanto añadir campos nuevos, como editar los ya existentes para indicar que sean obligatorios (Required), editar su etiqueta, etc.

Los campos obligatorios que necesitamos para la factura son: Nombre, Apellidos, Dirección, Ciudad o Municipio, Provincia y NIF.

Lo que necesitamos es añadir un nuevo campo para el NIF, así que pulsamos en el botón + Añadir un campo:

Creamos el nuevo campo con las siguientes características:

• Tipo: Texto (será un campo de tipo texto).
• Nombre: billing_nif (es la variable que guardará el dato. Recordar pues la usaremos más adelante).
• Etiqueta: DNI / NIF (es la etiqueta que aparece antes del campo de formulario).
• Marcador de posición o Placeholder: Ej. 12345678X (es un texto semi-transparente que aparece dentro del campo con un ejemplo de cómo rellenarlo y que desaparece al empezar a escribir en él).

Los demás campos podemos dejarlos por defecto.

Importante es marcar las casillas Obligatorio y Activado para que sea un campo obligatorio a rellenar. Opcionalmente podemos marcar que el NIF aparezca en los e-mails de notificación y en los detalles del pedido.

Nuestro nuevo campo NIF se añadirá al final de la lista de campos, pero podemos moverlo a la posición que deseemos arrastrando el manejador: 

Lo arrastramos hasta situarlo debajo del campo Apellidos.

A partir de ahora, en el momento que un cliente llegue a la finalización de la compra, se le pedirá su NIF, además como campo obligatorio.

Generar facturas automáticas en PDF

Subsanado el problema de que el cliente pueda especificar su NIF para la factura, vamos a instalar otro plugin que va a ser el que genere la factura final en PDF, que puede ser enviada por correo electrónico automáticamente al cliente cuando se completa el pedido y además descargarla desde su área de cliente en el apartado Pedidos.

Para ello instalaremos el plugin: WooCommerce PDF Invoices & Packing Slips

Con este plugin podremos tanto generar facturas en PDF como generar las etiquetas de envío para nuestros paquetes.

Una vez instalado aparecerá un nuevo elemento en el menú principal de WooCommerce, Facturas PDF.

La página consta de tres secciones principales: General, Documentos y Estado.

En la primera sección, General tenemos:

Ajustes generales

¿Cómo deseas visualizar el PDF?

• Descargando el PDF en una nueva pestaña/ventana del navegador.
• Descargado el PDF directamente.

Elige una plantilla

La versión gratuita del plugin solo trae una plantilla Simple, pero si tenemos un poco de conocimientos de HTML/CSS podríamos personalizarla a nivel de colores o esctuctura.

Tamaño del papel

Por defecto está configurado en A4 (folio estándar) y opcionalmente tenemos tamaño Carta.

Modo de pruebas

Es un modo interesante que permite aplicar las últimas modificaciones incluso a documentos que ya han sido generados. Así podemos ver los cambios con una factura ya existente sin necesidad de crear una nueva.

Compatibilidad con símbolo de moneda extendido

Se activa en el caso de que el símbolo de nuestra modena ($), (€)… no se visualice correctamente en la factura.

Activar ajuste de fuentes

Reducirá el tamaño del PDF al usar unas fuentes fijas integradas en el PDF, pero no podremos modificar posteriormente estos archivos. Es recomendable activarlo si usamos fuentes asiáticas, por ejemplo. En nuestro caso lo dejamos desactivado.

Cabecera/logotipo de la tienda

Podemos estampar nuestro logotipo en las facturas añadiendo la imagen desde aquí.

Altura del logotipo

Ajustaremos la altura máxima del logotipo par aque este no ocupe más tamaño del necesario dentro de la factura.

Datos de la tienda

Disponemos de varios campos para configurar los datos nuestra tienda, tales como el nombre, dirección, y pié de página (términos y condiciones, políticas, etc).

Campos extra de la plantilla

Solo se pueden añadir en las plantillas Premium.

Documentos

En esta sección podemos activar el adjunto de la factura en las notificaciones por correo electrónico. Incluso indicar en qué estados del pedido será adjuntada (nuevo pedido, pedido cancelado, pedido fallido, pedido a la espera…).

Lo normal será adjuntarla cuando el pedido sea «Completado«.

Incluso podemos desactivarlo para estados en los que no queramos generar dicha factura:

Mostrar dirección de envío en la factura:

• No.
• Solo cuando sea diferente de la dirección de facturación.
• Siempre.

Otros datos para mostrar en la factura:

• Mostrar dirección de correo electrónico.
• Mostrar número de teléfono.
• Mostrar la fecha de factura (obligatorio).
• Mostrar número de factura (obligatorio).

Establecer número de factura

Por defecto compenzará en 1. Pero tenemos que tener cuidado con modificar este número cuando ya hayamos generado varias facturas, pues podrían generarse números duplicados.

Formato de numeración

Es posible que nos interese, de cara a la contabilidad, añadir un sufijo o prefijo a la numeración de estas facturas, para diferenciarlas de las ventas físicas. La Agencia Tributaria obliga a llevar un número único y secuencial en las facturas, pero si tenemos varios canales de venta, podemos usar estos prefijos/sufijos y llevar la numeración de cada canal de venta por separado.

• Prefijo: Se antepone al número de la factura, por ejemplo WOO-2467.
• Sufijo: Se añade al final de la factura, 2467-WOO.
• Relleno: Podemos usar ceros de relleno para números de pocas cifras, por ejemplo, indicando un 6, rellenará tantos ceros a la izquierda sean necesarios para formar un número de 6 cifras. Para el número de factura 42, generaría 000042. Combinándola con el prefijo, podriamos tener WOO-000042.

Restablecer el número de factura anualmente

Muy útil para comenzar la contabilidad del año. El número de factura se restablecerá en 1, al comienzo del año.

Permitir descarga de facturas en la página Mi cuenta

Daremos la posibilidad al cliente de descargar una copia de su factura desde su cuenta. Podemos configurar las condiciones:

• Descargar solo cuando ya se haya creado/enviado una factura por correo electrónico.
• Descargar solo para estados de pedido específicos, como pedido completado.
• Descargar siempre.
• No descargar nunca.

Activar la columna de número de factura en pedidos

Añade una nueva columna en el listado de pedidos de WooCommerce mostrando el número de factura correspondiente a cada pedido (si existe).

Desactivar para pedidos gratuitos

No se generará una factura si el importe del pedido es 0.00.

Usar siempre los ajustes más actuales

Todos los cambios que hagas en este apartado se actualizarán a los nuevos documentos ya generados. Si por ejemplo, cambias el nombre de la tienda, las facturas que hayas generado con el nombre antiguo serán actualizadas. Actívalo solo si estás seguro de que esto no te casudará algún problema.

Estado

En este apartado tenemos algunos ajustes interesantes, aunque la mayoría están enfocados a desarrolladores y pruebas.

Permitir el acceso a invitados

Permite a los clientes que no tienen cuenta en nuestra tienda descargar su factura accediendo con una clave única.

Calcular números de documento

El número de factura se calcula en base a la tabla de la base de datos que almacena las facturas y que por defecto está configurada en AUTO_INCREMENT. Pero si por algún motivo este ajuste no está en nuestra base de datos y observamos que los números de factura no se generan secuencialmente y de uno en uno, podemos activar esta opción para que sea un script interno el que calcule el siguiente número de factura.

Para los nuevos pedidos completados, la factura se generará automáticamente, pero para los pedidos existentes o con pago offline, podremos generar la factura desde la página de edición del pedido:

Y según nuestros ajustes, cargará automáticamente la factura en una nueva pestaña del navegador:

Sin embargo seguimos teniendo un problema, y es que el NIF/DNI no aparece en la plantilla de la factura.

Agregar NIF del cliente a la plantilla de la factura

Antes de modificar la plantilla «Simple» de factura, tal y como nos recomiendan desde el propio plugin, vamos a hacer una copia del contenido del directorio wp-content/plugins/woocommerce-pdf-invoices-packing-slips/templates/Simple al directorio de nuestra plantilla activa (se recomienda usar un child-theme de Storefront), por ejemplo wp-content/themes/storefront/woocommerce/pdf/mifactura.

Con esto prevenimos que cuando actualicemos el plugin, se rompan las modificaciones que hemos hecho a la plantilla.

Del mismo modo, es recomendable usar un child-theme de nuestra plantilla principal, para que cuando actualicemos Storefront, no perdamos tampoco las modificaciones realizadas al tema.

Publiqué un artículo sobre cómo crear fácilmente temas hijos a partir del tema principal:

Una vez copiados los archivos al directorio del tema, tenemos que volver a seleccionar la plantilla de factura en los ajustes generales del plugin:

Para agregar el campo NIF a la plantilla de factura, tenemos que localizar el archivo invoice.php que anteriomente hemos copiado al directorio «mifactura» de nuestro tema.

Esta plantilla puede variar en futuras versiones del plugin, lo importante es localizar la parte del código donde empiezan a mostrarse los datos del cliente y que suelen estar en Billing Address:

Y añadimos la siguiente línea:

<div class="nif_cliente">
NIF: <?php echo $order->get_meta('billing_nif');?> 
</div>

Donde billing_nif es la variable que guarda el NIF del ciente:

La clase del div es opcional, por si queremos aplicarle algún estilo CSS.

Si ahora generamos una factura, veremos que el NIF aparece al principio de los datos del cliente:

Y hasta aquí hemos llegado al último capitulo del curso de WooCommerce. Espero que te haya sido de utilidad y sigue atento al Blog para más noticias y novedades.

¿Qué hacer cuando un cliente realiza un pedido en nuestra tienda?, ¿dónde veo los datos y cómo se gestiona?

Cuando se realiza un pedido, además de recibir una notificación por correo electrónico (siempre que lo hayamos configurado en los ajustes de Notificaciones, ver capítulo Correos electrónicos), también podemos revisarlo en el apartado pedidos de WooCommerce.

Los pedidos se gestionan dentro del menú principal de WooCommerce – Pedidos.

A simple vista en el listado de pedidos podemos visualizar el número de pedido, la fecha, el estado y el importe total.

Tenemos que tener en cuenta que el número de pedido se calcula según el siguiente número de Post de WordPress, por lo que es muy posible que entre un pedido y otro haya varios números de diferencia.

También tenemos un pequeño icono con forma de ojo donde podemos ver de forma rápida los detalles del pedido:

El cliente también verá el estado del pedido desde su cuenta:

El estado de un pedido pendiente de pago, queda en espera. Normalmente una pasarela de pago que devuelve una respuesta correcta, el estado cambiaría automáticamente a completado, pero si estamos usando métodos de pago offline, podemos gestionar el estado desde la propia edición del pedido:

En el modo edición de pedido podemos acceder a todos los detalles e incluso modificar algunos apartados.

En esta pantalla podemos ver todos los datos del pedido:

• La fecha y hora a la que se realizó.
• El estado actual del pedido.
• La cuenta del cliente.
• Los datos de facturación.
• Los datos de envío.
• Los artículos comprados.
• Los importes y desgloses finales de precio de artículos, costes de envío, impuestos, y total.

Es muy práctico poder modificar datos como los de facturación o envío en caso de que el cliente los haya cumplimentado mal o no haya especificado alguno necesario.

También se nos ofrece la posibilidad de modificar el importe de los artículos comprados. Se puede dar situaciones en que un producto contenga un precio erróneo, y tras contactar con el cliente y llegar a un acuerdo, optemos por modificarlo en el propio pedido.

Otra interesante opción es que podemos añadir más artículos al pedido de forma manual haciendo clic en Añadir producto(s), aplicar un cupón o incluso reembolsar el pedido.

En la columna derecha de la pantalla tenemos otras herramientas interesantes como las notas del pedido.

WooCommerce añade notas de forma automática cuando se produce algún evento en el pedido. Por ejemplo nos informa de la reducción de stock de los artículos pedidos, el estado del pedido, el estado de pago, etc.

Nosotros podemos añadir notas al pedido en el campo Añadir nota y seleccionando Nota privada:

O podemos enviar una nota a nuestro cliente, seleccionando Nota al cliente:

Antes comentábamos que podíamos seleccionar otros estados del pedido, como por ejemplo: Pendiente de pago, Cancelado, Reembolsado, Fallido. Estos estados podemos seleccionarlos desde el campo Estado de pedido, y dependiendo de las circunstancias.

Todos los cambios de estado pueden ser notificados al cliente mediante correo electrónico siempre que lo hayamos configurado en el apartado de Notificaciones.

Si hemos terminado de tramitar el pedido podemos seleccionar el estado a Completado, guardar el pedido y si lo necesitamos, realizar alguna de las acciones disponibles:

• Enviar los detalles del pedido al cliente.
• Volver a enviar el aviso de nuevo pedido.
• Regenerar los permisos de descarga

Como vemos, es muy sencillo tramitar pedidos en WooCommerce y este nos ofrece muchas posibilidades de edición para cualquier circunstancia que se nos pueda presentar (datos del cliente erróneos, errores en precios, pedidos pendientes de pago, necesidad de añadir o quitar artículos de un pedido, cancelación de un pedido, devoluciones, etc).