Cómo Crear TIENDA Online con WOOCOMMERCE [+TIPS]

Desde que el comercio electrónico empezó a formar parte de nuestra vida (si lo piensas, no fue hace tanto), son muchos los retos a los que los profesionales del sector y los propios usuarios se han enfrentado. Cosas tan básicas como «probarse una prenda» ya no eran tan «fáciles» o el hecho de poder ver o tocar el producto son un hándicap en sí mismos. También están las barreras técnicas, como por ejemplo configurar y poner en marcha una tienda online. Todo esto lo cerraba un asunto aún peor: falta de clientela y poca confianza en el comercio online.

Antes no concebíamos poder comprar una camiseta o unos zapatos por Internet por «miedo» a no poder probarlos. Hoy en día las tiendas online ofrecen servicio de devolución gratis que han mejorado la percepción de los usuarios, por lo que actualmente se compra de todo por Internet.

Gracias a una evolución progresiva de este sector, este hándicap o problemas se han ido reduciendo de tal forma que se ha dado la vuelta a la tortilla. Actualmente el comercio electrónico es un sector en plena ebullición y con una trayectoria ascendente durante los próximos años. Esto no sería posible sin una población cada vez más conectada, no sólo a través de un cable, sino a través de dispositivos como teléfonos inteligentes y tabletas, que hacen muy cómodo (incluso divertido) el hecho de comprar online.

Actualmente es complicado no encontrar personas que navegan o hacen uso de la tecnología todos los días. Pero, como siempre, si esto no va unido a una mayor seguridad en el proceso de pago y a un mejor conocimiento sobre el uso y el disfrute de Internet, el resultado no sería el mismo. El alcance es un público objetivo que conforma todos los estratos de la población en prácticamente todos los países del mundo.

Cuando empiezas una casa, la empiezas por los cimientos ¿verdad? ¡Pues el proceso de construir una tienda online con WooCommerce también! Para empezar con buen pie y preparado para lo que venga, debes tener a buen recaudo una serie de herramientas y servicios online (la mayoría totalmente gratis). Algunas veces será crear una cuenta gratuita en una página, otras pagar por un servicio y otras simplemente hacer una visita, pero eso te lo iré explicando paso a paso. Para empezar te mostraré una lista de las más importantes para empezar (a medida que vayas leyendo la guía te iré proponiendo nuevas herramientas y servicios):

WordPress es una plataforma de gestión de contenidos muy poderosa y versátil que puede ser utilizada para el diseño y creación de tiendas online. Estos temas premium de WordPress, 100% compatibles con WooCommerce, transformarán tu instalación en una tienda online profesional con todas las funcionalidades necesarias para que, cualquier negocio que lo desee, realice ventas de productos o servicios a través de Internet (incluyendo carrito, plataformas de pago, envíos personalizados, gestión de pedidosy todo lo que necesites). Estas son mis plantillas para WooCommerce favoritas:

Como cualquier plugin de WordPress gratuito, WooCommerce no tiene todas las funciones (aunque ya es muy completo tal y como viene) y no siempre cumple con todas las necesidades. Por ello, necesita soporte de algunos addons, complementos y extensiones para crear una tienda online completa con WordPress. Yo mismo he lidiado con varias de estas instalaciones (por ejemplo frenchiemania.com y mensandbeauty.com) y no es fácil encontrar plugins para mejorar la funcionalidad y opciones que vienen por defecto en WooCommerce. Por ello, te dejo mis extensiones favoritas que utilizo a menudo en este tipo de instalaciones (aunque hay muchas más):

Todos los pasos a seguir para crear una tienda con WooCommerce y WordPress requieren de un estudio previo de determinados elementos esenciales. Los primeros pasos son muy importantes porque gracias a ellos conseguirás marcar la diferencia y construir un comercio electrónico con una base sólida. Mi experiencia diseñando tiedas online me ha permitido comprobar lo esencial que resulta seguir este procedimiento antes de descargar e instalar WooCommerce en WordPress:

En el mercado proliferan multitud de espacios para adquirir plantillas compatibles con WooCommerce. Actualmente una de las páginas para comprar plantillas de WordPress más popular es Themeforest debido a su amplio catálogo de temas para WordPress (aunque existen otras alternativas). Aunque hay muchas plantillas para tiendas online, una de mis favoritas es Flatsome (seguido de Porto y XStore). En este caso, el ejemplo lo hago con la primera, un tema de WordPress premium muy completo, con el que podrás crear una tienda online ideal. Te explico el proceso paso a paso:

Para instalar la plantilla Flatsome en WordPress dirígete a «Apariencia > Temas > Añadir nuevo»

Selecciona «Subir tema», sube el archivo de la plantilla (que previamente has descargado) y haz click en «Instalar ahora»

Espera unos segundos y haz click en «Activar» para empezar a utilizar Flatsome en tu WordPress

La configuración de la plantilla Flatsome es muy sencilla. De hecho, los desarrolladores de la plantilla, para facilitarlo todavía más, ponen a tu disposición un asistente rápido con el que simplemente tienes que seguir los pasos. El objetivo es que cualquier, incluso aunque no tenga conocimientos técnicos o de WordPress, pueda instalar y configurar la plantilla fácil y rápidamente. Te lo explico paso a paso:

Una vez instalada y activada la plantilla, haz click el «Let’s go!» para comenzar la configuración

Accede a tu cuenta de Envato, haz click en «Generate a token» (copialo y pégalo) y haz click en «Register»

Si el token es válido haz click en «Continue»

Crea un child theme (o tema hijo) y llamalo «Flatsome Child» y haz clic en «Create and Use Child Theme»

Espera unos segundos a que el sistema lo valide haz click en «Continue»

Selecciona «Continue» para instalar los plugins de la plantilla

Elige qué contenido quieres añadir de la demo de Flatsome y haz click en «Continue»

Sube el logo de tu tienda online, elige la demo que prefieres haz click en «Continue»

Acepta los términos y condiciones de asistencia técnica de la plantilla seleccionado «Agree and Continue»

¡Listo! Ya has configurado la plantilla Flatsome con el asistente rápido

Ya tienes una tienda online con el contenido de la demo de Flatsome

Como habrás visto, crear la base de una tienda online la plantilla Flatsome y WooCommerce es muy sencillo. Además, es importante que sepas que este tema dispone de un page builder denominado «Ux Builder» con el que podrás construir la página fácilmente debido a su funcionalidad para arrastrar y soltar los elementos a tiempo real (drag & drop), con el que podrás ver los cambios sin necesidad de recurrir a la vista previa continuamente.

La configuración de los ajustes generales de WordPress no te supondrá mucho tiempo. El bloque está formado por varios apartados cuya función es que el cliente conozca tu sitio y sus principales características. Te voy a mostrar cada una de ellas para que no tengas ningún problema:

Una vez configurados los ajustes generales de WordPress, el siguiente paso consiste en configurar los ajustes de lectura. ¿Cuál es la funcionalidad de este apartado? Controlar el modo en el que se muestra tu tienda online a los visitantes. Vamos a ver paso a paso cada elemento:

Para configurar los ajustes de lectura dirígete a “Ajustes>Lectura>Guardar cambios”

Los comentarios son una de las partes más importantes de cualquier página web. Muchos usuarios suelen hacer alguna pregunta o simplemente dejar una review positiva que, a su vez, sirve para ilustrar a otros visitantes. A continuación vamos a ver los ajustes de este apartado:

La mayor parte de lo que se configura en este apartado hace alusión a las imágenes presentes en tu tienda online. Una buena configuración de estos elementos es esencial para evitar que los clientes abandonen tu página web. El contenido visual es una de las partes que más capta la atención del clientes. Veamos en qué consisten los ajustes de medios de WordPress:

Los enlaces permanentes son las url de cada una de las páginas que conforman tu tienda online, es decir, la dirección que se ve en el navegador cuando estamos en una parte de un sitio web. Su configuración es esencial para que los usuarios puedan ver la página adecuadamente y para que Google la indexe correctamente. ¿Cómo? A continuación te lo explico:

Para configurar los ajustes de los enlaces permanentes dirígete a “Ajustes>Enlaces permanentes>Guardar cambios”

Los ajustes de privacidad son uno de los pasos más importantes en toda web, especialmente en un eCommerce. Todos los espacios han de cumplir con el Reglamento General de Protección de Datos de la Unión Europea (GDPR) para poder operar en Internet. El objetivo del reglamento es cuidar y proteger el uso que se hace de los datos personales de los usuarios para que sus propietarios no tengan más control sobre ellos. ¡Vamos a verlo!

Una vez configurados los ajustes generales en tu WordPress, el siguiente paso es la descarga e instalación de WooCommerce. Normalmente cuando escuchamos el término «instalar» nos asustamos porque tememos encontrarnos con conceptos o pasos desconocidos. No te preocupes, activar WooCommerce dentro de WordPress es incluso más sencillo que darse de alta en Google My Business. A continuación te lo voy a enseñar:

WooCommerce es un plugin gratuito de WordPress y, por tanto,  se puede instalar desde el directorio oficial de modo rápido y sencillo sin necesidad de abonar ninguna cuantía económica. Para ello debes acceder al apartado de plugins situado en la parte izquierda del menú e introducir el término «WooCommerce» en la barra de búsqueda. Inmediatamente te aparecerá el plugin de la herramienta y solo deberás hacer clic en «Activar» para que en cuestión de segundos aparezca incorporado en el menú de tu WordPress. Fácil, ¿verdad?

Antes de comenzar a explicarte los cinco pasos básicos para configurar el plugin WooCommerce de WordPress correctamente déjame hacerte una recomendación: tómate tu tiempo. A pesar de que es un procedimiento sencillo de entender, llevarlo a cabo de modo rápido puede llevarte a configurar mal alguna opción y a modificarla posteriormente en otra parte desconocida de la web. Así no tendrás ningún problema. Vamos a ver cuáles son los pasos básicos para configurar el plugin WooCommerce:

Inmediatamente después de activar el plugin de WooCommerce en WordPress aparece un asistente de configuración rápida cuyo objetivo es establecer los parámetros básicos de funcionamiento de una tienda online para que comience a funcionar lo más rápido posible. Como te decía anteriormente, la finalidad es que cualquier usuario, independientemente de su conocimiento sobre WordPress, pueda configurar estos elementos de modo sencillo sin complicaciones. Vamos a ver en qué consiste cada paso:

Para configurar WooCommerce con el asistente rápido haz clic sobre el término «WooCommerce» situado en el menú izquierdo

Comprueba que los datos son correctos y selecciona la opción de «Seguir»

Acepta las condiciones para un funcionamiento más optimo y posteriormente haz clic en «Seguir»

Selecciona el tipo de industria en la que operas con tu tienda online

Indica el tipo de elementos de tu tienda online, es decir, productos y/o servicios

Configura los elementos económicos de tu tienda online y posteriormente selecciona «Seguir»

Selecciona el tema Flatsome Child haciendo clic en «Continue with my active theme»

Selecciona la opción «No, gracias» para evitar la instalación del plugin Jetpack 

Accede a «Finish setup» y haz clic en «Store details» y «Add my products» 

En la opción «Set up payments» podrás configurar los métodos de pago de tu tienda online 

En la opción «Set up tax» podrás configurar los impuestos de tu tienda online 

En la opción «Set up shipping» podrás configurar los envíos de tu tienda online 

En la opción «Personalize my store» podrás personalizar tu tienda online 

En la opción «Add my products» podrás añadir los productos de tu tienda online y ¡listo!

La creación de categorías y subcategorías constituye una actividad esencial en toda tienda, especialmente si tienes un amplio catálogo de productos. Piensa qué harías si a la hora de adquirir un producto y/o servicio dentro de un eCommerce no encuentras lo que necesitas porque los elementos no están bien estructurados. Seguramente abandonarías el comercio y te irías a otro en el que pudieras comprar lo que deseas de modo rápido y sencillo, ¿verdad? Para que esto no te ocurra, te voy a explicar como crear las categorías y subcategorías de los productos de tu tienda:

Para crear categorías accede a “Productos> Categorías>Nombrar>Añadir nueva categoría”

Espera unos segundos y verás que se ha añadido al servidor

Una etiqueta es un concepto clave cuya principal función es definir los productos y/servicios de tu tienda online. Al igual que las categorías, cada etiqueta tiene una url diferente. No es obligatorio asignar este elemento a un producto y/o servicio, pero sí es recomendable para estructurarlos y diferenciarlos. A continuación, vamos a ver cómo puedes crear las etiquetas de los productos de tu tienda:

Para crear etiquetas accede a  “Productos> Etiquetas>Nombrar>Añadir nueva etiqueta”

Espera unos segundos y verás que se ha añadido al servidor

Los atributos hacen alusión a las características que definen un servicio o producto. Se trata, por tanto, de otra forma de agrupar los elementos de tu tienda online para proporcionar a los clientes la mayor información posible. Algunos ejemplos son el color, la talla, el peso, entre otros. Útil y necesario para satisfacer las necesidades de los usuarios, ¿verdad? Vamos a ver cómo crear los atributos de los productos de tu tienda:

Para crear atributos accede a  “Productos> Atributos>Nombrar>Añadir atributo”

Espera unos segundos, comprueba que se ha añadido al servidor y haz clic en «Configurar términos»

Indica las características de los productos y selecciona «Añadir nuevo Contenido»

Espera unos segundos y verás que se ha añadido al servidor

Después de llevar a cabo todas las indicaciones anteriores, lo último que tienes que hacer es repasar y completar los ajustes de WooCommerce. Si has seguido los pasos seguramente todo se encuentre correctamente, pero bien es cierto que nunca está de más revisar si todo está listo y organizado antes de comenzar a comercializar. Este proceso no te llevará muchos minutos, así que mi recomendación es que lo lleves a cabo para comenzar a conseguir que tu marca resalte de la competencia.

Si te ha parecido sencillo llevar a cabo las configuraciones anteriores, también te lo será la creación de productos con el plugin WooCommerce de WordPress. Solamente debes tener claro qué características quieres incluir y una vez que subas el primer producto, los demás irán muy rápido. Dar a conocer tus productos en tu página web es tan sencillo como venderlos por Instagram. A continuación vamos a verlo paso a paso para que tú mismo lo compruebes:

El primer paso es añadir el título, la URL, la descripción y las categorías del producto. Mi recomendación es que la información que vayas a incluir en este apartado vaya acorde con las necesidades del cliente, es decir, que sea lo más simple y directa posible. Piensa cómo lo buscaría una persona desconocida y qué características le gustaría ver.

Accede a “Productos> Añadir nuevo>Añadir título>Añadir URL>Añadir descripción>Añadir categoría”

Una vez completados los apartados iniciales, el siguiente paso es añadir la descripción corta, las etiquetas y las imágenes. Recuerda que los pequeños detalles marcan la diferencia. Intenta que las fotografías sean lo más visuales posibles y que muestren todas las características del producto. ¡Será lo primero en lo que se fije el cliente!

Desliza el ratón hacia abajo para después «Añadir datos del producto>Añadir descripción corta>Añadir etiqueta>Añadir imagen»

La sección de ficha del producto es el espacio en el que se añade la mayoría de los datos importantes de tus productos como, por ejemplo, el precio o el método de envío. Debes tener definidos previamente todos estos elementos antes de incorporarlos a la plataforma. Intenta que no haya ninguna barrera técnica que pueda provocar que el cliente se vaya a otra página web como puede ser la ausencia de métodos de pago adecuados.

Accede a “Datos del producto>General” y rellena los cuatro campos con los datos del material

Selecciona “Inventario”  para rellenar los seis campos con los datos necesarios y tus preferencias

