Cómo instalar WooCommerce en WordPress: guía rápida para nuevos usuarios

Construye tu escaparate digital

La situación mundial con la pandemia de COVID-19 orilló a emprendedores y dueños de pequeñas y medianas empresas a cerrar las puertas de sus comercios físicos y replantear su estrategia de negocio hacia un modelo de tiendas virtuales.

Aunque algunas de estas personas tenían planes de hacer este salto –e incluso ya contaban con un blog personal o un sitio web de WordPress–, la crisis aceleró las cosas para empujarlas a convertir su plataforma web en fuente de ingresos y ventas. Es ahí donde una herramienta como WooCommerce, el plugin de comercio electrónico más popular de WordPress, puede ser de gran ayuda.

Además, si consideramos que el crecimiento anual de ventas online en Latinoamérica (+36.7% según eMarketer) superó las expectativas y renovó el entusiasmo por las compras digitales en 2020, vendedores al menudeo, fabricantes, artesanos, restauranteros o profesionales pueden beneficiarse de tener un escaparate virtual para ofrecer sus productos o servicios.

Por todo lo anterior, en este artículo te compartimos una guía rápida y fácil donde aprenderás cómo crear una tienda online utilizando WooCommerce y WordPress, partiendo desde la instalación, pasando por los tipos de producto y hasta personalizar su diseño. 

Cómo instalar WooCommerce: guía rápida para nuevos usuarios

En un webinar reciente, nuestro Guía GoDaddy Luis Azuaje nos llevó por la instalación, configuración inicial y publicación de una tienda completa WooCommerce, con catálogo de productos, carrito de compra, blog y formas de pago.. ¡todo en menos de 1 hora! 

A manera de resumen, aquí te presentamos los pasos más importantes en la configuración de WooCommerce en tu página web WordPress

  1. Instalación de WooCoomerce: entra a WordPress, instala y activa el plugin.
  2. Configuración de WooCommerce: ingresa los datos de tu tienda y elige las características.
  3. Agrega tu primer producto.
  4. Personaliza el aspecto de tu tienda online.

PASO 1. Configuración inicial de WooCommerce: instala y prepara los datos de tu tienda

Como mencionamos más arriba, WooCommerce es un plugin de comercio electrónico, es decir, una característica adicional que se instala en sitios web de WordPress. Por eso, antes de proceder a su configuración tienes que tener instalado WordPress de forma correcta. Esto es sencillo si sigues las instrucciones de este video-webinar:

Si quieres ahorrar tiempo y tener recursos de alojamiento optimizados para tiendas en línea, los planes Hosting WordPress de comercio electrónico de GoDaddy vienen con WooCommerce preinstalado e incluyen más de 75 extensiones premium que te ayudarán a personalizar tu negocio de ventas online.

Si quieres aprender y hacerlo por tu cuenta, ¡entonces sigue leyendo!

  • Ingresa al escritorio WordPress (con tu usuario y contraseña) y ve a la sección Ajustes > Generales > Idioma del sitio para cambiar el idioma de la plataforma a “Español”.
  • Regresa al escritorio y ve a Páginas > Todas las páginas para revisar lo que tengas ya instalado en tu sitio. Si existen páginas por defecto, elimínalas con el menú desplegable de “acciones en lote”.
  • Ve a Plugins > Plugins instalados y elimina todos los que estén preinstalados.
  • En esa misma sección da clic al botón “Añadir nuevo”. Aparecerá una página con varias pestañas y una barra de búsqueda a la derecha. Ingresa la palabra “WooCommerce” y da Enter. Te aparecerá una lista de plugins. Busca el ícono morado con blanco que dice “Woo” y tiene más de 5 millones de instalaciones activas. Da clic en “Instalar ahora”.

WordPress instalar plugin WooCommerce

  • El botón cambiará de “Instalando” a “Activar”. Dale clic nuevamente y espera a que se despliegue la siguiente pantalla. (Nota: en WordPress los plugins tienen dos estados: instalado y activo. Un plugin no podrá ser utilizado hasta que aparezca como activo).

PASO 2. Configuración de WooCommerce: ingresa los datos de tu tienda y elige las características

Inmediatamente después de la activación, WooCommerce mostrará un asistente de configuración rápida con una serie de pasos para la configuración básica. El primero de ellos es recopilar los datos mínimos de tu tienda como país, dirección, moneda local y tipo de productos que venderás.

Asistente de instalación rápida WooCommerce

  • Al terminar este formulario aparecerá un mensaje emergente que te preguntará si quieres participar de un programa de seguimiento estadístico. Puedes activarlo marcando la casilla, o de lo contrario, haz clic en “Continuar”.

mensaje de seguimiento WooCommerce

  • En seguida deberás seleccionar la plataforma para recibir pagos, la cual dependerá del país donde se ubica tu negocio. Para Latinoamérica, GoDaddy principalmente trabaja con PayPal así como algunas opciones locales de pasarelas de pagos. 

forma de pago PayPal en WooCommerce

  • A continuación deberás de establecer las zonas y métodos de envío. Si aún no tomas una decisión sobre este tema, puedes desactivar las opciones por defecto y dar clic en “Continuar” para configurarlo más tarde.

zonas y métodos de envío en WooCommerce

  • La siguiente pantalla te mostrará los plugins recomendados y gratuitos para WooCommerce como Mailchimp (para campañas de correo electrónico) y Facebook (para ligar tu tienda online con el marketplace de dicha red social). Para darle rapidez a la instalación puedes desactivar las funciones que no pienses utilizar (excepto el tema Storefront, que lo veremos en el PASO 3) y retomarlas en otro momento.

