WooCommerce es la solución de comercio electrónico más popular para WordPress por cierto margen. Cuenta con más de 4 millones de instalaciones activas, una calificación de 4,6 usuarios en WordPress.org y un ejército de felices y leales propietarios de tiendas digitales.

Es más, en junio de 2019, WooCommerce impulsa alrededor del 7% de todas las tiendas en línea y el 22% de los principales 1 millones de sitios de comercio electrónico. Las ventas de ecommerce están en auge, por lo que si estás buscando abrir una tienda en tu sitio web impulsado por WordPress, ir con WooCommerce es una de las mejores decisiones que podrías tomar.

La única pregunta que queda es: ¿Cómo puedes poner en marcha WooCommerce en tu sitio web? Para responder a esto, hemos elaborado un extenso tutorial de WooCommerce para WordPress.

Cómo instalar y configurar WooCommerce (en 7 pasos)

Naturalmente, tendrás que empezar por instalar y activar el plugin WooCommerce. Puedes hacer esto tanto en un sitio de WordPress nuevo como en uno ya existente. En los siguientes pasos, le guiaremos a través del proceso de instalación del plugin y la configuración de sus ajustes.

Paso 1: Instalar el plugin

Lo primero que tendrás que hacer es instalar WooCommerce en tu sitio web. Puedes descargarlo gratuitamente desde el repositorio de WordPress y luego subirlo a tu sitio. Más fácil aún, puedes instalarlo directamente a través de tu panel de control de WordPress.

Para ello, accede a tu sitio de WordPress y navega hasta Plugins > Añadir nuevo. Utiliza la barra de búsqueda para localizar “woocommerce”, y haz clic en Instalar ahora cuando encuentres el plugin adecuado. El autor del plugin debería aparecer como Automattic:

Da un momento al plugin para que se instale. Luego, haz clic en el botón Activar:

¡En este punto, el plugin estará funcionando en tu sitio web!

Paso 2: Acceder al Asistente de Configuración

Después de instalar WooCommerce, se te pedirá que recorras un asistente de configuración. Es opcional, pero recomendamos pasar por él para configurar algunos ajustes clave.

La primera página del asistente de configuración de WooCommerce debería tener este aspecto:

Aquí, WooCommerce te pide que introduzcas alguna información básica sobre tu tienda. Esto incluye su dirección, la moneda que te gustaría usar y si planeas vender productos digitales o físicos (o ambos).

Ten en cuenta que cualquier cosa que establezcas aquí (o a lo largo del resto del asistente de configuración) puede ser cambiada más tarde en tu configuración de WooCommerce si es necesario. Por ahora, el siguiente paso en nuestro tutorial de WooCommerce 2019 es seleccionar Let’s Go.

Paso 3: Elige tus procesadores de pago

En la siguiente página, puedes decidir qué pagos vas a habilitar para tu tienda online. Por defecto, puedes usar Stripe y/o PayPal, junto con pagos fuera de línea como cheques y dinero en efectivo:

Simplemente selecciona las opciones que te gustaría usar, y WooCommerce las configurará. También puedes utilizar extensiones para añadir más procesadores de pago a tu tienda, de las que hablaremos más adelante. En Kinsta, somos grandes fans de Stripe.

Lectura recomendada: Cómo prevenir y reducir el fraude con tarjetas de crédito en un 98% usando Stripe Radar

¿Usas Square en su lugar? Echa un vistazo a nuestra entrada de blog de comparación en profundidad: Stripe vs Square.

Paso 4: Configurar tus opciones de envío

A continuación, encontrarás la pantalla de envío:

Aquí, puedes decidir cuánto se cobrará a los clientes por el envío. Puedes establecer una tarifa para tu zona preferida, y otra para los clientes que están en otras localidades. Si quieres, también puedes ofrecer envíos gratuitos a uno o a ambos grupos.

Paso 5: Revisar los complementos opcionales

