WooCommerce es la solución de comercio electrónico más popular para WordPress con gran diferencia. Cuenta con más de 5 millones de instalaciones activas, una puntuación de 4,5 en WordPress.org y un ejército de propietarios de tiendas digitales felices y leales.
Es más, en mayo de 2023, WooCommerce impulsaba aproximadamente el 8,7% de todos los sitios web y el 23% del millón de sitios de comercio electrónico más importantes. Las ventas de comercio electrónico están en auge, así que si quieres abrir una tienda en tu sitio web con WordPress, elegir WooCommerce es una de las mejores decisiones que puedes tomar.
La única pregunta que queda es ¿Cómo puedes poner en marcha WooCommerce en tu sitio web? Para responder a esta pregunta, hemos elaborado un extenso tutorial de WooCommerce para WordPress.
Y recuerda, tu objetivo final es aumentar los ingresos de tu tienda. Así que asegúrate de descargar nuestro ebook gratuito, 10 Formas de Aumentar las Conversiones de tu Página de Producto de WooCommerce. ¡Vamos allá!
¿Usar WooCommerce Es Gratis?
WooCommerce es un plugin de código abierto para carritos de compra que se puede descargar y utilizar gratuitamente en sitios web WordPress. Sin embargo, gestionar una tienda online no es completamente gratis, ya que habrá costes asociados a las tarifas de alojamiento y dominio, como mínimo, junto con los costes de personalización, diseño, marca, marketing y publicidad.
Cómo Instalar y Configurar WooCommerce (en 7 Pasos)
Naturalmente, tendrás que empezar por instalar y activar el plugin WooCommerce. Puedes hacerlo tanto en un sitio WordPress nuevo como en uno ya existente. En los siguientes pasos, te guiaremos a través del proceso de instalación del plugin y la configuración de sus ajustes.
Paso 1: Instalar el Plugin WooCommerce
Lo primero que tienes que hacer es instalar WooCommerce en tu sitio web. Puedes descargarlo gratuitamente desde el repositorio de WordPress y luego subirlo a tu sitio.
Aún más fácil, puedes instalarlo directamente desde tu panel de control de WordPress:
Para ello, accede a tu sitio de WordPress y ve a 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 debe aparecer como Automattic:
Dale un momento al plugin para que se instale. Después, haz clic en el botón Activar:
En este punto, ¡el plugin estará funcionando en tu sitio web!
Paso 2: Acceder al Asistente de Instalación
Después de instalar WooCommerce, se te pedirá que accedas a un asistente de configuración. Es opcional, pero te recomendamos que lo hagas 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 información básica sobre tu tienda, como su dirección. Ten en cuenta que todo lo que establezcas aquí (o en el resto del asistente de configuración) se puede cambiar más adelante en la configuración de WooCommerce si es necesario.
Una vez que completes estos campos, haz clic en Continuar. Ahora, se te preguntará por el sector en el que opera tu tienda:
Marca las casillas de las opciones que correspondan a tu negocio. A continuación, selecciona Continuar.
En este punto, WooCommerce necesitará algunos detalles sobre el tipo de productos que piensas vender:
Como puedes ver, es gratis seguir con productos físicos o descargas digitales. Sin embargo, si planeas vender suscripciones, membresías, reservas o más, incurrirás en una pequeña cuota mensual.
En la etapa final del asistente de configuración de WooCommerce, tendrás que confirmar algunos detalles sobre tu negocio, incluido el número de productos que pretendes mostrar y si actualmente vendes en otros sitios:
Utiliza los menús desplegables para hacer tus selecciones. A continuación, haz clic en Continuar.
Ahora, se te dirigirá a la pestaña Funciones gratuitas :
Aquí, puedes elegir mejorar tu tienda con algunas extensiones gratuitas. Si haces clic en la flecha desplegable, podrás ver las extensiones que se aplican automáticamente cuando completas el proceso de configuración, incluidas WooCommerce Payments y Google Listings and Ads:
Sin embargo, puedes eliminar cualquiera de las opciones desmarcando la(s) casilla(s) correspondiente(s). Cuando estés listo, pulsa el botón Continuar para completar la instalación.
Paso 3: Añade Productos a Tu Tienda Online
Una vez que pulses el último botón Continuar en el asistente de instalación, serás redirigido a tu panel de control de WordPress. Si decides mejorar tu sitio con el plugin gratuito Jetpack, tu panel de administración te instará a configurar Jetpack en tu sitio.
Sin embargo, puedes dejar esto para más adelante. En su lugar, haz clic en la nueva pestaña WooCommerce de tu panel de control. Aunque hayas añadido los datos de tu negocio en el asistente de configuración, aquí encontrarás una lista de comprobación que te guiará en el proceso de configuración de tu tienda online:
En primer lugar, puedes empezar a añadir productos a tu sitio web. Para ello, puedes hacer clic en Añadir productos en la pantalla de configuración.
Pero también encontrarás una pestaña dedicada a Productos en la barra lateral de tu panel de control de WordPress. Así, también puedes añadir nuevos productos a tu tienda haciendo clic en Productos > Añadir Nuevo.
Se te preguntará por el tipo de producto que quieres crear:
Lo primero que querrás hacer es crear un título y una breve descripción del producto. A continuación, haz clic en Guardar borrador, y verás que aparece un enlace Previsualizar producto :
Aquí podrás ver una vista previa en vivo de tu nuevo producto:
Ahora, echemos un vistazo a algunos detalles adicionales del producto.
Añadir Detalles Clave a Tu Producto
Si te desplazas hacia abajo en el 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 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, puedes 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 que se va 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 Inventario , puedes gestionar tu stock introduciendo la cantidad del producto, el estado del stock (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 por pedido. Aquí también 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 Envío te permitirá introducir el peso, las dimensiones y la clase de envío del artículo:
En la pestaña Productos Vinculados, puedes añadir ventas adicionales y ventas cruzadas, mientras que Atributos te permite describir las características del producto.
En la pestaña Avanzado, puedes introducir notas de compra personalizadas, dar al producto una posición determinada en tu menú y activar o desactivar las reseñas. Además, puedes ver las extensiones recomendadas en la pantalla Obtener más opciones.
Por último, encontrarás una pestaña Pinterest en la parte inferior de esta sección. Aquí puedes determinar el estado de tus productos (nuevos/usados) y seleccionar una categoría de Google.
Crear Atributos y Productos Variables
Como puedes ver, hay muchas 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 de la sección Datos del producto — atributos y productos variables.
Los atributos son descriptores clave de tu producto, e indican 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 en Información adicional:
Independientemente del 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 tienen varias opciones?
Para ello, puedes seleccionar la opción Producto variable en el menú desplegable Datos del producto:
Esto te dará acceso a una nueva pestaña Variaciones , donde puedes crear múltiples versiones de tu producto. Puedes hacerlo manualmente o utilizar los atributos que ya hayas asignado a tu producto.
Para proceder con este último método, haz clic en Generar variaciones:
Digamos, por ejemplo, que ofreces una sudadera con capucha en rojo, verde y azul. 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 que los visitantes vean todo lo que ofreces de un vistazo. Además, significa que no tienes que crear páginas de producto separadas para pequeñas variaciones del mismo artículo.
Personalizar la Descripción Breve de Tu Producto
Debajo del widget Datos del producto, también encontrarás una sección llamada Descripción breve del producto:
Aquí puedes crear un breve eslogan que aparecerá debajo del título del producto. Puedes utilizar esta descripción para destacar las principales ventajas 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 olvides consultar también las demás opciones de la página del producto. Puedes añadir etiquetas a tu producto, colocarlo en una categoría e incluir una imagen destacada o incluso toda una galería de imágenes.
Este es el aspecto que podría tener tu producto final en la parte frontal:
Una vez que tu producto esté listo, pulsa Publicar para activarlo en tu sitio. Luego, puedes repetir este proceso para crear productos adicionales según sea necesario.
Gestionar Tus Productos WooCommerce
Probablemente incluirás varios artículos en tu tienda WooCommerce, lo que significa que necesitarás una forma sencilla de gestionar tus productos. 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. Aquí puedes añadir, editar y eliminar los productos que necesites:
En las otras páginas, bajo la sección Productos, puedes ver las categorías, etiquetas, atributos y opiniones de tus productos. Cada una de estas páginas tiene el mismo aspecto que la página estándar de WordPress Entradas > Categorías y puede ayudarte a mantener organizado todo tu inventario.
Paso 4: Elige Tus Procesadores de Pago
Ahora, puedes volver a tu página de WooCommerce, donde puedes continuar con la lista de comprobación de la tienda. En este punto, ya has completado los detalles de tu tienda y añadido algunos productos a tu sitio. Por lo tanto, estás listo para decidir qué opciones de pago quieres habilitar.
Puedes hacer clic en el enlace Configurar Pagos de WooCommerce de la página de configuración. O bien, navega hasta la pestaña Pagos desde tu panel de control:
Haz clic en Finalizar configuración para aceptar pagos con tarjeta de crédito en tu tienda.
A continuación, puedes seleccionar las opciones adicionales que quieras utilizar, 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% Utilizando el Radar de Stripe
¿Estás utilizando Square? Echa un vistazo a nuestra entrada de blog de comparación en profundidad: Stripe vs Square.
Paso 5: Añadir Impuestos y Configurar las Opciones de Envío
Desde la página de configuración de WooCommerce, también puedes hacer clic en Añadir impuestos. Aquí, puedes elegir continuar con el módulo de impuestos de WooCommerce, impulsado por Jetpack. Se trata de una opción completamente gratuita:
O puedes descargar Avalara para calcular tus impuestos. Además, puedes hacer clic en el enlace Configurar impuestos manualmente o informar a WooCommerce de que no cobras impuestos sobre las ventas utilizando el enlace correspondiente.
Una vez que hayas hecho tu selección, vuelve a la página de configuración y haz clic en Añadir gastos de envío:
Aquí puedes decidir cuánto se cobrará a los clientes por los gastos de envío. Puedes establecer una tarifa para tu zona preferida y otra para los clientes que se encuentren en otras ubicaciones. Si quieres, también puedes ofrecer el envío gratuito a uno o a ambos grupos.
A continuación, haz clic en Guardar opciones de envío. Ahora, puedes seleccionar una solución de envío para imprimir tus etiquetas de envío:
Puedes elegir entre sendcloud y ShipStation, que deberás instalar y activar. O, si no necesitas etiquetas de envío, simplemente selecciona No, gracias.
Paso 6: Revisar Add-Ons Adicionales
Llegados a este punto, ya has configurado todo lo básico para tu tienda online WooCommerce. La siguiente página del asistente de configuración te presenta algunos add-ons opcionales.
Por ejemplo, puedes hacer clic en Obtener más ventas en la pantalla de configuración de WooCommerce:
Todas estas herramientas pueden resultarte útiles, aunque ninguna de ellas es necesaria para gestionar tu tienda online. Por ejemplo, la integración con MailPoet es una forma estupenda de enviar correos electrónicos de seguimiento, newsletters y campañas promocionales a tus clientes. Mientras tanto, puedes incluir tus productos (y campañas publicitarias de pago) en la página de resultados de búsqueda de Google activando Google Listing & Ads.
Más abajo, encontrarás algunas extensiones de marketing útiles como TikTok y Mailchimp:
Para instalar y activar cualquiera de estas herramientas, haz clic en el botón Comenzar .
Paso 7: Personaliza Tu Tienda WooCommerce
En este punto, casi has terminado de configurar tu tienda WooCommerce. Sin embargo, puedes personalizar tu tienda online si vuelves a la página de configuración de WooCommerce y seleccionas Personalizar tu tienda:
Si no tienes muchos productos añadidos a tu tienda, puedes hacer clic en Importar productos para hacerte una mejor idea del aspecto que tendrá tu sitio terminado.
Ahora, puedes crear una página de inicio personalizada para tu tienda haciendo clic en el botón Crear página de inicio :
A continuación, puedes crear la marca de tu tienda WooCommerce subiendo un logotipo desde tu ordenador, y puedes introducir un aviso de la tienda para que se muestre en todas las páginas de tu sitio. Haz clic en Completar tarea para terminar.
Si aún no has verificado los datos de tu negocio, se te pedirá que lo hagas en este punto. A continuación, puedes empezar a gestionar las transacciones de WooCommerce. Tu tienda WooCommerce ya está lista para funcionar.
Cómo Personalizar tu Tienda WooCommerce
Ahora que has configurado algunos ajustes básicos para tu tienda online, hay muchas más opciones con las que jugar. Puedes encontrar todas estas opciones debajo de tu nueva pestaña WooCommerce.
Es aquí donde puedes ver pedidos, cupones e informes, así como personalizar la configuración y añadir nuevas extensiones. Recorramos cada pantalla una a una.
Pedidos y Clientes
En primer lugar, la página Pedidos muestra una lista de las compras recientes en tu tienda:
Si vendes productos digitales, aquí no hay mucho que hacer, aparte de ver lo que se ha comprado últimamente. Sin embargo, si vendes productos físicos, aquí es donde puedes averiguar qué productos necesitas enviar y el estado de tus pedidos.
Debajo de la página Pedidos, puedes hacer clic en la pestaña Clientes , donde encontrarás una lista de todas las personas que han realizado un pedido en tu sitio web. También puedes buscar clientes utilizando la barra de búsqueda y descargar tu lista de clientes.
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:
Es importante tener en cuenta que, aunque antes podías acceder a tus cupones de WooCommerce desde la pestaña WooCommerce , ahora la configuración se ha trasladado a la pestaña Marketing.
Por lo tanto, puedes crear y gestionar cupones yendo a Marketing en tu panel de control de WordPress. A continuación, selecciona Cupones. También puedes elegir eliminar por completo el menú de cupones heredado de la configuración de WooCommerce para evitar confusiones:
Aquí puedes añadir un código de cupón (o hacer que WooCommerce genere uno por ti) y crear una breve descripción. A continuación, la pestaña General te permite editar su información básica: el tipo de cupón (descuento porcentual, 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 Restricciones de Uso, puedes establecer un gasto mínimo que el cliente debe realizar para validar el cupón. También puedes marcar la casilla Sólo uso individual 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 artículos que no estén en oferta, y también seleccionar los productos y categorías de productos a los que se aplica el cupón. Por último, puedes incluso prohibir el uso del cupón a determinadas direcciones de correo electrónico.
La última pestaña, Límites de Uso, te permite determinar cuántas veces se puede utilizar el cupón, tanto en total como por cliente:
A continuación, sólo tienes que publicar tu cupón para activarlo e informar 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 gastos de envío en diferentes periodos de tiempo:
Cada gráfico puede limitarse a las ventas de un determinado producto, categoría o cupón. En la subpestaña Clientes, también puedes ver la adquisición de clientes durante los mismos periodos de tiempo.
Por último, pero no por ello menos importante, podrás revisar tus productos con pocas existencias, sin existencias y más existencias 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 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 pago, las opciones de correo electrónico y mucho más pueden adaptarse a tus necesidades.
Dentro de esta sección, la pestaña General incluye la información básica de tu tienda, incluyendo la moneda, lugares de venta y opciones de visualización:
Otra opción destacada aquí es Activar impuestos. Una vez que marques esta casilla, accederás a una pestaña de Impuestos previamente oculta en la que podrás ver tus opciones de impuestos:
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 en función de 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. Luego, puedes personalizar la forma en que se muestran los precios y los impuestos en la interfaz y durante el proceso de pago.
Los datos de tus productos, incluyendo medidas, opiniones, detalles de existencias, métodos de descarga e incluso 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 puedes personalizar cómo se calcula el envío y elegir cuál será el destino de envío por defecto. También es posible restringir la disponibilidad de tu tienda sólo a determinados países.
La pestaña Pagos te muestra qué procesadores de pago están disponibles y activos en tu tienda:
Aquí puedes activar y desactivar las opciones de pago que desees. Además, encontrarás prácticos enlaces para personalizar la configuración de procesadores específicos.
Gestión de Cuentas
La pestaña Cuentas y Privacidad es muy importante, ya que 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, tienes varias opciones sobre cómo se gestionarán las compras de los clientes. En las secciones Pago como invitado y Creación de cuenta, puedes determinar si los visitantes podrán realizar pedidos como invitados (es decir, sin acceder a una cuenta).
A continuación, puedes decidir si tendrán la opción de iniciar 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.
Ajustes Adicionales
Aunque hemos cubierto algunos de los ajustes principales en la sección anterior, hay algunas opciones adicionales que puedes configurar para tu tienda online. En primer lugar, en la pestaña 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 activarlos/desactivarlos, así como para personalizar su contenido:
Aquí encontrarás incluso instrucciones para editar las plantillas de correo electrónico, si te sientes cómodo utilizando HTML. Puedes copiar el archivo del correo electrónico en tu carpeta de temas y luego hacer los cambios que quieras. También puedes crear tus propias plantillas de correo electrónico personalizadas.
A continuación, 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 fondos.
Cambia a la pestaña Integración, donde puedes utilizar MaxMind para realizar búsquedas de geolocalización. Además, encontrarás la pestaña Avanzado, donde puedes activar la API REST, configurar claves, aplicaciones y webhooks, y realizar otras tareas de nivel inferior:
También hay una pestaña Multidivisa donde podrás aceptar pagos en varias divisas. Por último, encontrarás la pestaña Suscripciones:
Aquí puedes permitir que los clientes compren suscripciones y productos juntos. También puedes sincronizar las renovaciones para que tengan lugar en un día concreto y establecer un periodo de carencia para las suscripciones. Ten en cuenta que todos estos ajustes se pueden personalizar y cambiar cuando quieras, y tu tienda se actualizará automáticamente.
Estado
A continuación, vamos a revisar brevemente la pestaña Estado:
Aquí puedes encontrar toda la información de tu backend, como la versión de tu WooCommerce/PHP/MySQL/etc., los límites de tamaño, el registro y mucho más. En la subpestaña Herramientas de la misma página, puedes borrar 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 contribuciones de los usuarios.
Esto también se aplica a WooCommerce, aunque a menor escala. Puedes encontrar montones de herramientas para ampliar tu tienda, añadir nuevas opciones y funciones, y personalizar su aspecto en la pestaña Extensiones y en otros lugares:
Puedes ver algunas de las extensiones más populares en la sección Descubre nuestros favoritos , o si tienes en mente una extensión concreta, utiliza el cuadro de búsqueda para encontrarla.
Hay extensiones para añadir nuevas opciones de envío a tu tienda, habilitar suscripciones, personalizar el proceso de pago, integrar el mail marketing y el marketing en 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.
Temas
También puedes elegir un tema para tu sitio diseñado específicamente para el plugin WooCommerce. Para añadir un nuevo tema, dirígete a Apariencia > Temas en tu panel de control de WordPress.
A continuación, haz clic en Añadir Nuevo. Aquí, escribe «woocommerce» en la barra de búsqueda para buscar temas de WooCommerce. Storefront es un buen lugar para empezar:
Pero hay muchas otras opciones en directorios, como ThemeForest.
Con la introducción del Full Site Editor (FSE), puede que también prefieras empezar con un tema de bloques de WooCommerce. Estas plantillas están hechas totalmente de bloques, por lo que permiten más flexibilidad a la hora de personalizar tu sitio web. Por ejemplo, puedes editar partes de la plantilla como encabezados y pies de página, lo que te da un control casi total sobre el aspecto de tu sitio web.
Para buscar temas de bloques, sólo tienes que seleccionar la pestaña Temas de Bloques de la lista de opciones para filtrar los resultados:
Si tienes una tienda de ropa, Blockette es una opción excelente:
Incluye plantillas personalizadas para las páginas de tu tienda y cuenta con variaciones de estilo globales para una edición rápida. Para instalar el tema, sólo tienes que hacer clic en el botón
Instalar. Después, selecciona Activar.
Plugins
También hay un montón de plugins diseñados para ampliar Woocommerce de diversas formas. Por poner un ejemplo, el plugin Braintree For WooCommerce te permite aceptar todo tipo de pagos en tu tienda:
Pero también puedes encontrar plugins que mejoran la optimización de tu sitio para los motores de búsqueda (SEO) o plugins de caché para mejorar tus tiempos de carga. En otras palabras, si quieres modificar algo del funcionamiento de tu tienda WooCommerce, lo más probable es que puedas hacerlo simplemente encontrando la herramienta adecuada.
Bloques
WordPress te da acceso a montones de bloques para diseñar tus páginas, como imágenes, texto de párrafo, botones y mucho más. Sin embargo, una vez que hayas instalado WooCommerce, podrás acceder a un montón de bloques adicionales para potenciar tu tienda online.
Para ver tus nuevos bloques, abre una entrada o página desde tu panel de control yendo a Páginas > Añadir Nuevo. A continuación, haz clic en el icono + para empezar a añadir bloques al editor.
Aquí, busca «woocommerce:»
Como puedes ver, aquí hay un montón de funciones útiles para el comercio electrónico. Por ejemplo, puedes añadir búsquedas de productos para ayudar a los compradores a encontrar tus productos más fácilmente.
Además, puedes incluir un bloque de producto destacado para resaltar un nuevo artículo o un producto que esté actualmente en oferta. También encontrarás un bloque de carrito, que es muy práctico. Además, puedes añadir filtros a tus páginas, lo que permitirá a los compradores buscar productos en función de las existencias, el precio o la valoración.
Si no tienes conocimientos de diseño, puedes desplazarte más abajo para acceder a numerosos patrones de bloques de WooCommerce:
De este modo, puedes añadir secciones preconstruidas a tu sitio web, incluida una sección principal «Recién llegado», un pie de página con espacio para tu menú y una fila de productos de tres columnas.
Configuración Headless de WooCommerce
Si quieres separar el frontend y el backend de tu sitio web de WooCommerce, puedes crear un sitio web de WooCommerce headless. Este framework conecta el back-end de WooCommerce de tu sitio con un front-end personalizado a través de la API REST de WooCommerce.
Puede que prefieras esta opción si quieres crear un sitio web estático. O bien, puede ser una forma estupenda de mejorar el rendimiento y la seguridad de tu sitio web y obtener una mayor personalización. Por ejemplo, con la instalación predeterminada de WooCommerce, puedes acabar con un montón de funciones que no necesitas, lo que puede ralentizar tu sitio.
Aquí tienes algunas situaciones en las que tiene sentido optar por utilizar WooCommerce con una configuración headless:
- Quieres configurar varios sitios WooCommerce que compartan el mismo back end.
- Quieres conectar tu back-end a una aplicación móvil además de a tu sitio web.
- Quieres personalizar tu tienda más allá de la funcionalidad básica, temas y plugins.
- Quieres acelerar tus tiempos de carga.
- Quieres reforzar la seguridad de tu sitio haciendo que el panel de administración sea más difícil de localizar para los hackers.
La forma más sencilla de configurar un sitio web WooCommerce headless es utilizar una herramienta de desarrollo como DevKinsta:
De esta forma, puedes crear, gestionar y desplegar sitios alimentados por tu máquina local. Se trata de una herramienta totalmente gratuita, apta para WordPress único o multisitio. Además, puedes acceder a montones de herramientas locales de gestión de bases de datos y correo electrónico. Y lo que es mejor, puedes publicar tus cambios con un solo clic.
Editar Plantillas de WooCommerce
Entre la configuración integrada 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 punto de partida es editar los archivos de plantilla de WooCommerce.
Esto te permitirá modificar el funcionamiento de funciones clave, como los carritos de los clientes y el proceso de pago. Ten en cuenta que se trata de un proceso arriesgado, especialmente si eres nuevo en esto de trabajar directamente con archivos de temas y plugins. Así que, antes de empezar, querrás hacer una copia de seguridad de tu sitio por si se produce algún cambio accidental. 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 Seguro de Transferencia de Archivos (SFTP) como FileZilla. Localiza la carpeta root de tu sitio (a menudo llamada public_html o con el nombre de tu dominio):
A continuación, 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 activas actualmente para tu tienda.
En este punto, puedes abrir la plantilla que quieras y empezar a hacer cambios. Por ejemplo, si quieres modificar la página «Gracias» que aparece cuando un cliente realiza un pedido, puedes abrir la carpeta de checkout y localizar el archivo thankyou.php. Luego puedes descargarlo, editarlo o añadirle los elementos que consideres oportunos, y volver a cargarlo en tu servidor.
Almacenamiento de Pedidos de Alto Rendimiento (HPOS, High-Performance Order Storage)
En el segundo semestre de 2023, WooCommerce lanzará una actualización, haciendo el cambio al Almacenamiento de Pedidos de Alto Rendimiento (HPOS). Esto permitirá una experiencia de pago más rápida para tus clientes e implementará un proceso de pedido más rápido.
Por lo tanto, si configuras tu tienda WooCommerce después de agosto de 2023, tu tienda WooCommerce se lanzará automáticamente con HPOS. Hasta que esta función sea obligatoria, todas las tiendas WooCommerce existentes tienen la opción de activar HPOS, pero también puedes seguir sin ella por el momento.
Actualmente, los pedidos de tu tienda utilizan la misma tecnología de base de datos que almacena las entradas de WordPress. Sin embargo, HPOS trasladará la información de los pedidos a un nuevo sistema de almacenamiento que da prioridad al comercio. Esto actualizará tu tienda a una base de datos moderna y escalable.
Si tienes una tienda que utiliza WooCommerce 7.1 o posterior, puedes probar HPOS cuando quieras. Lo encontrarás como una función opcional dentro de tu configuración avanzada.
Sin embargo, es importante tener en cuenta que actualmente no todas las extensiones son compatibles con el nuevo sistema HPOS. Por lo tanto, debes consultar toda la documentación pertinente antes de activar la función en tu tienda.
Alojamiento de WooCommerce
Cuando diriges una tienda online, el tiempo es literalmente dinero. Por eso es importante tener un alojamiento de WordPress rápido y fiable para garantizar un mayor tiempo de actividad, mayores tasas de conversión y un mejor retorno de la inversión (ROI).
Se sabe que WooCommerce ralentiza los sitios de WordPress, especialmente en el caso de tiendas grandes con muchos productos. Afortunadamente, con Kinsta como proveedor de alojamiento, no tendrás que preocuparte por esto. Proporcionamos servicios de alojamiento administrado, junto con alojamiento WooCommerce altamente optimizado diseñado específicamente pensando en el rendimiento.
Gracias a nuestra infraestructura escalable en Google Cloud Platform, así como a la última tecnología, como PHP 8x, Nginx y MariaDB, podemos garantizar que un cambio a Kinsta te ayudará a aumentar tus ventas.
Brian tiene una gran pasión por WordPress, lo ha estado utilizando durante más de 10 años e incluso ha desarrollado un par de plugins premium. Brian disfruta de los blogs, las películas y el senderismo. Conéctese con Brian en Twitter.
