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

Lo que es más, a partir de junio de 2019, WooCommerce alimenta alrededor del 7% de todas las tiendas en línea y el 22% de los 1 millón de sitios de comercio electrónico más importantes. Las ventas de Ecommerce están en auge, así que si está buscando abrir una tienda en su sitio web potenciado por WordPress, ir con WooCommerce es una de las mejores decisiones que puede tomar.

La única pregunta que queda es: ¿Cómo puede conseguir que WooCommerce funcione en su sitio web? Para responder a esto, hemos preparado un extenso tutorial de WordPress WooCommerce. ¡Saltemos ahora mismo!

Cómo Instalar y Configurar WooCommerce (En 7 Pasos)

Naturalmente, tendrá que empezar por instalar y activar el plugin de WooCommerce. Puede hacer esto en un sitio nuevo o existente de WordPress. En los siguientes pasos, le guiaremos a través del proceso de configuración del plugin y de su configuración.

Paso 1: Instalar el Plugin

Lo primero que tendrá que hacer es instalar el plugin WooCommerce. Puede descargarlo gratuitamente desde el repositorio de WordPress o seguir los pasos a continuación para saber cómo hacerlo desde el panel de control.

El WooCommerce WordPress plugin
El WooCommerce WordPress plugin

Para ello, acceda a su sitio de WordPress y navegue hasta Plugins > Añadir Nuevo. Utilice la barra de búsqueda para localizar «woocommerce», y haga clic en Instalar Ahora cuando encuentre el plugin adecuado. El autor del plugin debe aparecer como Automattic:

Instalando WooCommerce
Instalando WooCommerce

Dele un momento al plugin para que se instale. A continuación, haga clic en el botón Activar:

Activando WooCommerce
Activando WooCommerce

En este punto, el plugin estará listo y funcionando en su sitio web!

Paso 2: Acceda al Asistente de Instalación

Después de instalar WooCommerce, se le pedirá que pase por un asistente de configuración. Es opcional, pero le recomendamos que lo revise para configurar algunos ajustes clave.

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

Página de configuración de WooCommerce
Página de configuración de WooCommerce

Aquí, WooCommerce pide que introduzca información básica sobre su tienda. Esto incluye su dirección, qué moneda le gustaría usar y si planea vender productos digitales o físicos (o ambos).

Tenga en cuenta que todo lo que establezca aquí (o en el resto del asistente de configuración) puede cambiarse más tarde en su configuración de WooCommerce si es necesario. Por ahora, el siguiente paso en nuestro tutorial WooCommerce 2019 es seleccionar Let’s Go.

Paso 3: Elija Sus Procesadores De Pagos

En la página siguiente, puede decidir qué pagos habilitará para su tienda en línea. De forma predeterminada, puede utilizar Stripe y/o PayPal, junto con pagos fuera de línea, como cheques y efectivo:

Página de procesadores de pagos de WooCommerce
Página de procesadores de pagos de WooCommerce

Simplemente seleccione las opciones que quiera usar, y WooCommerce las configurará. También puede utilizar extensiones para añadir más procesadores de pago a su tienda, de los que hablaremos más adelante. En Kinsta, somos grandes fans de Stripe.

Lecturas recomendadas: Cómo prevenir y reducir el fraude de tarjetas de crédito en un 98% utilizando Stripe Radar.

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

Paso 4: Configure Sus Opciones De Envío

A continuación, encontrará la pantalla Envío:

La página de envío de WooCommerce
La página de envío de WooCommerce

Aquí, usted puede decidir cuánto se les cobrará a los clientes por el envío. Puede establecer una tarifa para su zona preferida y otra para los clientes que se encuentren en otras ubicaciones. Si lo desea, también puede ofrecer envío gratuito a uno o ambos grupos.

Paso 5: Revisar Complementos Opcionales

En este punto, ha configurado todos los elementos básicos para su tienda WooCommerce en línea. La siguiente página del asistente de configuración le ofrece algunos complementos opcionales:

Complementos adicionales de WooCommerce
Complementos adicionales de WooCommerce

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