En este punto, ya has configurado todo lo básico para tu tienda online de WooCommerce. La siguiente página del asistente de configuración te presenta unos cuantos complementos opcionales:

Todas estas herramientas pueden ser muy útiles, aunque ninguna de ellas es necesaria para llevar tu tienda online. Sugerimos al menos revisar Storefront. Este es un tema de WordPress diseñado específicamente para WooCommerce y puede hacer que la configuración de su tienda sea más rápida y fácil.

Paso 6: Instalar el plugin Jetpack (opcional)

La siguiente pantalla también ofrece un complemento opcional:

Jetpack es un práctico plugin de WordPress que ofrece una amplia gama de características. Esto incluye la funcionalidad de seguridad, varios análisis, y más. Puede ser un complemento útil para tu tienda WooCommerce, pero no es necesario – así que depende de ti si quieres instalarlo o no.

Paso 7: Completa el proceso de configuración

Tu tienda WooCommerce ya está lista para funcionar:

Encontrarás una serie de enlaces útiles aquí. Puedes importar productos a tu tienda, volver a tu panel de control de WordPress o editar los ajustes que acabas de configurar.

Sin embargo, lo más probable es que lo que quieras hacer ahora sea empezar a añadir productos. Para seguir nuestro tutorial de WooCommerce en WordPress, sigue adelante y selecciona Crear un producto ahora.

Añadir y gestionar nuevos productos en WooCommerce

Después de instalar WooCommerce, encontrarás dos nuevas pestañas en el menú lateral de tu tablero. Se llaman WooCommerce (tu área de configuración general) y Productos (tu área de configuración de productos).

Para empezar a configurar tu tienda online, puedes seguir el enlace que aparece al final del asistente de configuración o ir a Productos > Añadir nuevo. De cualquier forma, esto te permitirá añadir tu primer producto, utilizando el conocido editor de WordPress:

Lo primero que querrás hacer es crear un título y una breve descripción del producto. Esto es lo que parece un título y una descripción en una vista previa en vivo:

Una vez hecho esto, también querrás añadir información sobre tu nuevo producto a WordPress. En las siguientes secciones, veremos cómo hacerlo.

Añadir detalles clave a tu producto

Si te desplazas por debajo del editor de entradas, verás dos nuevos widgets que no se encuentran en las entradas o páginas normales. El primero es la sección de datos del producto:

Aquí, puedes añadir todo tipo de detalles sobre tu producto. En la parte superior, puedes seleccionar si el producto es virtual o no (lo que elimina la pestaña Envío) y si es descargable. Luego, en la pestaña General, puede introducir los precios normales y de venta (las ventas pueden ser sensibles al tiempo).

Si vendes productos digitales, también tendrás que subir el archivo a comprar, personalizar el límite de descarga (déjalo en blanco para marcarlo como ilimitado) y establecer la caducidad de la descarga (déjalo en blanco para que esté disponible permanentemente):

A continuación, en la pestaña de Inventario, puedes gestionar tu stock introduciendo la cantidad del producto, el estado del mismo (dentro/fuera de stock) y si quieres permitir pedidos pendientes:

Además, puedes marcar el producto como vendido individualmente, lo que significa que sólo se puede comprar uno en un solo pedido. Aquí es también donde puedes introducir el SKU (número de identificación) del producto si tienes uno.

Aquí también hay otras pestañas útiles. La sección de envío le permitirá introducir el peso, las dimensiones y la clase de envío del artículo. En la pestaña de Productos Vinculados, puede añadir ventas adicionales y cruzadas, mientras que Atributos le permite describir las características del producto.

Por último, en la pestaña Avanzado, puede introducir notas de compra personalizadas, dar al producto una posición determinada en su menú y activar o desactivar las revisiones. Si quieres, también puedes ver las extensiones recomendadas en la pantalla Obtener más opciones.

Crear atributos y productos variables