Accede a «Envío» y completa los tres campos para configurar las características del paquete

Selecciona «Productos relacionados» para mostrar productos similares a los clientes

Entra en «Atributos» para seleccionar los términos acordes al productos creados previamente

Haz clic en el atributo que deseas incorporar para tu producto

Elige el atributo, selecciona «Visible en la página de productos» y posteriormente «Guardar atributos»

Accede a «Avanzado» para incorporar otros elementos como notas de compra o valoraciones

Haz clic en «Product layout» para configurar los elementos relativos al diseño del producto

Accede a «Extra» para mostrar contenido extra del producto como puede ser un vídeo divulgativo

Este paso es fundamental puesto que determina qué productos de tu tienda online se van a mostrar. Lo más habitual es que se visualicen en la tienda y en los resultados de búsqueda. Seleccionar esta opción permitirá que todos los usuarios puedan encontrar tus productos y/o servicios. Además, en un futuro también puede servirte para crear campañas de Google Adwords.

Selecciona el ajuste que deseas y posteriormente haz clic en «Aceptar» 

¡Listo! Una vez configurados todos los elementos, el último paso es publicar el producto para que se haga visible dentro de tu tienda online. Cuando un cliente entre dentro de tu sitio web, podrá ver sus características, añadirlo al carrito y comprarlo.

Haz clic en «Publicar» para que figure dentro de tu eCommerce

Dependiendo de las características de tu eCommerce puedes añadir multitud de funcionalidades. Generalmente la elección de unas u otras vienen determinadas por el tamaño de tu tienda y, como consecuencia, el catálogo de productos. A más material, más necesidades. A continuación te voy a mostrar dos de las funcionalidades más comunes que todo emprendedor que desea trasladar su negocio al ámbito online debería incorporar:

Administrar tu negocio desde la aplicación de WooCommerce te será mucho más cómodo. A través de la herramienta podrás crear productos, procesar los pedidos y controlar las estadísticas a tiempo real. Las notificaciones de la aplicación evitarán que te descuides de llevar a cabo un pedido o una revisión. No tendrás que estar delante de la pantalla del ordenador para controlar las transacciones dentro de tu eCommerce.

Accede a “WooCommerce>Extensiones>Conectar” para conectar tu tienda a WooCommerce y usar la aplicación

Una vez que tienes claro qué plantilla y plugin de ecommerce vas a utilizar en tu instalación WordPress, debes elegir las pasarelas de pagos. En pocas palabras, la parte del proceso de compra donde el usuario te paga, por lo que es crítica y debe satisfacer por completo a tu cliente. La forma más fácil de empezar a vender online es utilizando PayPal, Stripe o un TPV Virtual como pasarela de pago (echa un ojo a esta comparativa entre PayPal, Stripe y el TPV Virtual).

Elegir una pasarela de pagos u otra depende del plugin WordPress de ecommerce que elijas, ya que cada uno tiene sus particularidades.

Es las dos primeras sólo tienes que registarte y configurarlas (muy sencillo) y acto seguido ya puedes aceptar pagos a través de tu tienda online (plugins como WooCommerce o Easy Digital Downloads permiten utilizar PayPal o Stripe como pasarela de pago sin necesidad de comprar extensiones adicionales). Eso sí, aunque es rápido, tiene un precio, ya que PayPal y Stripe cobran más de 3,5% de comisión por transacción. El TPV Virtual es gratis o no (dependiendo de la negocacion que hagas con tu banco), por lo que depende de ti, pero es la opción más barata (con la comisión más baja con mucha diferencia).

De todas maneras, añadir unas o otras va a depender de la opción de pago que hayas elegido, ya que puedes optar por las opciones clásicas o las plataformas para vender productos digitales en tu web que he mencionado más arriba. Son muy interesantes y fácil de implementar pero, como siempre, tendrás que pasar por el pago de una comisión por venta y una mensualidad. Mi recomendación es que empieces por algo sencillo y después, cuando empieces a tener ventas, optes por sistemas más completos.