Paso 6: Instalar Jetpack Plugin (Opcional)

La siguiente pantalla también ofrece un complemento opcional:

Página de activación de WooCommerce
Página de activación de WooCommerce

Jetpack es un práctico plugin de WordPress que ofrece una amplia gama de funciones. Esto incluye funcionalidad de seguridad, varios análisis y más. Puede ser una adición útil a su tienda WooCommerce, pero no es necesario – así que depende de usted si quiere instalarlo o no.

Paso 7: Completar el Proceso de Instalación

Tu tienda WooCommerce ya está lista:

Configuración terminada de WooCommerce
Configuración terminada de WooCommerce

Aquí encontrará una serie de enlaces útiles. Puede importar productos a su tienda, volver al su panel de control de WordPress o editar la configuración que acaba de configurar.

Lo más probable, sin embargo, es que lo que quiera hacer ahora es empezar a añadir productos. Para continuar siguiendo nuestro tutorial de WordPress WooCommerce, siga adelante y seleccione Crear un producto ahora.

Añadiendo y Gestionando Productos Nuevos en WooCommerce

Después de instalar WooCommerce, encontrará dos nuevas pestañas en el menú lateral del panel. Estos se llaman WooCommerce (su área de configuración general) y Productos (su área de configuración de productos).

Para comenzar a configurar su tienda en línea, puede seguir el enlace al final del asistente de configuración o ir a Productos > Añadir Nuevo. De cualquier manera, esto le permitirá añadir su primer producto, utilizando el conocido editor de WordPress:

Ejemplo de producto nuevo de WooCommerce
Ejemplo de producto nuevo de WooCommerce

Lo primero que querrá hacer es crear un título y una breve descripción del producto. A continuación se muestra el aspecto que tienen el título y la descripción en una vista previa en vivo:

Descripción y título del producto de WooCommerce
Descripción y título del producto de WooCommerce

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

Adición de Detalles Clave a Su Producto

Si se desplaza hacia abajo debajo del editor de mensajes, verá dos nuevos widgets que no se encuentran en los mensajes o páginas habituales. La primera es la sección Datos del producto:

Datos del producto de WooCommerce
Datos del producto de WooCommerce

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

Si está vendiendo productos digitales, también tendrá que cargar el archivo que va a comprar, personalizar el límite de descarga (déjelo en blanco para marcarlo como ilimitado) y establecer el vencimiento de la descarga (déjelo en blanco para mantenerlo disponible permanentemente):

Opciones de productos descargables de WooCommerce
Opciones de productos descargables de WooCommerce

A continuación, en la pestaña Inventario, puede gestionar su stock introduciendo la cantidad de producto, el estado del mismo (entrada/salida de stock) y si desea permitir pedidos pendientes:

Sección de inventario de WooCommerce
Sección de inventario de WooCommerce

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

Hay un número de otras pestañas útiles aquí también. La sección Envío le permitirá introducir el peso, las dimensiones y la clase de envío del artículo. En la pestaña Productos Enlazados, se pueden añadir upsells y cross-sellers, mientras que Atributos 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 fija en el menú y activar o desactivar las revisiones. Si lo desea, también puede ver las extensiones recomendadas en la pantalla Obtener más opciones.

Creación de Atributos y Productos Variables

Como puede ver, hay muchas opciones para añadir detalles a sus productos WooCommerce y personalizarlos completamente. Echemos un vistazo más de cerca a dos de las opciones más útiles en la sección Datos del Producto: atributos y productos variables.

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

Producto WooCommerce con atributos
Producto WooCommerce con atributos

No importa qué tipo de productos esté vendiendo, los atributos son útiles para comunicar características vitales de una manera concisa. Sin embargo, ¿qué pasa si también vende artículos que vienen en múltiples opciones? Para ello, puede seleccionar la opción Producto Variable:

Producto variable de WooCommerce
Producto variable de WooCommerce

Esto le dará acceso a una nueva pestaña Variaciones, donde puede crear múltiples versiones de su producto utilizando los atributos que ya ha asignado. Por ejemplo, digamos que usted ofrece una camisa en rojo, verde y lila. Puede añadir una variación para cada color, luego dar a cada uno una descripción única, precio, etc.

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