Como puedes ver, hay un montón de opciones para añadir detalles a tus productos de WooCommerce y personalizarlos completamente. Echemos un vistazo más de cerca a dos de las opciones más útiles en la sección de datos del producto: los atributos y los productos variables.

Los atributos son descriptores clave para tu producto, y les dicen a los clientes potenciales información importante sobre él. Esto puede incluir el color del artículo, el material del que está hecho, su tamaño o tipo, y más. Si añades estos detalles a tu producto en la pestaña Atributos, aparecerán en la página del producto:

No importa el tipo de productos que vendas, los atributos son útiles para comunicar características vitales de forma concisa. Sin embargo, ¿qué pasa si también vendes artículos que vienen en múltiples opciones? Para ello, puedes seleccionar la opción de producto Variable:

Esto te dará acceso a una nueva pestaña Variaciones, donde podrás crear múltiples versiones de tu producto utilizando los atributos que ya hayas asignado. Así, por ejemplo, digamos que usted ofrece una camisa en rojo, verde y púrpura. Puedes añadir una variación para cada color, y luego dar a cada uno una descripción única, un precio, etc.

Tus clientes podrán ver todas las variaciones disponibles en la página del producto:

Esto facilita a los visitantes ver todo lo que tienes que ofrecer de un vistazo. Además, significa que no tienes que crear páginas de producto separadas para pequeñas variaciones del mismo artículo.

Personalización de la descripción corta del producto

Debajo del widget de datos del producto, también encontrarás una sección etiquetada Descripción corta del producto:

Aquí, puedes crear un eslogan conciso que aparecerá debajo del título del producto. Puedes utilizar esta descripción para destacar los principales beneficios del artículo e incorporar una o más palabras clave para ayudar a los clientes a localizarlo en las búsquedas.

Después de personalizar los datos y la descripción de tu producto, no te olvides de revisar también las otras opciones de la página de producto. Puedes añadir etiquetas a tu producto, colocarlo en una categoría e incluir una imagen destacada o incluso una galería de imágenes completa.

Aquí tienes el aspecto de tu producto final en el front-end:

Una vez que tu producto esté listo, pulsa Publicar para que se active en tu sitio. Luego, puedes repetir este proceso para crear productos adicionales según sea necesario.

Gestión de tus productos de WooCommerce

Probablemente incluirás un número de artículos en tu tienda de WooCommerce, lo que significa que necesitarás una manera fácil de gestionarlos. Afortunadamente, puedes hacerlo a través de la pestaña Productos de tu panel de control.

Por ejemplo, puedes seleccionar Todos los productos para ver todos los artículos que aparecen actualmente en tu tienda. Puede añadir, editar y eliminar productos aquí según sea necesario:

En las otras páginas bajo la sección Productos, puede ver las categorías, etiquetas y atributos de sus productos. Cada una de estas páginas se parece a la página estándar de Categorías de Entradas de WordPress > y puede ayudarte a mantener todo tu inventario organizado.

Cómo personalizar tu tienda WooCommerce

Al principio de nuestro tutorial de WooCommerce, configuraste algunos ajustes básicos para tu tienda online. Sin embargo, hay muchas más opciones con las que jugar, que puedes encontrar en la nueva pestaña de WooCommerce.

Aquí puedes ver los pedidos, cupones e informes, así como personalizar la configuración y añadir nuevas extensiones. Vamos a recorrer cada pantalla una por una.

Pedidos

En primer lugar, la página de Pedidos muestra una lista de las compras recientes en tu tienda:

Si vendes productos digitales, no hay mucho que hacer aquí más que ver lo que se ha comprado últimamente. Sin embargo, si vendes productos físicos, aquí es donde puedes saber qué productos necesitas enviar y el estado de tus pedidos.

Cupones

WooCommerce tiene varias opciones útiles para añadir nuevos cupones a tu tienda de comercio electrónico. En la pestaña Cupón, puedes seleccionar Crear tu primer cupón para acceder a la pantalla de edición:

Aquí puedes añadir un código de cupón y una descripción. Luego, la pestaña General te permite editar su información básica: el tipo de cupón (porcentaje de descuento, descuento fijo en el carrito o descuento fijo en el producto), su valor, las opciones de envío gratuito y su fecha de caducidad:

En las Restricciones de uso, puede establecer un gasto mínimo que el cliente tiene que hacer para validar el cupón. También puedes marcar la casilla de Uso individual solamente si no quieres que los clientes utilicen el cupón junto con otras ofertas.

Aquí puedes establecer si el cupón debe aplicarse sólo a los artículos que no están en venta, y también seleccionar los productos y las categorías de productos a los que se aplica el cupón. Por último, puede incluso prohibir el uso del cupón a determinadas direcciones de correo electrónico.

La última pestaña, Límites de uso, le permite determinar cuántas veces se puede utilizar el cupón, tanto en general como por cliente. A continuación, sólo tienes que publicar tu cupón para que esté activo y avisar a tus clientes del código que necesitarán.

Informes

WooCommerce también ofrece una potente funcionalidad de seguimiento integrada. En la pestaña Informes, puedes ver tablas y gráficos de tus ventas, pedidos y costes de envío en diferentes periodos de tiempo:

Cada gráfico puede limitarse a las ventas de un producto, categoría o cupón concreto. En la subpestaña Clientes, también puedes ver la adquisición de clientes en los mismos periodos de tiempo.

Por último, pero no por ello menos importante, podrás revisar tus productos con poco stock, sin stock y con más stock en la subpestaña Stock. Todos estos datos se pueden exportar como una hoja CSV si es necesario.

Configuración

Aquí es donde WooCommerce se vuelve realmente impresionante. En la pantalla de Configuración, puedes personalizar casi todos los aspectos de tu tienda de comercio electrónico. Elementos como la colocación del separador de miles, todo el proceso de compra, las opciones de correo electrónico y mucho más se pueden adaptar a tus necesidades.

Dentro de esta sección, la pestaña General cubre la información básica de tu tienda, incluyendo su moneda, ubicaciones de venta y opciones de visualización:

Otra opción notable aquí es Activar tasas y cálculos de impuestos. Si marcas esta casilla, accederás a una pestaña de Impuestos hasta ahora oculta:

Aquí puedes indicar a la plataforma si los precios que introduzcas para tus productos incluirán impuestos o no. En este último caso, puedes hacer que WooCommerce calcule los tipos impositivos por ti, basándose en la dirección de tu tienda, la dirección de envío del cliente o la dirección de facturación del cliente.

También podrás configurar cómo se aplicarán los impuestos a los gastos de envío, e incluso determinar si se redondearán. A continuación, puede personalizar la forma en que se muestran los precios y los impuestos en la parte delantera y durante el proceso de compra.

Los datos de sus productos, incluyendo las medidas, las reseñas, los detalles de las existencias, los métodos de descarga e incluso los botones de añadir al carrito pueden personalizarse en la pestaña Productos:

Envío es donde puedes configurar tus zonas de envío y precios:

También puede personalizar cómo se calculan los envíos y elegir cuál será el destino de los mismos por defecto. También es posible restringir la disponibilidad de tu tienda sólo a países específicos.

La pestaña Pagos te muestra qué procesadores de pago están disponibles y activos en tu tienda:

Aquí puedes habilitar y deshabilitar las opciones de pago que quieras. Además, encontrarás prácticos enlaces para personalizar la configuración de procesadores específicos.

A continuación, Cuentas &Privacidad controla varios aspectos de la experiencia de tus clientes:

Puedes establecer una política de privacidad y de pago, configurar cómo se almacenarán y conservarán los datos de los clientes, y mucho más.