configuración de WooCommerce: plugins recomendados

  • Enseguida se mostrará información sobre el plugin Jetpack, una suite de servicios para monitorear y proteger tu tienda WooCommerce. Puedes activarlo con una cuenta de Google o Facebook aunque, para propósitos de esta guía rápida, te recomendamos dar clic en “Saltar este paso”.

configuración de WooCommerce: Jetpack

  • ¡Listo! Completaste el asistente de configuración rápida y aparecerá una pantalla de confirmación de la instalación, con varios botones para empezar a tomar control de tu tienda online. Da clic en “Crea un producto” para empezar a armar tu tienda.

cómo instalar WooCommerce: instalación completa

PASO 3. Agrega tu primer producto

Una vez dentro del editor de WooCommerce lo primero que verás son los campos de nombre y descripción de producto con los cuales podrás empezar a crear el catálogo de artículos que podrás vender una vez que publiques tu tienda. 

editor de producto WooCommerce

Como se trata de una nueva instalación de WooCommerce, también verás pequeños consejos que aparecerán a lo largo del camino para guiarte.

Asegúrate de colocar información correcta, completa y sin errores ortográficos para cada artículo listado, poniendo especial atención en sus características más destacadas.

a. Tipo de producto y descripción corta

En el panel “Datos de producto” podrás modificar las características del mismo. Cada producto debe ser de un tipo específico. Por defecto, WooCommerce ofrece estos tipos:

  • Producto simple. Es el tipo de entrada más común y cubre todos los artículos individuales que quieras vender. Por ejemplo, un libro.
  • Paquete o grupo. Al seleccionar esta opción no crearás un nuevo producto, sino que tendrás que seleccionar productos simples creados previamente y que estén relacionados para venderlos en paquete. Por ejemplo, un smartphone con funda y auriculares acordes con el modelo.
  • Productos afiliados. Puedes enlistar y describir productos cuya venta se realizará en una plataforma externa. Esto es útil si tienes convenios de distribución con vendedores de marketplaces como Amazon o Etsy.
  • Producto variable. Se utiliza para artículos individuales que tienen variaciones. Así, cada entrada puede tener su propio número de inventario (SKU), precio, opción de compra, fotos, etc. Ejemplo, una misma prenda con diferentes opciones de color y/o talla.
  • También están disponibles las casillas de servicios virtuales (por ejemplo, si ofreces clases o talleres online) o productos descargables (como un eBook).

panel datos de producto de WooCommerce

Según el tipo de producto elegido, el panel “Datos de producto” se actualizará para mostrar los campos o las características a modificar o agregar.

Otro panel importante es la “Descripción corta”, donde puedes colocar un extracto de la descripción completa del producto (que llenaste previamente en el editor) y que se mostrará junto a cada artículo en el catálogo de tu tienda. Te recomendamos colocar un texto breve pero impactante para que las personas interesadas le den clic.

descripción corta de producto en WooCommerce

¿Quieres aprender más sobre creación de productos? Checa los manuales oficiales de WooCommerce.

b. Metadatos de producto

A la derecha del editor de WooCommerce tendrás los campos para ingresar los metadatos de producto, es decir, la información para clasificar cada artículo.

metadatos de producto en WooCommerce

Para empezar, en las pestañas “Categorías de productos” y “Etiquetas de productos” puedes seleccionar categorías/etiquetas previas o crear una nueva sobre la marcha.

En “Imagen del producto” podrás establecer la imagen principal de cada artículo, y que será la que se muestre en el catálogo de tu tienda online. 

Y en “Galería de productos” podrás agregar todas las imágenes que necesites (por ejemplo, para mostrar el artículo desde distintos ángulos), y WooCommerce creará una vista de carrusel cuando el usuario ingrese a la entrada.

Finalmente, la pestaña “Publicar” te permite seleccionar el estado actual del producto, es decir, si se trata de un borrador, si se programó una fecha de lanzamiento o si ya está disponible y a la vista de todos. Repite la operación hasta completar tu catálogo de productos y servicios.

PASO 4. Personaliza el aspecto de tu tienda

Ahora que tienes uno o varios productos cargados, es hora de personalizar el diseño de tu tienda instalando plantillas o temas. Hay miles disponibles en el catálogo de WordPress y, con la instalación que realizaste, ya cuentas con el tema Storefront.

Storefront, plantilla para tienda en línea WooCommerce

Esta plantilla fue desarrollada por el mismo equipo que construyó WooCommerce, así que es ligera, funcional y ofrece muchas opciones de personalización.

Para cambiar la configuración predeterminada de esta plantilla, ve a Apariencia > Personalizar. Un guía automático de WooCommerce te llevará paso a paso por la herramienta de personalización para que te familiarices con su funcionamiento. Aquí tienes un ejemplo de cómo luce una entrada de producto ya terminada con Storefront:

ejemplo de producto en WooCommerce
Ejemplo de página de producto en WooCommerce (Fuente: Storefront)

Si aún con estas ventajas quieres explorar más opciones, para instalar un tema nuevo ve a Apariencia > Temas y haz clic en botón azul con el signo de más (+) y la frase “Añadir un tema nuevo”. Aquí podrás navegar entre plantillas populares, nuevos lanzamientos y recomendaciones de GoDaddy. También puedes hacer un recorrido de muestra dando clic en el botón “Vista previa” y, cuando encuentres un tema de tu agrado, simplemente pasa el cursor por encima, haz clic en Instalar y luego en Activar.

¡Estás a muy cerca de empezar a tomar pedidos! Como ves, con WooCommerce y WordPress crear una tienda online es más rápido y fácil de lo que te imaginas. Consulta los planes de Hosting WordPress de comercio electrónico de GoDaddy y construye la tuya hoy.

Basado en un artículo de Judith Kallos publicado en GoDaddy Garage.