Existe en WooCommerce un tipo de producto llamado producto externo/afiliado que nos permite tener en nuestra tienda productos gestionados por otras páginas web. En caso de venta de algunos de estos productos podemos llevarnos una comisión a través de los conocidos «programas de afiliados«.
De esta manera podemos tener un blog con mucho tráfico y una sección con una tienda online donde promocionamos productos de terceros que recomendamos en nuestros artículos y llevarnos a fin de mes una buena comisión por las ventas de los mismos. Un claro ejemplo de estos programas son los que implementa Amazon, eBay, o en casos más cercanos a la Comunidad WordPress como los de AyudaWP (de Fernando Tellado) o SiteGround.
¿Cómo crear un producto externo o afiliado?
Al igual que el resto de los productos debemos asignarle un título, descripción, categoría y/o etiquetas e imágenes tal como se describe en el artículo del formulario de alta de producto de WooCommerce. Y ahora sí veamos los campos propios para este tipo de producto:
Tipo de producto: En el desplegable seleccionamos el tipo de producto «Producto externo/afiliado» y notaremos que se quitan algunas pestañas y que se agregarán nuevos campos a la sección general.
URL del producto: En este campo incluiremos el enlace al producto externo. Si tenemos cuenta de afiliados no olvidéis incluir vuestro identificador en el enlace. Por ejemplo mi enlace de afiliado a SiteGround es: https://www.siteground.es/index.htm?afcode=47e0e8592fbb34bc5ee962677ee34045 donde el valor del parámetro afcode corresponde a mi cuenta de usuario en dicha empresa.
Texto del botón: Podemos cambiar el texto del botón para la compra de nuestro producto externo. El valor por defecto es «Comprar productos».
Precio normal: Obviamente que aquí no hay nada automatizado, seremos nosotros quienes debemos especificar el precio del producto externo y tendremos que estar atentos a modificarlo en caso de que su valor varíe también varíe.
Precio rebajado: En caso de que el producto tenga una promoción de precio reducido podremos especificarlo a través de este campo y sus respectivos campos de fecha.
Una vez completados todos los campos tendremos un producto en nuestra tienda online aunque toda la gestión la realizará la propia empresa del producto y nosotros nos llevaremos una comisión por la venta realizada.
Ejemplo de la venta de un servicio externo de SiteGround en nuestra tienda con WooCommerce.
Antes de ver los pasos para crear un producto agrupado primero debemos saber a qué nos estamos refiriendo con este término. Un «producto agrupado» es un producto más dentro de nuestra tienda online pero que no puede venderse como tal, sino que engloba a otros productos de similares características con el único fin de que el usuario pueda acceder a distintos productos sin tener que navegar por toda la tienda y por ende conseguir más ventas.
Vamos a ver un ejemplo: Cuando vamos a IKEA indefectiblemente tenemos que seguir todo un recorrido infernal por el cual hay muchos sets montados. Un set de cocina, un set de baño, un set de comedor o sets para distintas superficies de apartamentos. En cada set hay un conjunto de productos que lo conforman con sus respectivos precios. El cliente puede tener una visión general de cómo queda todo montado y puede comprar todos o algunos de los elementos que lo conforman. De esta manera los productos consiguen una mayor venta si se exponen en conjunto que si se exponen en forma individual.
Los sets de IKEA son un claro ejemplo de los productos agrupados de WooCommerce.
Listado de productos de IKEA que conforman el set (producto agrupado en WooCommerce) de cocina.p
Podemos lograr este mismo tipo de resultado con nuestra tienda online de WooCommerce creando un «producto agrupado» que viene por defecto en el core del software. Ahora sí, vamos a ver los pasos que hay que seguir para crear uno de estos productos.
Crear un producto agrupado en WooCommerce
Antes de crear un producto agrupado es necesario tener registrado todos los productos que lo conformarán. Para ello podemos utilizar los pasos del tutorial «creando un producto simple en WooCommerce«.
Datos del producto: En el selector debemos elegir el valor «Producto agrupado» el cual ocultará muchas de las opciones de las pestañas.
Productos agrupados: En la pestaña de «Productos vinculados» debemos indicar cuáles son aquellos productos que formarán nuestro producto agrupado. Al igual que el resto de los campos donde debemos especificar productos, basta con escribir las tres primeras letras del productos para que el sistema nos muestre un selector con los posibles resultados.
El resto de las pestañas tienen las configuraciones que ya hemos visto en el artículo de producto simple. En el campo para dar de alta la imagen destacada y en la galería del producto podemos incluir imágenes del «set» que incluya todos los productos agrupados para potenciar la venta de los mismos.
Prueba dar de alta un producto agrupado y te espero en el siguiente artículo donde hablaremos sobre los productos externos o afiliados.
En este artículo voy a detallar los pasos necesarios para crear un producto simple explicando todas las posibles configuraciones sobre envíos, stock, inventario, productos vinculados y configuraciones avanzadas.
En todos los tipos de productos deberemos completar la siguiente información básica: el título, el contenido del producto, la descripción corta, las taxonomías (categorías y etiquetas), imagen destacada y galería de imágenes. Si no recuerdas de qué se trata alguno de estos campos, siempre puedes releer el artículo sobre el formulario de alta de nuevos productos de WooCommerce.
Y ahora sí nos centraremos en las distintas secciones del apartado de «datos del producto«.
Pestaña general
Pestaña general de un producto simple de WooCommerce
Tipo de producto: Selector de tipo de productos. En este artículo nos estaremos enfoncando en el tipo de producto simple.
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. Marcar un producto como virtual ocultará la pestaña de «Envío«.
Descargable: Si el producto es «virtual» el mismo puede marcarse como descargable, como por ejemplo en el caso que queramos vender un libro electrónico, un template para Photoshop, un MP3, etc.
Posibles ejemplos del juego entre estas dos últimas opciones:
La suscripción a una página web podría ser virtual pero no descargable.
La venta de un servicio podría ser virtual pero no descargable.
La venta de un MP3 es la unión de ambas opciones, virtual y descargable.
Precio normal: ¿Cuál es el precio normal del producto? Ten en cuenta cómo estás aplicando los impuestos al producto. Lo idea sería que pongas el valor sin los impuestos aunque cada negocio es único.
Precio rebajado: Con este campo puedes ofrecer rebajas a tus clientes. La misma puede ser permanente o bien puedes configurar un lapso de tiempo con los campos «Fechas del precio rebajado» (punto 6 y 7).
Fechas del precio rebajado: En este campo podemos especificar el inicio y fin de un precio rebajado del producto.
Estado del impuesto: En este selector podemos a qué aplicar los impuestos: productos, envío o ninguno de los dos.
Clase de impuesto: En este desplegable podemos seleccionar qué tipo de impuestos aplicar al producto y/o envío. Veremos en un artículo cómo poder gestionar los impuestos.
Pestaña de inventario
SKU: Esta sigla que en inglés significa «Stock-keeping unit» hace referencia al número de código del producto. Si tenemos algún sistema externo de gestión de productos podremos especificar el número identificatorio del producto para llevar el control del stock. Tiene que ser único y tener un formato de manera tal que no sea igual al identificador de WooCommerce (ID).
¿Gestión de inventario?: Podemos marcar esta casilla si queremos que WooCommerce administre el inventario de nuestro producto.
Cantidad del inventario: En caso de activar la casilla de «gestión de inventario» podemos especificar con cuánto stock contamos del presente producto.
¿Permitir reservas?: En el supuesto caso que nos quedemos sin stock de un producto ¿Permitimos reservas de productos? Podremos especificar entre:
No permitir: sería el caso más común.
Permitir, pero se avisará al cliente: El usuario podrá reservar el producto aunque saldrá un mensaje que momentáneamente no hay stock.
Permitir: El cliente podrá solicitar el producto haya o no haya stock sin ser notificado.
Estado del inventario: En cualquier momento podremos cambiar el estado de nuestro inventario pudiendo elegir entre «Hay existencias» y «Agotado».
Vendido individualmente: Si se activa el usuario solo podrá comprar un artículo por orden de compra.
Pestaña de envío
Se puede deducir que esta pestaña la utilizaremos para detallar las distintas medidas del producto para su posible envío por correo. Veamos los puntos:
Peso: Especificaremos el peso de nuestro producto el cual servirá de información para nuestro cliente. La unidad de peso es aquella que hemos indicado en el asistente rápido de configuración. También puede modificarse desde los ajustes de WooCommerce.
Dimensiónes: Especificaremos la longitud, anchura y altura del producto a modo de información para el cliente.
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.
Pestaña de productos vinculados
Los campos «Ventas dirigidas» y «Ventas cruzadas» funcionan de la misma manera. En ambos casos escribes las 3 primeras letras de un producto y aparece un listado con los productos filtrados para seleccionarlos y asignarlos a cada uno de los campos. Podemos agregar a estas campos cuantos productos deseemos. Ahora bien, ¿Qué son las ventas dirigidas y cruzadas?
Ventas dirigidas
Los productos señalados como «ventas dirigidas» son alternativas al producto actual. Es decir, si el usuario está viendo un producto «Camiseta Gris» tendrá una sección al pie con otros productos similares al que está viendo. De esta manera si el producto original no le gusta puede encontrar uno más acorde a sus gustos en este nuevo apartado. O cuando estás en un supermercado viendo cervezas de trigo, lo más lógico es que las ordenen de manera tal que si no te apetece una tengas otra opción muy cercana. De esa manera se logra reducir la pérdida de posibles ventas.
Listado con productos de ventas dirigidas de WooCommerce
Ventas cruzadas
El objetivo de las ventas cruzadas es tratar de vender nuevos productos además del actual. Además este listado de productos se muestra en la página de «Carrito» de WooCommerce, es decir, una vez que el cliente ya ha añadido un producto a su cesta. Por ejemplo, el usuario que compró la «Camiseta Gris» puede también interesarle un «Vaquero azul» para que haga juego con la camiseta. O cuando vamos al supermercado y junto a las cervezas hay paquetes de patatas fritas, un producto va perfectamente con el otro. De esta manera se consigue una mayor venta de los productos que si se vendieran por separados.
Listado de productos de venta cruzada
Pestaña de atributos
Los atributos, junto con las categorías y las etiquetas, es una manera más de agrupar los productos. En este caso todos los atributos que asignemos a un producto simple tendrán la misma configuración (precio, dimensiones, formas de envío, impuestos, etc). En caso de que el producto varíe según la selección de un atributo, como la talla de una camiseta por ejemplo, estamos hablando de un «producto variable» que veremos en artículos posteriores.
Veamos a continuación cómo definir atributos para un producto simple:
Atributo de producto personalizado: En este selector se puede elegir todos los atributos que hemos dado de alta en las sección de «Atributos» de WooCommerce. Lo veremos en un artículo más adelante.
Selector de atributos personalizados de un producto de WooCommerce
Color: Una vez que seleccionamos un atributo, «color» en este caso, se despliega un nuevo formulario con las siguientes opciones:
Valores: Aquí podremos seleccionar aquellos valores que hemos dado de alta en el atributo o bien generar nuevos. Por ejemplo para el caso de la «Camiseta gris» podríamos seleccionar el valor «Gris» del atributo «Color».
Visible en la página de productos: En caso que marquemos esta casilla la página del producto mostrará una nueva pestaña con los valores del atributo que hayamos especificado.
Pestaña con atributos del producto.
Pestaña avanzado
Os digo la verdad, no sé por qué han llamado «avanzado» a esta pestaña cuando solo hay un par de campos muy simples. Yo le hubiese puesto un «No sé donde poner esto». En fin, vamos al detalle de los campos:
Pestaña avanzado de un producto de WooCommerce
Nota de compra: Podemos escribir en este campo una nota opacional para enviar al cliente luego de realizada la compra.
Orden del menú: Se puede especificar un número para ordenar en forma manual el listado de los productos.
Activa las valoraciones: En caso de estar activado la página del producto muestra una pestaña con las valoraciones de los usuarios y su respectivo formulario.
Una vez instalado el plugin de WooCommerce y realizadas las primeras configuraciones con el asistente rápido de instalación vamos a conocer en detalle cada sección del formulario de alta de productos (podemos acceder a esta página en el menú Productos»Añadir producto).
Formulario de alta de nuevo producto de WooCommerce
Nombre del producto: Aquí especificaremos el nombre completo del producto. Tened en cuenta que el sistema utilizará este campo para las búsquedas de nuestros clientes y también es el campo principal para la indexación en los distinto motores de búsqueda.
Contenido de nuestro producto: Aquí podemos explayarnos y describir nuestro artículo con lujo de detalle. Incluid todos los puntos importantes del producto con un texto agradable, que motive al usuario a comprar nuestro producto. Para ello podemos utilizar todas las herramientas del editor de texto (negrita, itálica, lista desordenada, lista ordenada, justificaciones, enlaces, imágenes, videos, etc). A veces, por al falta de tiempo, nos veremos tentados a copiar y pegar la descripción del producto extraída del fabricante o bien de otra web ¡No lo hagáis! Google se dará cuenta que estamos replicando contenido de otra web y nos penalizará en las posiciones de su motor de búsqueda.
Publicar: Desde esta sección podremos controlar el estado de nuestro artículo. El mismo puede estar publicado, privado, programado a futuro, protegido con contraseña, pendiente de aprobación, etc.
Categorías: En esta caja podemos asignar nuestro producto a una categoría o subcategoría específica. En caso de querer una nueva categoría podremos darla de alta pinchando en el enlace con la leyenda «Añadir nueva categoría«. Nuestra tienda online viene preparada para listar a nuestros usuarios todos los productos de una misma categoría.
Datos del producto: Esta es la sección más importante ya que es donde describiremos cómo es y cómo debe comportarse nuestro producto dentro de la tienda online. No os preocupéis por todas las opciones que veis ya que iremos detallando cada seccion en los posteriores artículos. Basta con decir que en esta sección especificaremos el tipo de artículo (físico, virtual, agrupado), precio, envíos, inventario, si tiene productos relacionados, atributos y otras configuraciones avanzadas.
Etiquetas: Al igual que las categorías podremos agrupar nuestros productos con distintas etiquetas para luego poder filtrar las búsquedas del cliente.
Imagen del producto: Aquí debemos especificar la imagen principal de nuestro producto. La misma tiene que ser de calidad, que llame la atención de nuestro cliente y cuidando que su peso no sea excesivo (a mayor peso más tardará en cargar en la web).
Galería del producto: Es ideal que agreguemos más imágenes de nuestro producto o servicio para que el cliente pueda tener una mejor visión de lo que ofrecemos.
Descripción corta del producto: Nuestra web muestra una pequeña descripción junto con las imágenes. Este es el campo que debemos rellenar para mostrar dicha información.
Una vez cargada toda la información podemos ver al resultado en el Frontend. Repliqué los mismos puntos en la captura de pantalla para identificar cómo se aplican los datos en la tienda online.
Resultado en el frontend de la carga de un nuevo producto
Una vez que activamos el plugin de WooCommerce el administrador de WordPress nos redireccionará a un asistente de instalación rápida donde podremos especificar nuestros primeros ajustes de la tienda online. Son solo 4 pasos donde indicaremos configuraciones mínimas sobre localización de la tienda, envíos, impuestos y pagos. Vamos a detallar cada uno de estos pasos para que no te pierdas en el proceso.
Mensaje de bienvenida del asistente de configuración rápida de WooCommerce.
Primer paso – Instalación de páginas
Para que WooCommerce funcione correctamente es necesario que el asistente instale algunas páginas en nuestro WordPress. Para su correcta instalación basta simplemente con que pinchemos en el botón con la leyenda «Continuar». Cada una de estas páginas tiene una funcionalidad específica que describiré a continuación:
Tienda: esta página tendrá el listado principal de productos. El orden y la cantidad de productos se puede modificar luego desde las configuraciones de WooCommerce.
Carrito: esta página contiene toda la información del carrito actual del usuario. Desde allí podrá modificar sus compras para luego continuar con el proceso de pago.
Finalizar compra: el usuario verá en esta página las distintas opciones de pago para su carrito de compra.
Mi cuenta: desde esta página los usuarios pueden ver y modificar sus datos y el historial de compras realizados en la web.
Por supuesto que tanto el nombre de las páginas como su posición en el menú pueden configurarse desde las opciones de WooCommerce una vez finalizado todos los pasos del asistente.
Formulario de instalación de páginas del asistente de configuración de WooCommerce
Segundo paso – Localización de la tienda
No es lo mismo que tu tienda online esté en los Estados Unidos o España, las unidades de medidas, de peso y las monedas son diferentes en cada país. Es por ello que en este segundo paso debemos especificar un conjunto de datos para que nuestros productos muestren la información correcta a nuestros clientes y podamos también gestionar apropiadamente los envíos de los mismos:
¿Dónde está tu tienda?: Aquí se debe especificar la ciudad y país donde estará tu tienda online. Da igual si no tienes una tienda física.
¿Qué moneda utilizarás en tu tienda?: Aquí deberás especificar la moneda con la que pagarán tus posibles clientes (tal vez gestiones tu tienda desde Inglaterra (£) pero tus clientes objetivos residen en España(€)).
¿Qué unidad de peso debería usarse para los productos?: Al igual que el punto anterior, debemos especificar las unidades de peso correcta para nuestro clientes objetivos (libras, gramos, kilogramos u onzas).
¿Qué unidad de medida debería usarse para los productos?: Podremos elegir entre metro, centímetro, milímetro, pulgadas o yardas.
Formulario de localización de la tienda en el asistente de configuración rápida de WooCommerce
Tercer paso – Envíos e impuestos
Este paso es un poco más simple ya que solo deberemos activar o desactivar ciertas funciones:
¿Enviarás los productos?: Si nuestros productos son físicos y necesitamos enviarlos luego de una compra debemos activar esta opción. Luego en las configuraciones de WooCommerce podremos especificar distintos precios según el origen de la compra.
¿Vas a cobrar impuestos en tus ventas?: Debemos activar esta casilla si nuestro país exije el cobro de impuestos por la venta de nuestros productos. Si en el paso anterior especificamos que nuestra tienda está en España automáticamente se configurará un impuesto del 21% correspondiente al IVA.
¿Cómo introducirás los precios del producto?: En esta opción debemos indicar si vamos a incluir o no los impuestos al precio del producto. Las posibles opciones a elegir son:
«Voy a introducir los precios con impuestos incluidos«
«Voy a introducir los precios sin impuestos«
Formulario de envíos e impuestos en el asistente de configuración rápida de WooCommerce
Cuarto paso – Formulario de pago
Por defecto WooCommerce permite pagos con y sin conexión aunque estas funcionalidades pueden extenderse luego con la instalación de nuevos plugins. En este formulario debemos indicar qué metodos de pago aceptaremos en nuestra tienda online. Las opciones por defecto son las siguientes:
PayPal Express: Método de pago que acepta tarjetas de crédito y saldo PayPal. La venta es más rápida ya que el cliente reutiliza la dirección que especificó en su cuenta de PayPal. Estas son sus comisiones.
PayPal Estándar: Método estándar de pago con tarjeta de crédito y saldo PayPal. El cliente debe completar los formularios en la misma tienda online. Las comisiones son las mismas al primer caso.
Pagos por cheque: Método de pago sin conexión. El producto se marca cómo vendido aunque no se ejecuta su envío hasta tanto se recibe y se cobra el cheque.
Pagos por transferencia bancaria: Método de pago sin conexión. El producto se marca como vendido aunque no se ejecuta su envío hasta tanto se haga efectiva la transferencia en nuestra cuenta bancaria.
Pago contrareembolso: El cliente pagará por el producto cuando lo reciba en su casa. Veremos más detalles sobre esta forma de pago en el artículo de pasarelas de pago.
Formulario de pagos en el asistente de configuración rápida de WooCommerce
Quinto paso – ¡Enhorabuena, ya has terminado!
Si todo ha salido correctamente tienes que haber llegado al último paso del asistente de instalación. Aquí ya solo verás opciones para ayudar a mejorar el producto (esta es la información que compartirías), como así también una serie de tutoriales para crear tus productos y demás configuraciones. ¡Enhorabuena, ya tienes tu tienda online instalada!
Último paso en el asistente de configuración rápida de WooCommerce
WooCommerce es una de las tecnologías para tienda online más utilizada en el mundo y tal vez la facilidad en su instalación y configuración de sus opciones sea uno de los puntos claves de este éxito. Si eres nuevo y no sabes por dónde comenzar sigue los pasos de este artículo para poner en marcha tu emprendimiento web.
¿Qué necesito de antemano?
Para poder instalar WooCommerce necesitamos indefectiblemente tener un WordPress activo. WooCommerce es un plugin que funciona dentro del ecosistema de WordPress y que se instala como cualquier otro plugin aunque tiene una serie de configuraciones específicas que veremos en los próximos artículos.
¿Cómo instalo WooCommerce?
Como hemos dicho anteriormente WooCommerce es un plugin de WordPress y como tal puede instalarse directamente desde el mismo entorno del Administrador manual o automáticamente. Vamos a ver los dos pasos:
Instalando WooCommerce en forma automática
Para instalar el plugin WooCommerce en forma automática debemos acceder al menú Plugins » Añadir nuevo y ejecutar los siguientes pasos:
En la caja de texto escribiremos la palabra «WooCommerce» y luego de unos segundos aparecerá el plugin como primer resultado.
Luego pinchamos en el botón «Instalar ahora». Esta acción descargará del repositorio el plugin de WooCommerce a nuestro WordPress.
Una vez que haya terminado la instalación el botón cambiará su texto a «Activar». Pincharemos nuevamente para activar el plugin y comenzar el proceso de configuración básica.
Instalando WooCommerce en forma manual
Para instalar WooCommerce en forma manual debemos buscarlo primero en el repositorio de plugins de WordPress. En la caja de texto escribimos WooCommerce.
Una vez que hayamos encontrado el plugin pinchamos en el botón «Descargar» para bajarnos un fichero .zip con todo lo necesario.
Una vez que tengamos el fichero descargado procederemos a instalarlo en WordPress a través del formulario del menú Plugins » Añadir nuevo.
Pincharemos el botón con la leyenda «Subir plugin» para que se depliegue el formulario con los puntos 2 y 3.
Al pinchar en «Choose file» se desplegará el explorador de ficheros de nuestro ordenador. Allí debemos buscar el fichero .zip que hemos descargado en el paso anterior.
Una vez que hayamos seleccionado el fichero pinchamos en el botón con la leyenda «Instalar ahora».
Este proceso subirá el fichero comprimido a nuestro servidor de WordPress, lo descomprimirá, realizará las verificaciones necesarias y por último instalará el plugin. Si todo ha salido correctamente deberemos pulsar el botón «Activar» para terminar el proceso de instalación.
Seguro tienes una idea en mente para vender tus productos o servicios en internet y estás buscando alguna solución rápida, sencilla y sobre todo económica. Para ello existe una gran variedad de software aunque WooCommerce está muy por encima en porcentaje de uso con respecto a sus competidores. Este elevado uso tendrá una explicación ¿No? En este artículo voy a explicarte 10 razones importantes para hacer de este plugin una de las primeras opciones para el desarrollo de nuevas tiendas online.
¡Es gratis!
Sí, lo que has leído. WooCommerce es totalmente gratis. Es un plugin que se añade a tu sitio web WordPress y automáticamente se convierte en una tienda online sin haber gastado un solo euro ¿Crees que no es motivo suficiente? Pues sigue leyendo las demás razones.
Es verdad que existen un montón de extensiones de pago, pero en su versión gratuita podrás vender, utilizar pasarelas de pago, gestionar órdenes de compra y visualizar informes. Vamos, lo mínimo y necesario para empezar a vender tus productos sin ningún tipo de problemas.
Descárgate ya la última versión de WooCommerce del repositorio o bien desde la sección de plugins de tu sitio web de WordPress y haz las primeras pruebas.
Plugin de WooCommerce en el repositorio de WordPress
Desarrollado con código abierto
Al igual que WordPress, WooCommerce es un software de código abierto. Esto significa que podremos ver cómo está desarrollado y también podremos hacer las modificaciones que creamos necesarias para ajustarlo a nuestro negocio ¡Pero cuidado! Nunca se debe modificar el código del plugin de WooCommerce ya que se sobrescribiría con las posteriores actualizaciones.
Para poder modifiar el funcionamiento de WooCommerce replicaremos las plantillas y ficheros de funcionalidad en nuestros temas o bien desarrollando nuevos plugins. Hay bastante información al respecto que veremos más adelante.
Miles de plugins y extensiones
En algunas ocasiones necesitarás algo de funcionalidad extra para adaptar WooCommerce a las necesidades de tu negocio. Para esos casos puedes contar con los cientos de plugins y extensiones que existen para este software. Alguno de ellos son gratuitos y otros son de pago, pero todos extienden la funcionalidad base de la tienda online.
Plugins de pago
A continuación voy a mencionar algunos plugins de pago a modo de ejemplo y que ahorran mucho tiempo/dinero en el desarrollo de un proyecto.
Sensei: Es un extenso plugin de LMS (sistema de gestión de aprendizaje) que nos permite crear cursos, clases, pruebas y exámenes. Cuesta U$S 129,00, un precio irrisorio para toda la funcionalidad que provee.
Bookings: Como su nombre lo indica, este plugin de pago nos permitirá gestionar reservas de todo tipo: turnos, habitaciones, disponibilidades, recursos, etc. Si estáis planeando algún tipo de negocio relacionado con las reservas no lo dudaría, compraría una licencia y me evitaría un gran dolor de cabeza. Este plugin va desde U$S250,00 hasta los U$S450,00 según la cantidad de sitios webs donde queremos implementarlo.
Por más que nos parezcan caro siempre tenemos que hacer el cálculo de cuanto tiempo, esfuerzo y dinero nos costaría si tuviéramos que desarrollar toda esa funcionalidad por nuestra cuenta. Por esos montos tenemos productos muy bien desarrollados, estables y con un gran soporte en materia de actualizaciones de seguridad.
Plugins gratuitos
También hay una gran extensión de plugins gratuitos en el repositorio de WordPress y que pueden ajustarse perfectamente a nuestras necesidades. Mencionaré algunos de ellos:
WooCommerce PDF Invoices & Packing Slips: Este plugin añade automáticamente un PDF con la factura de la compra en el email de confirmación que se le envía al cliente.
Custom Product Tabs for WooCommerce: Con este plugin podemos modificar la visualización de nuestro producto incluyendo un sistema de pestañas.
WooCommerce Wholesale Prices: Podemos añadir precios mayoristas a nuestro sistema de WooCommerce. Intercambiar los precios según el tipo de rol del usuario.
Y así como estos hay otros 3948 resultados con la palabra «WooCommerce» en el repositorio de WordPress con plugins que añaden o modifican funcionalidades o cambios visuales en el frontend. Seguro que por ahí andará lo que estás necesitando para vitaminar tu tienda online.
WooCommerce es WordPress
Si ya has utilizado WordPress con antelación te será muy simple adaptarte a este nuevo plugin. El administrador se verá y seguirá funcionando de la misma manera. Solo tendrás un par de nuevos menús con sus respectivas opciones para configurar todos los aspectos de la tienda online (impuestos, envíos, pasarelas, etc) y los propios para dar de alta los productos y sus taxonomías.
Y si no lo has utilizado nunca no te preocupes porque es muy intuitivo y fácil de aprender.
También hay que agradecer al equipo de traducción de la Comunidad ya que el plugin está traducido en un 100% al español abriendo las puertas a muchas personas que desconocen el idioma anglosajón.
Muy fácil de configurar
WooCommerce viene preparado para que puedas ajustar miles de opciones adaptándose a las necesidades de tu negocio:
Impuestos: Si en el proceso de instalación del plugin seleccionas alguna ciudad española automáticamente se generarán las reglas para aplicar el 21% de IVA a tus productos y servicios. Siempre tienes la posibilidad de poder modificar estos valores y del método para aplicarlos (sumados al precio del producto o precio por separado) o bien añadir nuevos impuestos.
Envíos: ¿Necesitas enviar tus productos? No te preocupes porque el plugin viene equipado con un gran formulario para detallar los gastos de envíos desde donde compren tus productos.
Pasarelas de pago: Podrás especificar de forma gratuita las siguientes formas de pago: PayPal, Stripe, transferencia bancaria, pago a contrareembolso, pagos por cheque y PayPal Express Checkout. Si quieres agregar alguna nueva entidad es muy probable que exista un plugin que te ayude.
Taxonomías: Podrás usar las taxonomías cuando tengas la necesidad de agrupar tus productos bajo un término específico. Para ello cuentas con categorías, etiquetas y atributos.
Apto para todo tipo de productos
Vendas lo vendas seguro que tiene lugar en WooCommerce, ya que está preparado para productos físicos (una zapatilla, un libro, un disco) o productos virtuales (una suscripción, un libro electrónico, un servicio). En el caso de los productos virtuales puede también especificarse si se trata de un producto descargable (como el caso del libro electrónico). También podrás crear productos agrupados para armar tus promociones o bien vender objetos con enlaces de afiliado.
Como puedes ver, no hay producto que no se pueda vender con este plugin.
Informes para todos los gustos
Para los amantes de los números, estadísticas y gráficos, WooCommerce cuenta con un extenso panel de informes listados por órdenes de compra, clientes, stock e impuestos. A su vez los mismos se pueden filtrar por fecha o por búsquedas personalizadas. Todas las gráficas son interactivas, al moverse con el ratón por los distintos valores se van pintando las áreas para una mayor claridad de la información.
Tiene un Frontend fácil de adaptar
Una vez que tengamos la estructura de nuestros datos en el administrador de WordPress es hora de prestarle un poco más de atención al Frontend. Podemos tener los mejores productos con excelente descripciones pero si no va acompañado de un buen diseño dudo que podamos vender algo. Para la parte estética de la tienda contamos con un tema por defecto llamado StoreFront que es gratuito y muy simple de modificar.
Pero si quieres un diseño un poco más apropiado a tu Look&Feel y no puedes gastarte mucho dinero en maquetadores de HTML/CSS siempre puedes acudir a los temas de WooCommerce que ofrece la misma web o bien puedes encontrar una gran variedad de temas en los marketplaces de siempre (ThemeForest, TemplateMonster, ElegantThemes, etc).
Recibir ayuda de la Comunidad
¿Sabías que no estás solo? Detrás de estas tecnologías hay una gran cantidad de personas dispuestas a ayudarte con cualquier problema que pueda surgirte. Para ello hay foros de soporte en español, Meetups y hasta eventos internacionales llamados WooConf donde se reunen desarrolladores, emprendedores, entusiastas y aprendices para compartir todos los secretos de este gran plugin.
Es seguro, muy seguro.
WooCommerce es la plataforma más segura de comercio electrónico. Está monitoreada por los desarrolladores del plugin líder en seguridad: Sucuri. Además hay miles de personas que velan también para que todo funcione correctamente e informan a la comunidad ante cualquier desperfecto para que de inmediato sea corregido y distribuido con las actualizaciones de seguridad. Así que prepárate un trago y relájate, que tu WooCommerce está bien vigilado
Nunca está de más tener un tutorial a mano para saber cómo buscar e instalar un plugin. Sobre todo cuando en el día de ayer (28 de marzo del 2017) han implementado grandes cambios visuales y de búsqueda en el directorio de plugins de WordPress.org. Pero como, siempre vamos a comenzar desde lo más básico.
¿Qué es un Plugin?
Un plugin es un módulo que podemos instalar en nuestro WordPress para agregar una funcionalidad extra. Su nombre en inglés tiene un simple juego de palabras: «plug» e «in» que significaría conectar o enchufar. Hay casi 50.000 plugins disponibles en el directorio de WordPress.org que podemos buscar e instalar en forma gratuita y también encontraremos un montón de información extra para poder determinar cuál se ajusta más a nuestras necesidades. Pero eso lo veremos en unos párrafos más adelante.
El nuevo directorio divide los plugins en las categorías: destacados, populares y beta.
¿Cómo buscar un plugin?
Buscar el plugin de WordPress que cumpla con las necesidades de nuestro proyecto puede ser una tarea difícil. No porque el buscador no funcione bien sino por las palabras claves que indiquemos para su búsqueda.
Por ejemplo si queremos buscar un plugin que duplique nuestras entradas para reutilizar parte de un contenido podríamos buscar en el directorio de plugin con las siguientes palabras claves: «duplicate posts«*.
* si escribimos las palabras claves en inglés obtendremos mejores resultados
Analizando los resultados
Una vez que obtenemos los resultados es muy importante saber leer algunos puntos que determinarán cuál es el plugin que mejor puede funcionar para nuestras necesidades del proyecto. Veamos en el siguiente ejemplo un resultado de búsqueda y toda la información que nos brinda.
Palabras claves de nuestra búsqueda
Título del plugin: A simple vista podemos ver si el título del plugin corresponde o está relacionado con aquella funcionalidad que estamos buscando. En el ejemplo podemos ver que ambos plugins, a simple vista, parecen realizar lo que necesitamos.
Reseñas de usuarios: La comunidad deja sus votos y comentarios sobre el funcionamiento del plugin. Cuantas mayores reseñas y más estrellas tenga más confiable será el plugin. En el ejemplo anterior si tuviéramos que probar con algunos de los dos plugins empezaría con el primero ya que es el que tiene mayor cantidad de reseñas y con una calificación de 5 estrellas.
Descripción del plugin: En este apartado se detallan las funcionalidades básicas del plugin.
Instalaciones activas: Nos indica el número de instancias activas del plugin. Este es otro dato que puede indicarnos la fiabilidad del plugin.
Versión de WordPress: Este dato nos indica hasta qué versión de WordPress fue probado el plugin con éxito.
¿Cómo instalar el plugin?
Ahora que ya hemos elegido correctamente nuestro plugin es hora de instalarlo. Debemos saber que para ello podemos optar entre dos opciones: descargarlo e instalarlo manualmente o bien instalarlo automáticamente mediante el administrador de WordPress. Vamos a detallar ambos casos.
Instalar un plugin en forma manual
Una vez que hayamos elegido el plugin debemos hacer click en el boton «Download» y nos descargará un fichero zip a nuestro ordenador. Luego accedemos al administrador de nuestro WordPress y procedemos a instalarlo desde el menú Plugins » Añadir nuevo donde veremos el siguiente formulario:
Primero debemos hacer click en el botón de «Subir plugin».
Al desplegarse el nuevo formulario haremos click en el botón «Choose file» para que se abra el cuadro de diálogo de nuestro ordenador. Luego buscamos el fichero .zip que descargamos de la web de WordPress.org. Una vez seleccionado veremos el nombre del fichero al lado del botón como muestra la imagen.
Ahora solo nos resta instalarlo pinchando en el botón con el texto «Instalar ahora».
Luego WordPress comienza con la instalación llevándonos a una nueva pantalla con información sobre el resultado de la instalación. Si todo funcionó correctamente solo nos restará activar el plugin haciendo click en el botón «Activar plugin» como vemos en el punto nro. 1.
Instalar un plugin automáticamente desde WordPress
Los desarrolladores del administrador de WordPress han hecho un trabajo excelente para facilitarnos la búsqueda e instalación. Desde el mismo panel de plugins podremos filtrar, seleccionar, verificar todos los puntos antes explicados e instalar nuestro plugin. Vamos a ver los «paso a paso» para esta funcionalidad:
Primer debemos acceder al menú Plugins » Añadir nuevo y luego procedemos a buscar nuestro plugin desde el pequeño formulario que tenemos en la parte superior derecha de la página.
Vemos en el punto el formulario donde debemos especificar las palabras claves para buscar el plugin. Automáticamente el administrador de WordPress empieza a buscar a medida que escribimos las primeras palabras.
Vemos que el administrador devuelve un listado similar al de la página web de WordPress.org con toda la información sobre los posibles plugins a instalar. Hemos hablado de ello en el primer apartado.
Solo nos resta instalar el plugin pinchando en «Instalar ahora». Si la instalación es correcta debemos pulsar el mismo botón que ahora será de color azul y con el texto «Activar» (como se ve en la siguiente imagen en el punto 1).
Si hemos hecho bien todos los pasos ya tendremos nuestro plugin activo. Cada plugin puede tener o no pantallas de configuración y su ubicación en el menú puede también variar.
Título, fecha de publicación, nombre del autor, etiquetas son algunas de las columnas que vienen por defecto en el listado de las entradas, páginas o Custom Post Types, pero ¿Cómo podemos personalizar estas columnas para agregar o reordenar la información que realmente necesitamos?
Columnas por defecto en el listado de entradas de WordPress.
Video Tutorial
Usando el plugin «Admin Columns»
En primer lugar vamos a personalizar las columnas de los listados utilizando el plugin «Admin Columns«. Este plugin nos permite incluir campos personalizados, imágenes destacadas, taxonomías personalizadas, cantidad de palabras, tiempo estimado de lectura, etc.
Una vez instalado y activado el plugin podemos acceder al panel de configuración del plugin en: Ajustes » Admin Columns.
¿Cómo agregar una nueva columna?
En primer lugar seleccionamos el Custom Post Type del listado que queremos modificar (marcado con el número 1). Una vez seleccionado el CPT clickeamos en el boton «+ Adicionar Columna» (punto número 2).
Tipo de columna: En la nueva columna debemos desplegar el campo «Tipo» para seleccionar entre todos los tipos de columnas disponibles. En la documentación del plugin puedes ver en detalle qué tipo de información muestra cada tipo de columna.
Configuración: Según el tipo de columna que selecciones tendrás distintos campos de configuración que ajustar.
Si elegimos el tipo de columna «Imagen Destacada» vemos que podemos configurar el tamaño de la imagen a mostrar en el listado.
Orden de las columnas:
Podemos reordenar las columnas simplemente arrastrándolas hasta su nueva posición.
Resultado final:
Luego de configurar y guardar los campos con el botón «Actualizar» vamos a ver como luce nuestro nuevo listado de entradas.
Tipos de columnas:
El plugin nos permite seleccionar entre 90 tipos distintos de columnas. Menciono alguno de ellos para puedan hacerse una idea del potencial que tiene:
Nombre
Descripción
Configuración
Ejemplo
Acciones:
Muestra los enlaces para editar, ver o borrar el post.
Alias:
Muestra el slug del post.
Cantidad de comentarios:
Muestra el número y el link para administrar todos los comentarios del post.
Estado del comentario: Se pueden filtrar según su estado (aprobado, pendiente, spam ,etc).
Content:
Muestra parte del contenido del post.
Tamaño de extracto: Nos permite seleccionar la cantidad de palabras a mostrar.
Conteo de palabras:
Muestra la cantidad de palabras que conforman nuestro post.
Estimated Reading Time:
Muestra el tiempo que nos llevaría leer el artículo.
Words per minute: Podemos especificar qué cantidad de palabras podemos leer en un minuto para hacer el cálculo.
Featured image:
Muestra la imagen destacada del artículo.
Tamaño de vista previa: Se puede especificar el tamaño con el que se muestra la imagen destacada en la columna (miniatura, medio, largo, completo o personalizado).
Personalizando columnas por código
Los pasos para personalizar por código son los siguientes:
Definir el nombre y el título de las cabeceras.
Recorrer la definición anterior e ir completando con código cada columna.
Definición de nuevas columnas
Para definir las nuevas columnas utilizaremos el filtro manage_{$post_type}_posts_columns donde debemos reemplazar la variable {$post_type} por el nombre correspondiente al listado de nuestro Custom Post Type.
<?php
//Create new columns for the bonos Custom Post Type
function set_movies_posts_columns( $defaults ) {
$defaults = array();
$defaults['title'] = __('Nombre'); // Cambio el nombre de la columna Título
$defaults['genero'] = __('Género');
$defaults['duration'] = __('Duración');
$defaults['director'] = __('Director');
return $defaults;
}
add_filter('manage_movies_posts_columns', 'set_movies_posts_columns');
En el ejemplo anterior estamos asignando 4 columnas (nombre, género, duración y director) a un Custom Post Type llamado «Movies». Ahora debemos indicar por código qué valor tendrá cada columna.
¿Cómo agregar el valor a cada columna?
Para ello utilizaremos una acción llamada manage_{$post_type}_posts_custom_column donde nuevamente reemplazaremos la variable con el nombre de nuestro Custom Post Type.
<?php
function fill_movies_posts_columns( $column_name, $post_id ) {
// Obtenemos todos los valores Post Meta de cada película
$movie_meta = get_post_meta($post_id);
// Recorremos cada columna y asignamos un valor.
switch( $column_name ):
case 'genero':
echo $movie_meta['movies_genero'][0];
break;
case 'duration':
echo sprintf("%s minutos", $movie_meta['movies_duration'][0]);
break;
case 'director':
echo sprintf("<a href='%s' target='_blank'>%s</a>", $movie_meta['movies_director_link'][0], $movie_meta['movies_director'][0]);
break;
endswitch;
}
add_action( 'manage_movies_posts_custom_column', 'fill_movies_posts_columns', 10, 2 );
En el código anterior recorremos fila por fila de nuestro listado y columna por columna para ir completando sus valores. Aquí pongo un simple ejemplo de campos personalizados del artículo pero podría reemplazarse por cualquier código PHP.
Así se ven las nuevas columnas generadas por código.
Cuando hablamos de taxonomías todo las personas recuerdan fácilmente las que WordPress instala por defecto para sus entradas: categorías y etiquetas. Pero también tenemos la posibilidad de crear nuestras propias taxonomías mediante código o plugins para relacionarlas con los Custom Post Types de nuestros proyectos.
¿Que significa el término taxonomía?
Os voy a contar un secreto. Yo creía que las taxonomías eran algo propio de la informática. De hecho escuché de ellas por primera vez a través de WordPress, pero en realidad es un término asociado a la biología para clasificar los reinos animales, vegetales y minerales . Este término nació con el biólogo sueco Carl Linnaeus, a quienes llaman «El padre de la taxonomía moderna».
La taxonomía es la clasificación u ordenación en grupos de cosas que tienen características comunes. En WordPress utilizamos las taxonomías para agrupar y ordenar Post o Custom Post Types.
Por ejemplo: Si tenemos un Custom Post Type «Libros» podríamos tener una taxonomía asociada con los siguiente valores: drama, novela, ficción, terror, etc. De esta manera podemos agrupar u ordenar distintos libros bajo una misma taxonomía «Género».
Sobre este tema di mi primera charla en la WordCamp Bilbao 2016:
Ahora que ya tenemos una primera noción sobre las taxonomías vamos a ver cómo podemos crearlas. Describiré un primer ejemplo utilizando el plugin Custom Post Type UI para aquellas personas que no quieran meterse en líos de código de programación. Y en segundo lugar crearemos la taxonomía según los lineamientos del Codex de WordPress.
Video Tutorial
Crear taxonomías con un plugin
Para crear una taxonomía utilizaremos el plugin Custom Post Type UI el cual debemos tener instalado y activado en nuestro WordPress. Luego haremos click en el menú CPT UI » Add/Edit Taxonomies.
Formulario para crear una taxonomía usando el plugin «Custom Post Type UI».
Vamos a ver en detalle cada campo de este formulario:
Campo
Función
Taxonomy Slug (obligatorio)
El nombre clave que le vamos a dar a la taxonomía. Solo se aceptan caracteres alfanuméricos latinos en minúsculas, los espacios tienen que ser reemplazados por guiones o guiones bajos.
Plural Label (obligatorio)
Nombre en plural que se utilizará en el menú de WordPress.
Singular Label (obligatorio)
Nombre en singular que se utilizará en distintos links y páginas del administrador de WordPress.
Attach to Post Type (obligatorio)
Este campo nos permite asociar la taxonomía a un tipo de Post. En el imagen vemos un Custom Post Type «Coches» que hemos creado en el artículo «Crea tus Custom Post Types sin programar«. Al menos debemos indicar un tipo de post.
Al igual que en la creación de Custom Post Types podemos detallar las traducciones de las etiquetas que se mostrarán en el administrador de WordPress completando el segundo bloque de campos llamado «Additional Labels»:
Formulario para la traducción de etiquetas del plugin «Custom Post Type UI».
Veamos la descripción de algunos de los campos:
Campo
Función
Menu Name
Nombre para el menú del administrador de WordPress.
All Items
Texto para el enlace de «todos los ítems» presente en el submenú de la taxonomía.
Add New
Texto para agregar una nueva taxonomía.
Add New Item
Texto utilizado en la esquina superior izquierda en el formulario de alta de la taxonomía.
Edit Item
Texto utilizado en la esquina superior izquierda en el formulario de edición de la taxonomía.
Search Item
Texto utilizado en el botón de búsqueda en la página de listado de taxonomías.
Una vez que aceptamos estos cambios podemos ver que al dar de alta o editar un Post (al que hemos asociado la taxonomía) aparecerá un nuevo menú para registrar las taxonomías.
Formulario de taxonomías no jerárquicas.
El formulario como pueden ver es idéntico al utilizado para las «etiquetas» en las entradas. Esto se debe a que hemos creado una taxonomía «no jerárquica«. Si necesitamos que la taxonomía se comporte como las «categorías» de las entradas debemos modificar la opción «Hierarchical» a true en la tercer sección de campos llamada «Settings«.
Creando taxonomías por programación
Para crear una taxonomía por programación deberás agregar el siguiente código en tu fichero functions.php de tu tema o bien en el fichero principal del plugin.
<php
// Función para crear una taxonomía
function crear_taxonomia_jerarquica() {
// Definimos un array para las traducciones de la taxonomía
$etiquetas = array(
'name' => __( 'Géneros' ),
'singular_name' => __( 'Género' ),
'search_items' => __( 'Buscar géneros' ),
'all_items' => __( 'Todos los géneros' ),
'parent_item' => __( 'Género padre' ),
'parent_item_colon' => __( 'Género padre:' ),
'edit_item' => __( 'Editar género' ),
'update_item' => __( 'Actualizar género' ),
'add_new_item' => __( 'Agregar un nuevo género' ),
'menu_name' => __( 'Géneros' ),
);
// Función WordPress para registrar la taxonomía
register_taxonomy(
'generos',
array('post'), // Tipos de Post a los que asociaremos la taxonomía
array(
'hierarchical' => true, // True para taxonomías del tipo "Categoría" y false para el tipo "Etiquetas"
'labels' => $etiquetas, // La variable con las traducciones de las etiquetas
'show_ui' => true,
'show_admin_column' => true,
'query_var' => true,
'rewrite' => array( 'slug' => 'genero' ),
)
);
}
add_action( 'init', 'crear_taxonomia_jerarquica', 0 );
Podemos encontrar más detalles sobre la configuración de los parámetros de la función register_taxonomy() en el Codex de WordPress.
Mostrar los términos de taxonomías de un Post
Una vez que hayamos asignado algunos términos a un post podremos mostrarlos en el Frontend utilizando el siguiente código dentro del loop y en algunas de las distintas plantillas que conforman nuestro tema (index.php, single.php, archive.php, etc).
<php
/*
Parámetros:
$id => ID del post.
$taxonomy => nombre de la taxonomía que queremos mostrar.
$before (opcional) => Texto para mostrar antes de los términos.
$separator (opcional) => Texto que utilizaremos para separar los términos
$after (opcional) => Texto para mostrar después de los términos.
*/
the_terms($post->ID, 'generos', '',',');
Conclusión
Hay pilares importantes para dominar la estructura de información de cualquier WordPress y las taxonomías es una de ellas (junto con los Custom Post Types y los campos personalizados). Analiza en detalle tu proyecto web y crea las taxonomías jerárquicas o no jerárquicas que creas convenientes para sacar el mayor provecho al CMS.