Además, tiene varias opciones sobre cómo se manejarán los pagos de los clientes. En las secciones Pago de invitados y Creación de cuenta, puede determinar si los visitantes podrán realizar pedidos como invitados (es decir, sin iniciar una cuenta).

A continuación, puede decidir si tendrán la opción de iniciar una sesión y/o crear una nueva cuenta durante el proceso de pago. Incluso puedes proporcionarles nombres de usuario y contraseñas generados automáticamente, para acelerar el proceso de registro.

En la pestaña de correos electrónicos, puedes personalizar todo lo relacionado con la atención al cliente:

En la parte superior de esta pantalla, encontrarás una lista de notificaciones por correo electrónico que se envían a través de WooCommerce en respuesta a desencadenantes específicos (como la realización o cancelación de un pedido). Puedes hacer clic en cualquiera de estos correos electrónicos para habilitarlos/deshabilitarlos, así como para personalizar su contenido:

Incluso encontrarás instrucciones aquí para editar las plantillas de los correos electrónicos, si te sientes cómodo usando HTML. Puedes copiar el archivo del correo electrónico a la carpeta de tu tema, y luego hacer los cambios que quieras. Alternativamente, puedes crear tus propias plantillas de correo electrónico personalizadas.

Debajo de eso, puedes configurar algunos ajustes globales para todos los correos electrónicos enviados desde tu tienda WooCommerce. Esto incluye el nombre y la dirección del remitente, el texto del pie de página e incluso los colores y los fondos.

Por último, en la pestaña Avanzadas puedes habilitar la API REST, configurar claves, aplicaciones y webhooks, y realizar otras tareas de nivel inferior:

Todos estos ajustes se pueden personalizar y cambiar siempre que quieras, y tu tienda se actualizará automáticamente.

Estado

A continuación, vamos a ver brevemente la pestaña de Estado:

Toda la información de tu back-end se puede encontrar aquí, como la versión de tu WooCommerce/PHP/MySQL/etc., los límites de tamaño, el registro, y más.

En la subpestaña Herramientas de la misma página, puedes limpiar las cachés de tu sitio web para múltiples variables, borrar datos antiguos e incluso revertir la configuración de tu tienda a sus valores predeterminados.

Extensiones

Uno de los atributos que hacen de WordPress el Sistema de Gestión de Contenidos (CMS) más popular del planeta es la comunidad que lo respalda. Hay miles de temas y decenas de miles de plugins que puedes utilizar para personalizar tu sitio web. Es más, casi el 100% de ellos son aportados por los usuarios.

Esto también se aplica a WooCommerce, aunque a menor escala. Puedes encontrar un montón de herramientas para ampliar tu tienda, añadir nuevas opciones y características, y personalizar su aspecto en la pestaña de Extensiones y en otros lugares:

Por ejemplo, aunque puedes usar WooCommerce con cualquier tema, puede ser útil elegir uno que esté diseñado para el plugin. Storefront es un buen lugar para empezar, pero hay muchas otras opciones en directorios como ThemeForest:

También puedes echar un vistazo a la tienda de extensiones de WooCommerce, que incluye opciones creadas por desarrolladores y por terceros:

Hay extensiones para añadir nuevas opciones de envío a tu tienda, habilitar suscripciones, personalizar el proceso de compra, integrar el marketing por correo electrónico y las redes sociales, y mucho más. También puedes encontrar extensiones gratuitas y de pago que te permiten ofrecer procesadores de pago adicionales a tus clientes, como Square y Amazon Pay.

Por último, también encontrarás un montón de plugins diseñados para ampliar Woocommerce de diversas maneras. Por poner un ejemplo, el plugin Braintree For WooCommerce te permite aceptar todo tipo de pagos en tu tienda:

En otras palabras, si quieres retocar algo del funcionamiento de tu tienda WooCommerce, lo más probable es que puedas hacerlo simplemente encontrando la herramienta adecuada.

Edición de plantillas de WooCommerce