Variaciones disponibles
Variaciones disponibles

Esto hace que sea fácil para los visitantes ver todo lo que usted ofrece. Además, significa que no tiene que crear páginas de producto separadas para ligeras variaciones sobre el mismo artículo.

Personalización de la Descripción Breve de Su Producto

Debajo del widget Datos del producto, también encontrará una sección denominada Descripción breve del producto:

Descripción breve
Descripción breve

Aquí puede crear un eslogan conciso que aparecerá debajo del título del producto. Puede utilizar esta descripción para resaltar 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 su producto, no olvide consultar también las otras opciones en la página del producto. Puede agregar etiquetas a su producto, colocarlo en una categoría e incluir una imagen destacada o incluso una galería de imágenes completa.

A continuación se muestra el aspecto que podría tener su producto final en la parte delantera:

Ejemplo de un producto en WooCommerce
Ejemplo de un producto en WooCommerce

Una vez que su producto esté listo, pulse Publicar para que se publique en su sitio. A continuación, puede repetir este proceso para crear productos adicionales según sea necesario.

Administración de Sus Productos WooCommerce

Probablemente incluirá una serie de artículos en su tienda WooCommerce, lo que significa que necesitará una forma fácil de administrarlos. Afortunadamente, puede hacerlo a través de la pestaña Productos en su panel de control.

Por ejemplo, puede seleccionar Todos los Productos para ver todos los artículos que aparecen actualmente en su tienda. Aquí puede añadir, editar y eliminar productos según sea necesario:

Productos en WooCommerce
Productos en WooCommerce

En las otras páginas de 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 WordPress Posts > Categorías y puede ayudarle a mantener todo su inventario organizado.

 How to Customize Your WooCommerce Store

Anteriormente en nuestro tutorial de WooCommerce, usted configuró algunos ajustes básicos para su tienda en línea. Sin embrago hay muchas más opciones para jugar, que puede encontrar en la nueva pestaña de WooCommerce.

Pedidos

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

Página de pedidos
Página de pedidos

Si usted vende productos digitales, no hay mucho que hacer aquí aparte de ver lo que se ha comprado últimamente. Sin embargo, si vende bienes físicos, aquí es donde puede averiguar qué productos necesita enviar y el estado de sus pedidos.

Cupones

WooCommerce tiene varias opciones útiles para agregar nuevos cupones a su tienda de comercio electrónico. En la ficha Cupón, puede seleccionar Crear su primer cupón para acceder a la pantalla de edición:

Creando un cupón de WooCommerce
Creando un cupón de WooCommerce

Puede añadir un código de cupón y una descripción aquí. A continuación, la pestaña General le permite editar su información básica: el tipo de cupón (descuento porcentual, descuento de carro fijo o descuento de producto fijo), su valor, las opciones de envío gratuito y su fecha de caducidad:

Restricción de uso
Restricción de uso

En Restricciones de Uso, puede establecer un gasto mínimo que el cliente debe realizar para validar el cupón. También puede marcar la casilla de Uso individual sólo si no desea que los clientes utilicen el cupón junto con otras ofertas.

Puede establecer si el cupón debe aplicarse sólo a artículos no destinados a la 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 de ciertas direcciones de correo electrónico en el uso de los cupones.

La última ficha, Límites de utilización, le permite determinar cuántas veces se puede utilizar el cupón, tanto en general como por cliente. A continuación, simplemente publique su cupón para activarlo e informe a sus clientes sobre el código que necesitarán.

Reportes

WooCommerce también ofrece una poderosa funcionalidad de rastreo integrada. En la ficha Reportes, puede ver cuadros y gráficos de sus ventas, pedidos y costes de envío en diferentes períodos de tiempo:

Ficha de Reportes
Ficha de Reportes

Cada gráfico puede limitarse a las ventas de un producto, categoría o cupón en particular. En la subficha Clientes, también puede visualizar su adquisición de cliente durante los mismos períodos de tiempo.