Entre la configuración incorporada de WooCommerce y las muchas extensiones y plugins disponibles para él, tienes mucha flexibilidad sobre el funcionamiento de tu tienda. Sin embargo, si eres un usuario más avanzado y quieres realizar tus propias personalizaciones, un buen lugar para empezar es editando los archivos de las plantillas de WooCommerce.

Esto te permitirá ajustar el funcionamiento de las características clave, como los carros de los clientes y el proceso de compra. Tenga en cuenta que este es un proceso arriesgado, especialmente si usted es nuevo en el trabajo con los archivos de temas y plugins directamente. Antes de empezar, querrás hacer una copia de seguridad de tu sitio en caso de que se produzcan cambios accidentales. A continuación te explicamos cómo eliminar un tema de forma segura.

A continuación, tendrás que acceder a tu sitio utilizando un cliente de Protocolo de Transferencia Segura de Archivos (SFTP) como FileZilla. Localiza la carpeta raíz de tu sitio (a menudo llamada public_html o con el nombre de tu dominio), y navega hasta wp_content/plugins/woocommerce:

En este directorio, encontrarás una carpeta llamada templates. Ábrela, y verás una lista de todas las plantillas que están actualmente activas para tu tienda:

En este punto, puedes abrir cualquier plantilla que quieras y empezar a hacer cambios. Por ejemplo, si quieres hacer cambios en la página de ‘Gracias’ que aparece después de que un cliente haya hecho un pedido, puedes abrir la carpeta de la caja y localizar el archivo thankyou.php. A continuación, puede descargarlo, editar o añadir elementos como considere oportuno, y volver a cargarlo en su servidor.

WooCommerce Hosting

Cuando se dirige una tienda online, el tiempo es literalmente dinero. Por eso es importante tener un alojamiento de WordPress rápido y fiable, para asegurar un mayor tiempo de actividad, mayores tasas de conversión y un mejor retorno de la inversión (ROI).

WooCommerce es conocido por ralentizar los sitios de WordPress, especialmente para las grandes tiendas con muchos productos. Afortunadamente, con Kinsta como su proveedor de alojamiento, no tendrá que preocuparse por esto. Proporcionamos servicios de alojamiento gestionados, junto con un alojamiento de WooCommerce altamente optimizado diseñado específicamente con el rendimiento en mente:

¡Gracias a nuestra infraestructura escalable en la plataforma de la nube de Google, así como a la última tecnología como PHP 7, Nginx y MariaDB, podemos asegurar que un cambio a Kinsta ayudará a aumentar sus ventas!

“El director de operaciones se puso en contacto conmigo con una solución real en lugar de un montón de palabrería de “confía en nosotros” que estaba recibiendo en otros lugares. Fue honesto y directo, lo cual fue muy refrescante. Después de la migración, el soporte fue manejado por el CEO, quien hizo algunas excelentes sugerencias y ajustes que mejoraron dramáticamente el rendimiento”

– Caleb Worm, Swagway.com

El mundo del comercio electrónico está en auge. 💥 ¡Monta tu tienda de #WooCommerce hoy mismo con nuestra completa guía y empieza a vender en un abrir y cerrar de ojos! 🏪Click to Tweet

Resumen

WooCommerce es, sin lugar a dudas, la mejor solución gratuita de ecommerce para WordPress. Por fuera, el plugin tiene unas estadísticas fenomenales. Sin embargo, es sólo cuando se profundiza en las muchas opciones del plugin que se revela su verdadero poder.

¡También tenemos algo impresionante para usted! Hemos pasado meses elaborando esta guía de optimización de WooCommerce de 18 capítulos. Incluye una tonelada de lecciones y herramientas gratuitas para optimizar y hacer crecer tu empresa millonaria con la ayuda de WooCommerce.

¿Hay algo importante que hayamos pasado por alto en nuestro tutorial de WooCommerce? Si es así, háganoslo saber en la sección de comentarios a continuación!