Por último, pero no menos importante, podrá revisar sus productos de bajo stock, fuera de stock y la mayoría de los productos almacenados 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, usted puede personalizar casi todos los aspectos de su tienda de comercio electrónico. Elementos como la colocación de su separador de’miles’, todo el proceso de pago, opciones de correo electrónico y mucho más pueden adaptarse para satisfacer sus necesidades.

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

Opciones generales de WooCommerce
Opciones generales de WooCommerce

Otra opción notable aquí es Habilitar tasas y cálculos de impuestos. Si marca esta casilla, tendrá acceso a una pestaña Impuestos previamente oculta:

Impuestos en WooCommerce
Impuestos en WooCommerce

Aquí, puede informar a la plataforma si los precios que introduzca para sus productos incluirán o no impuestos. En este último caso, puede hacer que WooCommerce calcule las tasas de impuestos por usted, basado 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á 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 pago.

Los datos de sus productos, incluyendo medidas, revisiones, detalles de stock, métodos de descarga e incluso botones de añadir a la cesta, se pueden personalizar en la pestaña Productos:

Datos del producto
Datos del producto

Envío es donde usted puede configurar sus zonas de envío y precios:

Opciones de envío
Opciones de envío

También puede personalizar la forma en que se calcula el envío y elegir cuál será el destino de envío predeterminado. También es posible restringir la disponibilidad de su tienda sólo a determinados países.

La pestaña Pagos muestra los procesadores de pagos disponibles y activos en su tienda:

Opciones de pago
Opciones de pago

Aquí puede habilitar y deshabilitar cualquier opción de pago que desee. Además, encontrará enlaces útiles para personalizar la configuración de procesadores específicos.

A continuación, Cuentas y Privacidad controla varios aspectos de la experiencia de sus clientes:

Cuentas y Privacidad en WooCommerce
Cuentas y Privacidad en WooCommerce

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

Además, dispone de varias opciones para la gestión de las cajas de los clientes. En las secciones Pago para invitados y Creación de cuenta, puede determinar si los visitantes podrán realizar pedidos como invitados (es decir, sin necesidad de iniciar sesión en una cuenta).

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

En la pestaña Emails, puede personalizar todo lo relacionado con el servicio de atención al cliente:

Opciones de email
Opciones de email

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

Personalizando emails
Personalizando emails

Incluso aquí encontrará instrucciones para editar las plantillas de correo electrónico, si se sientes cómodo usando HTML. Puede copiar el archivo del correo electrónico en la carpeta de temas y, a continuación, realizar los cambios que desee. También puede crear sus propias plantillas de correo electrónico personalizadas.

A continuación, puede configurar algunos ajustes globales para todos los correos electrónicos enviados desde su tienda WooCommerce. Esto incluye el nombre y la dirección del «de», el texto del pie de página e incluso los colores y los fondos.

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

Opciones avanzadas
Opciones avanzadas

Todos estos ajustes se pueden personalizar y cambiar cuando quiera, y su tienda se actualizará automáticamente.

Estado del Sistema

A continuación, veamos brevemente la pestaña Estado:

La pestaña Estado
La pestaña Estado

Toda su información de back-end puede ser encontrada aquí, como su versión de WooCommerce/PHP/MySQL/etc., límites de tamaño, registro, y más.

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

Complementos

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 puede utilizar para personalizar su sitio web. Además, casi el 100% de ellos son aportados por los usuarios.

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

Ficha de extensiones
Ficha de extensiones

Por ejemplo, aunque pueda 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:

Selección de temas
Selección de temas

También puede visitar la tienda de extensiones de WooCommerce, que incluye tanto opciones creadas por desarrolladores como por terceros:

Tienda de extensiones
Tienda de extensiones

Hay extensiones para añadir nuevas opciones de envío a su tienda, habilitar suscripciones, personalizar el proceso de pago, integrar el correo electrónico y el marketing de medios sociales, y mucho más. También puede encontrar extensiones gratuitas y de pago que le permiten ofrecer procesadores de pago adicionales a sus clientes, como Square y Amazon Pay.

Por último, también encontrará un montón de plugins diseñados para extender Woocommerce en una variedad de formas. Por poner un ejemplo, el plugin Braintree For WooCommerce le permite aceptar todo tipo de pagos en su tienda:

El plugin Braintree por WooCommerce
El plugin Braintree por WooCommerce

En otras palabras, si quiere ajustar algo sobre la forma en que funciona su tienda WooCommerce, lo más probable es que pueda hacerlo simplemente encontrando la herramienta adecuada.

Editando Plantillas de WooCommerce

Entre la configuración integrada de WooCommerce y las muchas extensiones y plugins disponibles para él, tiene mucha flexibilidad sobre cómo funciona su tienda. Sin embargo, si usted es un usuario más avanzado y quiere realizar sus propias personalizaciones, un buen punto de partida es editar los archivos de plantilla de WooCommerce.

Esto le permitirá modificar la forma en que funcionan las funciones clave, como los carritos de los clientes y el proceso de pago. Tenga en cuenta que se trata de un proceso arriesgado, especialmente si es nuevo en trabajar directamente con archivos de temas y plugins. Antes de empezar, usted querrá hacer un backup de su sitio en caso de que se produzcan cambios accidentales. A continuación se indica cómo borrar un tema de forma segura.

A continuación, deberá acceder a su sitio mediante un cliente de protocolo de transferencia segura de archivos (SFTP) como FileZilla. Localice la carpeta raíz de su sitio (a menudo llamada public_html o con el nombre de su dominio) y navegue hasta wp_content/plugins/woocommerce:

La carpeta de WooCommerce
La carpeta de WooCommerce

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

Plantillas en FileZilla
Plantillas en FileZilla

En este punto, puede abrir cualquier plantilla que desee y empezar a hacer cambios. Por ejemplo, si desea realizar modificaciones en la página «Gracias» que aparece después de que un cliente ha realizado un pedido, puede abrir la carpeta de pago y localizar el archivo thankyou.php. A continuación, puede descargarlo, editarlo o añadir elementos a su gusto y volver a cargarlo en su servidor.

WooCommerce Hosting

Cuando usted tiene una tienda en línea, el tiempo es literalmente dinero, y por eso es importante tener también un host de WordPress rápido y confiable para garantizar un mejor tiempo de actividad, tasas de conversiones y ROI.

WooCommerce es a veces conocido por ralentizar un sitio WordPress, especialmente en grandes instalaciones. Pero ese no es el caso de Kinsta. Proporcionamos servicios de hosting gestionados y altamente optimizados de hosting en WooCommerce diseñados específicamente con el rendimiento en mente:

Planes de WooCommerce hosting en Kinsta
Planes de WooCommerce hosting en Kinsta

Gracias a nuestra infraestructura escalable en Google Cloud Platform ya la última tecnología como PHP 7, Nginx, MariaDB; ¡Podemos asegurar que un movimiento a Kinsta ayudará a aumentar sus ventas!

“El COO me contactó con una solución real en lugar de mucho bla bla bla de «confía en nosotros» que estaba recibiendo en otro lugar. Él fue honesto y sencillo lo cual fue muy refrescante. Después de la migración, el apoyo fue manejado por el CEO que hizo algunas sugerencias y ajustes excelentes que mejoraron dramáticamente el rendimiento.”

– Caleb Worm, swagway.com

El mundo del comercio electrónico está en auge. 💥 Crea su tienda #WooCommerce hoy mismo con nuestra guía completa y empiece a vender en un abrir y cerrar de ojos! 🏪Clic para Tuitear

Resumen

WooCommerce realmente es, sin lugar a dudas, la mejor solución gratuita de comercio electrónico para WordPress. En el exterior, el plugin tiene estadísticas fenomenales. Sin embargo, sólo cuando se profundiza en las muchas opciones del plugin se revela su verdadero poder.

También tenemos algo increíble para usted! Pasamos 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 su empresa de un millón de dólares con la ayuda de WooCommerce.

¿Algo importante que no mencionamos en nuestro tutorial de WooCommerce? Si es así, ¡háganoslo saber en la sección de comentarios abajo!