Cómo crear una Tienda Online con WordPress y WooCommerce

Con o sin pandemia, el comercio electrónico no para de crecer. Se espera que en 2023 supere los 2.272 billones de euros. ¿Lo mejor? Que, gracias a WordPress y WooCommerce, cada vez hay más pequeños emprendedores con su tienda online.

crear tienda online woocommerce

Y es lógico porque las barreras de entrada para cualquier persona que se lo quiera tomar en serio son cada vez más bajas. Sin ir más lejos, la plataforma de tienda online nº1 en el mundo, WordPress + WooCommerce, es gratis, sí, gratis.

Este post es una puesta al día de uno de los posts con más éxito de este blog que es precisamente un tutorial de cómo crear una tienda online con WooCommerce.

El post original fue publicado en su momento por Francisco Javier Carazo, un profesional especializado en WooCommerce que ofrece, además, en la web de su empresa, Codection, una amplia gama de plugins para WooCommerce que te recomiendo que veas porque te pueden ser muy útiles.

¿Por qué está arrasando tanto la combinación WordPress + WooCommerce?

Hay muchas razones, pero seguramente la principal sea que tanto WordPress, la plataforma web (que lo es también de este blog) como WooCommerce (un plugin que se instala en WordPress y le añade las funcionalidades de una tienda online) son software libre y código abierto que cualquiera puede descargarse y usar gratis.

El único coste es el servicio de hosting y dominio, necesarios para disponer de un servidor web conectado a Internet en el que operar este software. Por unos 5-6€ al mes ya puedes contratarlo con una calidad bastante decente. Y con eso ya puedes tener una tienda online profesional.

Pero lo mejor es que, con la guía adecuada, incluso siendo completamente pricipiante en esto, el proceso de crear la tienda, configurarla y crear un diseño estético que quede bien para tu tienda es más fácil de lo que piensas. No me entiendas mal, tampoco es algo trivial, pero con ganas y la guía adecuada se puede conseguir perfectamente.

Y la guía adecuada, sin duda, la tienes aquí mismo. 😉

De hecho, el problema más importante que hay en esto es que prácticamente todos los tutoriales se quedan en la más absoluta superficie porque, aun siendo algo asequible para alguien que quiera tomárselo en serio, hay que echarle algo de tiempo y cariño para trabajar bien los detalles.

Por eso, estos tutoriales suelen crear tiendas que son juguetitos que de cara a la realidad se quedan cojos por todos los lados. Y por eso mismo hemos hecho un gran esfuerzo para crear una tienda online real.

¿Qué es WooCommerce y para qué sirve?

Si eres lector asiduo de este blog, no es necesario explicarte qué es WordPress, pero si has aterrizado aquí por primera vez, decirte que WordPress es un sistema gestor de contenidos que es software libre y código abierto, líder del mercado y muy popular para webs de tamaño pequeño/mediano y blogs.

Es otro ejemplo más de los increíbles proyectos de software libre que podemos disfrutar en la actualidad.

Y si necesitas más detalles, aquís te los cuento:

¿Qué es WordPress, para qué sirve y cómo funciona? ¿Qué es WordPress, para qué sirve y cómo funciona?

El 31,7% de las webs usan WordPress. Y no sólo blogs, todo tipo de webs. Aquí te explico qué es WordPress, cómo funciona y qué lo hace especial.

WooCommerce, por otro lado, es un plugin para WordPress que añade la funcionalidad que necesita una tienda online.

Además, de esto, se ha convertido en un auténtico ecosistema con una infinidad de productos de terceros, gratuitos y de pago, con todas las mejoras y extensiones que te puedas imaginar. En este post profundizamos más en este plugin:

Qué es WooCommerce, para qué sirve y cómo funciona Qué es WooCommerce, para qué sirve y cómo funciona

Si quieres crear una tienda online, una de las mejores opciones (si no la mejor) es WooCommerce. Aquí te explico qué es exactamente.

Como puedes ver en la estadística enlazada más arriba en este post, las tiendas online WordPress + WooCommerce son, con diferencia, las más usadas en todo el mundo.

Esto es así principalmente por estas razones:

  • Es gratis y se puede usar libremente.
  • Es muy potente y escalable, se pueden crear desde pequeñas tiendas muy sencillas para un autónomo con su pequeño negocio hasta tiendas con cientos de miles de productos.
  • Es seguro: 100% compatible con protocolos seguros HTTPS (SSL).
  • Es compatible con prácticamente la totalidad de pasarelas y métodos de pago conocidos.
  • No requiere conocimientos en programación: con un poco de ganas, tú lo puedes instalar, diseñar y configurar perfectamente tu tienda.
  • Cuentas con una gigantesca comunidad de usuarios y soporte, tanto gratis vía foros como profesional vía empresas que ofrecen sus servicios.

[activecampaign form=317 css=1]

¿Qué ventajas aporta WordPress a WooCommerce?

Pero es que, además, la combinación con WordPress, el hecho de ser un plugin dentro de WordPress es una jugada genial porque añade muchas ventajas adicionales a las que tiene ya de por sí WooCommerce como solución de tienda online.

¿Por qué?

Porque añade toda la potencia que tienen WordPress y su gigantesco ecosistema a WooCommerce.

Por ejemplo:

  • Al venir WordPress con la mejor solución de blog del mercado, de ese blog te puedes aprovechar también para tu tiende online. Un blog es una gran estrategia SEO para hacer las visitas a tu tienda con contenidos de valor que complementen el catálogo de productos.
  • Los temas (plantillas de diseño) y plugins para WordPress los puedes aplicar también a tu tienda. Es decir, dispones de decenas de miles de diseños web prediseñados (los temas) y puedes aprovechar las funcionalidades añadidas por plugins también para tu tienda.
  • La interacción con redes sociales también la tienes integrada.
  • Etc., etc., etc.

El tutorial, lo vamos a desarrollar basándonos en el vídeo que de nuestro canal YouTube:

El tutorial (que es más un curso completo que un tutorial) es muy largo. Por eso, aparte de la versión completa de arriba, a continuación, lo desgloso también bloques más digeribles:

  1. Introducción y presentación del resultado la web.
  2. Contratación de hosting, instalación y configuración de WordPress.
  3. Creación de la web.
  4. Creación de los contenidos.
  5. Creación de la tienda.
  6. La sección "pro".

Vistazo al resultado final de la tienda que crearemos juntos

Empezamos con un vistazo al resultado final de la tienda que vamos a crear:

Te recomiendo que veas el vídeo con calma hasta al final porque estoy seguro de que te sorprenderás de lo completa que es la tienda que vamos a crear.

Estoy seguro de que, si no te dijéramos que es para un tutorial, la tomarías por una tienda real.

Contratar el hosting y dominio e instalar WordPress

Empezamos con los preparativos.

Cómo contratar el mejor hosting para una tienda WooCommerce

El primer paso en esto es contratar la infraestructura para nuestra web: un dominio de Internet para la tienda y un servidor conectado a Internet.

Esto se hace con un servicio de hosting donde contrataremos ambas cosas a la vez y se hace todo online en un momento de una manera muy sencilla como podrás en el vídeo.

Cómo instalar WordPress en el hosting de SiteGround

Con la infraestructura operativa toca crear la web de base, la cual la crearemos con WordPress que es la plataforma web más popular del mundo y, entre otras razones, por esa, la mejor opción con diferencia para lo que vamos a hacer.

Como vamos a usar un hosting bueno, concretamente SiteGround, por las razones que se explican en el propio vídeo, entre otras ventajas, la instalación de WordPress es trivial. Se hace casi con un sólo clic:

Así que no le tengas ningún miedo a instalar WordPress porque no hay ninguna razón para ello.

Cómo configurar WordPress para una tienda online

Una vez instalado, WordPress necesita una serie de configuraciones muy básicas para adaptarlo a tus necesidades y funcionar correctamente.

En el vídeo de arriba lo explico.

Creamos la estructura básica de la web y del diseño

Ahora, con WordPress, WooCommerce y todo lo demás instalado, ya podemos empezar con el diseño y personalización de la web.

Instalar el tema WordPress para nuestra tienda online

Para ello, instalamos el tema WordPress o la plantilla de diseño, como también se llama.

Esto permite no tener que crear nuestro diseño desde cero, sino partir de un diseño “prefabricado” que luego, sin embargo, podemos retocar y personalizar ampliamente (poner nuestro logo, cambiar colores, tipos y tamaños de letra, etc.).

De modo que gente que no son diseñadores profesionales puedan crear diseños con una buena estética, a la vez que les ahora muchísimo tiempo y, sin embargo, no les limita en las posibilidades de personalización de la web y la tienda.

Instalar plugins imprescindibles

Una instalación de WordPress “de fábrica” lleva la funcionalidad mínima necesaria para crear una web. La idea es que la plataforma como tal sea minimalista, que no esté sobrecargada de funcionalidad que la mayoría de la gente no va a necesitar.

A partir de aquí, ya es el usuario que añade a su medida lo que necesita. Para eso están los “plugins”, unas aplicaciones con funcionalidades muy específicos que pueden añadir muy fácilmente a WordPress.

El plugin principal es, por supuesto, el de WooCommerce, pero justamente éste lo instalamos un poco más adelante en este mismo tutorial. Aquí vamos a instalar solamente los básicos.

Creamos la estructura de páginas de la web. Sitemap

Ya tenemos las bases de nuestra web. Seguimos con los contenidos.

Tanto para que el usuario tenga una buena experiencia como para aprovechar al máximo el potencial de posicionamiento en Google de nuestra web es muy importante crear una buena estructura de páginas.

Ésta estructura es también la que se va a reflejar en el "sitemap", el mapa del sitio, que se puede subir a Google para facilitarle la indexación de nuestra lo que, a la postre, será favorable para el posicionamiento de nuestra web.

Creamos las páginas legales obligatorias con las plantillas gratuitas descargables

La parte legal es una de los grandes olvidades en las webs. Las tiendas online no son una excepción.

Si no lo haces bien, puedes recibir multas importantes. Pero no te asustes porque hacerlo bien es fácil. Las webs que ha recibido multas las han recibido por incumplimientos flagrantes.

En el vídeo de arriba te explico todo lo importante para que tengas tus deberes legales hechos.

Subimos las imágenes de la tienda a la web

En este vídeo te explico, primero, cómo organizar bien tus imágenes y, segundo, cómo subirlas a WordPress.

En el siguiente vídeo voy a empezar a crear el diseño de nuestra nueva web. Hacemos la personalización global del sitio con sus colores, tipografías y el menú de la cabecera en el personalizador de WordPress.

Y, además, muy importante: añadimos el logo de nuestro sitio.

Creamos el pie de página (footer)

El pie de página o "footer" en inglés tiene un poco más de miga porque vamos a hacer un pie de página realmente completo, con muchos elementos útiles.

Por eso, le he dedicado una sección específica:

Aquí te cuento, además, un pequeño truco para colocar los enlaces a tus páginas legales (Aviso Legal, etc.) de una manera muy elegante.

Creamos los contenidos para nuestra tienda online

Ya tenemos el diseño básico, así que estamos listos para empezar con los contenidos.

Diseñamos la página de inicio (home page) de nuestra tienda online

Y en este vídeo vamos a hacer lo que considero la estrella de este tutorial: La página de inicio o Home Page en inglés.

El diseño de esta página es una auténtico tutorial en si mismo del editor de bloques de WordPress y los bloques del plugin Spectra. Aquí es donde vas a aprender a diseñar páginas como ésta desde cero. No te lo puedes perder.

Diseñamos la página de contacto

Toda web necesita una página de contacto. Esta página la crearemos en esta parte de tutorial.

Y ni decir tiene que implementaremos, por supuesto, un formulario de contacto. En este caso, con el plugin WPforms.

Diseñamos la página de nosotros

Otra página importante es la página en la que te presentas a ti mismo, el equipo y la empresa.

En esta parte la haremos con un ejemplo sencillo de cómo podría ser esa página.

Creamos y configuramos la tienda con WooCoomerce

¡Bien...! Ya tenemos creada nuestra web. Así que ahora toca ponerse con la parte que hará de nuestra web una tienda online.

Instalamos y configuramos WooCommerce

Como es lógico, empezamos con lo más básico: la instalación del plugin WooCommerce y los ajustes generales de la tienda, lo que incluye a la pasarela de pago.

La parte de configuración de los pagos en una tienda online es uno de los puntos más quebraderos de cabeza le produce a quienes quieren montar una tienda online.

Pero no te preocupes, aquí no solamente te voy a explicar cómo configurar esta parte correctamente, sino que también te voy a explicar a fondo las opciones que existen: cómo funciona exactamente cada una, sus diferencias, por qué optoa en el tutorial por Stripe y cuál sería la más recomendable para tu caso.

Hay que añadir que, en España, las dos pasarelas de pago bancarias principales son RedSys y Ceca. Siendo la primera mucho más popular que la segunda. Dependiendo de cuál sea tu banco, podrás contratar una u otra.

Tienen comisiones más bajas que Stripe, cuestión especialmente importante en tiendas con márgenes ajustados, y ofrecen la seguridad y popularidad al usuario de que son muy conocidas también en los terminales de pagos de los comercios físicos.

Sin embargo, su contratación es a través del banco, por lo que no es inmediato de poner en marcha y en ocasiones, si no se tiene un buen soporte, es posible que tengas problemas técnicos instalándolas o usándolas.

Por eso te recomiendo que uses algunos plugins que aparte de ofrecer características premium, ofrecen un soporte rápido y personalizado, para facilitarte su uso. En concreto este plugin para RedSys y este otro plugin para Ceca.

Incluso en esta parte tan básica, otros vídeos ya se suelen quedar muy cortos, pero te aseguro que conmigo eso no te va a pasar 😊

Cómo configurar impuestos en WooCommerce correctamente

Los impuestos en una tienda online (y cualquier negocio) son un tema complejo, según los países a los que vendas, qué tipo de productos, etc., puede haber muchas variantes de impuestos que hay que tener en cuenta.

Por suerte, WooCommerce tiene suficientes ajustes para configurar esta parte bien tal como la necesitas en tu negocio para que no tengas problemas.

Además, te voy a dar algún que otro consejo y truco en la configuración te va a hacer la vida más fácil en este tema.

Cómo configurar envíos en WooCommerce correctamente

En este vídeo sobre la configuración de los envíos en WooCommerce ocurre muy parecido al vídeo anterior: hay muchas variantes y combinatorias posibles, según cómo sea tu negocio en particular, que hay que dejar bien configuradas para que todo vaya sobre ruedas.

Y también aquí, por suerte, WooCommerce tiene suficientes ajustes para configurar esta parte bien y cuentas conmigo para explicártelo todo y añadir algún que otro consejo y truco que te va a venir de perlas.

Categorías y productos simples y variables, creamos atributos de productos

La configuración de los productos, como no podría ser de otro modo, es clave en WooCommerce. Es uno de sus grandes fuertes porque te permite modelar de una manera muy sencilla productos simples, pero cuenta también con la potencia necesaria para abordar productos complejos.

Cómo crear categorías de producto en WooCommerce

Una condición obvia en cualquier catálogo de producto para que funcione bien es que esté bien organizado. Para esto están las categorías de producto en WooCommerce.

En el siguiente vídeo, se explican a fondo y te damos pautas para que organices las tuyas del mejor modo posible.

Cómo crear atributos de productos generales en WooCommerce

En este vídeo se explica también cómo configurar WooCommerce con los atributos comunes que necesitan todos tus productos. Es decir, si trabajas con cosas como tallas y colores, por ejemplo, cómo decirle a WooCommerce que vas a necesitar tallas y colores en todos tus productos.

Qué son y cómo crear productos simples en WooCommerce

Los productos simples son productos únicos que no tienen variaciones de tallas, colores, etc.

Aquí vas a ver también los aspectos básicos en la gestión de los productos de tu tienda: la gestión de inventario, la asignación de los precios y descuentos, ofertas limitadas en el tiempo, etc.

Pero, además de todo esto, también hay unos cuantos consejos y trucos que tiran de mi experiencia en este caso y que te servirán para que trabajes de una manera mucho más eficiente y gestiones tu tienda como un profesional.

Cómo crear productos personalizados (variables) en WooCommerce

Sobre la base anterior, en este vídeo vas a ver cómo trabajar con productos variables que son los que sí tienen atributos específicos que pueden variar.

Esto tiene más miga de lo que parece porque las variaciones en los atributos pueden tener consecuencias más allá de los propios cambios en sus atributos. Por ejemplo: ciertas variaciones pueden tener un precio diferente a las demás.

Cómo editar productos rápido en WooCommerce

Hay algunas pequeñas acciones que se hacen con frecuencia en los productos como pasar ciertos productos a la sección de destacados, por ejemplo. WooCommerce ya tiene pensadas vías para que estas ediciones se puedan hacer ágiles. A lo largo del tutorial también las iremos viendo.

Creamos servicios (productos virtuales) y aprendemos la edición masiva de productos

Los productos virtuales son un tipo de producto muy interesante que sirve para vender productos que no son físicos. Aquí vamos a usar como ejemplo las clases de yoga, pero son también perfectos para productos digitales como cursos, software o cualquier producto descargable.

Como vas a tener que dar de alta o modificar más de una vez masivamente productos (precios, etc.), también debes conocer la edición masiva de productos. Esto también lo explico en el vídeo de arriba.

Cómo configurar productos en WooCommerce Cómo configurar productos en WooCommerce

La configuración de los productos es una de las partes más críticas para el éxito de una tienda online. Aquí te cuento cómo hacerlo.

Y también tenemos un post que se centra en el tema de la configuración de productos en WooCommerce, por si prefieres todo esto en un formato texto.

Creamos las páginas de las clases y de los productos. Conoceremos los shortcodes y filtros de WooCommerce

Los shortcodes y filtros son dos potentes herramientas de WordPress que debes aprender a manejar sí o sí porque te permiten llevar tu tienda al siguiente nivel.

¿Qué son los shortcodes?

Los shortcodes son códigos especiales entre corchetes que se utilizan en WordPress para insertar contenido dinámico dentro de las páginas de una web.

Estos códigos se escriben en el editor de texto de WordPress como cualquier texto normal, y una vez guardado, se convierten en elementos multimedia, formularios, botones, etc.

Aquí te los explico con mucho más detalle:

Qué es un Shortcode de WordPress y cómo usarlos Qué es un Shortcode de WordPress y cómo usarlos

Los shortcodes son una de las herramientas más útiles de WordPress, sin embargo, muy poca gente los conoce.

En WooCommerce, los shortcodes se utilizan principalmente para insertar productos, carritos de compra, páginas de pago y funciones de la tienda.

Por ejemplo: se puede usar un shortcode para mostrar una lista de productos en una página específica o insertar un botón de "Añadir al carrito" en una publicación.

Además, se pueden utilizar shortcodes para crear widgets de productos personalizados, mostrar elementos relacionados con la facturación, los envios, visualizar una tabla de precios, etc.

Añadir un filtro de producto a una tienda WooCommerce

Otro elemento fundamental en una tienda online bien hecha para hacerla atractiva son los filtros de producto para poder localizar productos con uno o varios atributos.

Por ejemplo: zapatillas deportivas de hombre, color negro, talla 42.

Los filtros son otro de esos detalles a los que aludía al principio cuando decía que prácticamente todos los tutoriales de tiendas online lo que crean, como mucho, son juguetes que en la práctica sirven para poco ya que no incluyen funcionalidades clave como ésta.

Más sobre esto, en el vídeo arriba. 😉

Un poco de magia con CSS...

Las hojas de estilo en cascada o CSS, de sus siglas en inglés, son una ayuda tremenda para diseñar tu web. En esta sección te mostraré un ejemplo muy sencillo de cómo pueden ayudarte mucho a mejorar tu diseño.

Y, por cierto, esta web tenemos, por supuesto, un tutorial completo de CSS:

La guía rápida para aprender CSS básico desde cero La guía rápida para aprender CSS básico desde cero

Si hay algo que te recomiendo si tienes una web, es aprender CSS y HTML. Incluso aunque uses una plataforma como WordPress o Joomla, no hay color.

¡No te lo pierdas!

Repaso y pedido final, cupones, añadiendo mi cuenta y carrito. Personalizamos los correos de confirmación de pedido

Con la ilusión de la tienda recién creada, es muy tentador lanzarse inmediatamente a ponerla visible en público y vender.

Pero no deberías hacerlo, lo más probable, especialmente si es la primera vez que creas una, es que se te haya colado algún que otro pequeño (o gran) error.

Así que, en este último vídeo, Alegría te va a enseñar cómo probar tu tienda a fondo para cerciorarte de que todo está bien antes de dar el salto y ponerla a disposición del público.

Y a partir de aquí, ¡a disfrutar de tu nueva tienda!

¿Y ahora? La sección "PRO"

Blog, scroll y plugin de RRSS

Merece una mención especial el tema del blog añadido a la web de la tienda al que aludo brevemente: te recomiendo mucho añadir un blog a tu tienda online porque es un "truco" fantástico para posicionar tu tienda mucho mejor en Google.

La idea es que, con contenidos útiles para el perfil del público que quieres atraer para tu tienda publicados en el blog, vas a incrementar también mucho el tráfico de tu tienda y este va a ser, además, un tráfico de calidad, de un perfil de cliente adecuado.

Aquí puedes aprender cómo crear un buen blog para tu tienda online:

Cómo crear un blog paso a paso desde cero Cómo crear un blog paso a paso desde cero

Crear un blog es fácil. ✅ Aquí lo aprenderás desde cero ✚ Cómo crear buenos contenidos, posicionar tu web, monetizar tu blog y mucho más…

Y aquí creamos el blog para nuestra tienda online:

Como esto es un tema que no solamente toca la problemática en sí de crear un blog, sino también la disciplina de cómo posicionar contenidos en Google, es decir, el SEO, aquí te dejo también dos lecturas imprescindibles para abordar estos temas.

¿Qué es el SEO, por qué es tan importante y cómo funciona? ¿Qué es el SEO, por qué es tan importante y cómo funciona?

En este y muchos otros sitios, más del 90% del tráfico viene por SEO. ✅ Conoce qué es el SEO, por qué importa tanto y cómo usarlo ya.

Privado: Estrategias SEO para Ecommerce en el mundo real - Guía práctica Privado: Estrategias SEO para Ecommerce en el mundo real - Guía práctica

En el tutorial de creación de la tienda no podemos entrar mucho en este tema porque se desviaría totalmente del objetivo del tutorial, pero en estas lecturas vas a encontrar la información necesaria para implementar un blog exitoso junto a tu tienda.

Cómo seguir: cómo indexar nuestra web en Google y consejos PRO

Y, para terminar, mis recomendaciones de cómo seguir una vez que tu tienda esté en marcha:

¡Y nada más! ¡Espero que hayas disfrutado este mega-tutorial, al menos, tanto como yo haciéndolo!

Muchos abrazos y mucha surte con tu proyecto 🤗🤗🤗

¿Te gustaría leer más sobre esta temática? Busca aquí:

Acerca del autor: Alegría

Alegría de www.tuwebconalegria.com es la fundadora de las tiendas online www.por-alegria.com y www.elclubdelbailarin.com desde hace ya 14 años.

Diseñadora y desarrolladora de páginas web y tiendas online. Apasionada del universo SEO, diseño web y marketing digital.


1.135 comentarios en «Cómo crear una Tienda Online con WordPress y WooCommerce»

  1. Hola,
    Perdona por la pregunta si quizá es obvia pero he instalado woocommerce y me sale en inglés a pesar de que tengo wordpress en español. Le estoy dando vueltas. Me he bajado el poedit que propones pero no consigo hacerlo si no es con la versión pro. También me he bajado un plugin en español de woocomerce(es) pero no va la verdad.

    Te agradecería una ayudita estoy intentandolo pero no doy con el problema 🙂
    Mil gracias!

    Responder
  2. Hola, buenos días.
    En primer lugar agradeceros todos vuestros post, estoy dando los pasos previos a montar un blog y me gustaría que este tuviera la opción de compra online. Gracias a vuestros post me he decidido por un blog en wordpress.org y usando como hosting webempresa.
    La pregunta que tengo es si hay algún tema o temas de wordpress para mi blog que funcionen mejor con woocommerce o si es indiferente. La verdad que me gustaría que fuera bastante personalizable y que desde alguna de las opciones del menú de llegue a la página de woocommerce no se si esto es posible. Me explico algo mejor, si es posible tener un blog con categorías, entradas etc y que sin ser página única o principal tener en una página a parte el plugin de woocommerce.
    Si supieran de algún tema que vaya especialmente bien para esto se lo agradecería. llevo un montón de tiempo dedicado a aprender todo desde cero y esto se me sigue escapando, no me gustaría montar todo y que el tema no fuera compatible o me ralentice el propio blog.
    Muchas gracias de antemano.

    Responder
    • Sara,

      En efecto, has hecho una buena elección y no te arrepentirás, ni del sistema ni del hosting.

      Respecto al tema te cuento. Bien es cierto que existen temas gratuitos que son decentes, pero cuando pagas por un tema premium estás pagando básicamente dos cosas:
      1) un aspecto premium con contenido de ejemplo que te facilita la maquetación
      2) un soporte premium (y remarco lo premium porque no es lo mismo un soporte que responde rápido y bien y llega a meterse en tu instalación para ayudar que uno que lo hace en un foro cuando puede)

      Temas premium para WooCommerce hay mucho y si te digo la verdad no creo que haya ninguno que te decepcione. Puedes encontrarlos aquí: temas premium para WooCommerce.

      Si quieres una recomendación en particular dime pero como digo siempre, que te guste es lo más importante y en eso no puedo ayudarte.

      Responder
      • Lo primero muchísimas gracias y disculpa que volví a publicar mi duda en otra entrada de blog porque no me avisó por correo, igual debo revisar mi carpeta de spam.
        Pues la verdad es que estoy un poco saturada de información y os voy a empezar a creer con lo de que elegir el tema es de lo más complicado. Con la variedad de hosting que voy a contratar tengo temas pro de wordpress pero no se si los incluye todos, la verdad que en tema hosting aún me queda que trabajar en ello por que es donde ando más perdida. La verdad es que aceptaría sugerencias si no fuera mucho pedir, me gustan los temas muy visuales que no tengan apariencia de blog por ejemplo premium me encanta duran, pero mi duda es si seré capaz de manejarlo jajajaja y otra pregunta, mi idea era contratar el hosting más completo por que además incluye soporte hosting + wordpress si cojo un tema premium que ya tiene asistencia hay mucha diferencia con la opción de hosting anterior. Como te comentaba lo del hosting es lo que más me pierde. Por cierto el tema lo compras una vez para siempre no? o hay que renovarlo cada "x" tiempo?
        Siento las molestias y espero tu opinión/ recomendación.
        Muchisimas gracias.

        Responder
        • Sara,

          El hosting no te va a dar soporte directo para tu tema, el soporte te lo dará el creador del tema (si lo compras en ThemeForest por ejemplo los autores que hay ahí suelen dar soporte siempre).

          Elige un hosting (por ejemplo el de 99€/año debería ser suficiente si no incluyes demasiado contenido en la web) y ya luego compras el tema.

          El tema lo compras una vez y ya es para siempre, por eso no te preocupes, tienes derecho a soporte X meses, suelen ser 12, así que aprovéchate para actualizarlo y hacer preguntas durante ese tiempo.

          Si tienes más dudas dime.

        • Hola muchas gracias por tu respuesta, por último que opinas de villatheme? en concreto de dukan? será muy reciente, será mejor comprar un tema con más bagaje o cumplirá las expectativas?. Es que realmente me atrajo bastante ese tema, pero si conoces otro responsive, muy visual más probado puedo echarle un vistazo. Muchas gracias de antemano.

      • Hola! Estoy decidido a crear mi tienda online. Espero poder conseguirlo! Pero me gustaria saber, si me recomendais algún tema o plantilla. Mi tienda online venderá electrodomésticos e informática, y no se si existe alguna plantilla que se me pueda adaptar mejor. Muchas gracias.

        Saludos,.

        Responder
  3. Hola,

    Quiero crear una tienda online con el entorno WordPress. Quisiera saber si existe algún hosting gratuito o en el caso de no ser así, que proveedor y plan me recomendaría.

    Quisiera saber también que plantilla o theme, me recomendaría. Mi idea es crear una tienda de electrodomésticos e informática.

    Saludos,

    Responder
    • Hola José Ángel,

      Si me permites, por favor no hagas la chapuza de instalar una tienda online en un hosting gratuito, sitios que se caen con soplarles, que no te dan soporte, que pueden cerrarte la cuenta en cualquier momento sin darte explicaciones, etc.

      Una tienda online, aún mucho más que un blog, requiere un buen hosting. El hosting que te recomiendo para tu caso es Webempresa. Y en cuanto a planes, te debería servir perfectamente el más básico para empezar.

      ¡Un saludo!
      Berto

      Responder
  4. Buenos días, tengo una gran duda. Estuve leyendo en internet, y dice que WordPress.com y WordPress.org tienen una diferencia y es que WordPress.org está diseñado para crear páginas web mientras que WordPress.com es muy débil en este tema aún. Agradezco que me aclaren esto, y también si utilizando WordPress.com Premium puedo colocar una tienda virtual en mi página web.

    Responder
  5. Muy buenas,

    tengo una duda, sobre la posibilidad de descarga de un producto digital (Ebook) en dos idiomas con Woocommerce.

    La tienda ya está lista y operativa en dos idiomas (Inglés y Francés), pero al ser un producto digital descargable no encuentro la manera de poder hacer una variable del producto para su correspondiente descarga para cada idioma, alguna sugerencia, gracias y saludos cordiales,

    Ángel

    Responder
      • efri,

        Dentro de WordPress, en el escritorio, en "Apariencia", "Temas", "Añadir nuevo" verás temas gratis y libres a golpe de clic, los mismos que en WordPress.org de hecho.

        Problema: no todos los temas para WordPress son compatibles con WooCommerce asi que tendrás que mirar y comprobar.

        Aparte están los temas premium, para montar algo "serio" los recomiendo porque tienes soporte y porque suelen ser de una calidad enorme.

        Este es el repositorio más famoso de todos ThemeForest y además si entras en el enlace verás que son expresamente para WooCommerce.

        Responder
  6. Hola!
    tengo una duda súper urgente.. Como creo dentro del menú principal dos tiendas diferentes sin usar submenús? Una que ponga rebajas y otra nueva colección..

    Gracias!!

    Responder
    • Ana,

      Lo primero que tienes que hacer es ver la URL de los productos rebajados, que no tengo claro si existe sin hacer nada.

      Una vez la tengas, generas en el menú los dos enlaces, uno a la página tienda y otro a esa URL.

      Un saludo,

      Javier

      Responder
  7. Buenos dísa.
    Felicidades por la web. No la conocía y ya la tengo en favoritos 😉

    Actualmente he de crear una tienda online. Estoy entre woocomerce o prestashop, pero me interesa el tema de woocomerce ya que iría atado a la "página corporativa" y me interesa hacerlo desde wordpress.
    El problema viene en que tendría que haver dos tiendas online asociadas a la misma bbdd, compartiendo productos, con sus fotos, etc. Solo variando los productos "activos" en una u otra y la forma de pago (en una habría una pasarela y en la otra, para distribuidores, habría un directo a formulario (con el plugin que comentavas en comentarios anteriores).
    ¿Es posible hacer esta doble tienda, con usuarios distintos, precios distintos, pero cogiendo la misma info de productos? Muchas gracias!

    Responder
    • Buenas tardes Albert,

      Dale las gracias a Berto por la web; a mí por la entrada (ésta y las demás que he escrito aquí) :).

      PrestaShop personalmente lo descartaría. Es una solución que prácticamente no se usa como puedes ver aquí en BuiltWith menos en España que todavía tiene cierta popularidad (y después de conocer WooCommerce no entiendo muy bien por qué).

      Respecto a lo que me comentas de "tienda doble" que tenga todo separado menos los productos, yo lo que haría sería montar dos tiendas y luego con algún plugin asociado al cron "compartir lo que te interesa de la base de datos".

      Así tendrías resuelto tu sistema.

      Responder
        • He hecho bastantes cosas con el cron y para lo que quieres es justo lo que haría, luego te generas un script que intercambie datos y listo.

          Hay una API de WooCommerce. Te será útil.

  8. Hola muy buenos los tutoriales. yo necesito realizar dos shops dentro de la misma pagina web. Esto yo lo resolvi con shortcode y copie el shortcode para añadir productos y se me añaden sin problemas dentro del "segundo shop" pero el problema es que los productos que se me añaden aqui, los realizo uno por uno mediante su ID. Hay alguna manera de realizar esto mismo pero de alguna forma duplicar el shop y manejar informacion independiente uno del otro?

    Muchas gracias.

    Responder
    • Federico,

      Tienes que crear un WordPress Network para poder llevar a cabo de forma correcta lo que quieres.

      Así es como lo plantearía yo en cada caso.

      Un saludo,

      Javier

      Responder
  9. Hola, enhorabuena por el blog, explica de todo y de manera muy didáctica.
    Voy a montar una tienda online con woocommerce de productos de alimentación, especialmente de productos frescos.
    He estado mirando themes y he visto que son bastante populares Avada, Flatsome y Highend pero, quizá porque no tengo experiencia en esto, no termino de ver claro que ninguno se ajuste a lo que quiero como para comprarlo (no me quisiera darme cuenta tarde de que estoy matando moscas a cañonazos).
    Lo que me gustaría es que me recomendéis un tema responsive que se adapte lo mejor posible al tipo de tienda que quiero, sin dejar de lado la velocidad de carga, sencillez en la configuración, y que tenga un buen número de usuarios para "garantizarme" que encontraré soluciones en la Red ante posibles imprevistos y por supuesto las actualizaciones. ¿Qué os parece organicfood? ¿y organicwebshop? ¿arriesgados? Muchas gracias!

    Responder
    • Buenas Pablo,

      La única vez que he hecho una tienda para productos de comida fresca, hice el theme desde cero, la tienes aquí Loveat.

      Probablemente te vaya mejor con una plantilla como esas, orientada a tu sector, que adaptando una cosa genérica.

      Tened en cuenta que gran parte del mérito de la plantilla es del propio WordPress y WooCommerce, por lo que lo principal, funcionará igual de bien en cualquier plantilla.

      Y sí he mirado ambas plantillas:
      - Organic Food
      - Organic Web Shop

      Y creo que son muy recomendables.

      Responder
  10. csv importer. Estoy con este plugin y tengo un problema:
    Cuando importo los precios me los pasa bien si abro su ficha pero no es correcto en la tienda, es decir, si pongo el precio: 1,99 me sale en tienda el precio 1. Pero si miro dentro de su ficha está correcto el precio. Hasta que no le doy a actualizar la ficha no me lo graba bien para que ponga 1,99. ¿Sabéis que puede estar pasando?
    Gracias, soys de una gran ayuda.

    Responder
    • Diego O.,

      Creo que es un fallo del plugin, quizás esté dando de alta un metadato del precio, pero en total son 3 y hay que darlos de alta así.

      Soluciones... usar otro plugin.

      Responder
      • Hace un momento probando, me he dado cuenta que si le coloco un punto en vez de un decimal funciona sin problemas. Ejemplo:
        En vez de poner: 1,99, pongo 1.99. Después lo veo todo correcto como 1,99, supongo que puede ser algo de la configuración de WooCommerce en la definición del punto y la coma. Pero he mirado la mía y la tengo correcta. En fin por lo menos sabemos como ponerla para que nos funcione.
        Gracias por la velocidad de las respuestas. Saludos,
        Diego O.

        Responder
        • Fallo mío no decírtelo, todos los valores de un CSV, son importador por el plugin directamente al metadato y los metadatos para que sean numéricos, tienen que llevar siempre ese formato, con los . separando la parte decimal.

  11. Muy buenos dias, os comento, en nuestra web de la empresa queremos poner un apartado de tienda online, para poder comprar documentos, sesiones, etc. La cosa es que ya tenemos un tema puesto en el blog y no se si es compatible con woocommerce o como se haría si quiero instalar el plugin...

    Un saludo!

    Responder
    • A ver... Ya aviso que soy muy nuevo con worpress y con woocommerce, Pero como he ido aprendiendo las dos cosas a la vez.... En fin. Creo que las plantillas no son o no compatibles con woocommerce. Creo que se puede montar sobre cualquier plantilla. El proceso sería:
      - Montar la plantilla
      -Montar el woo.
      - Aparecerán en el panel lateral dos opciones nuevas: woocommerce y productos. En la primera configuras el plugin y en la segunda gestionas los productos que vendes.
      - Una vez montado, tienes que crear algunas paginas en blanco en tu sitio: Una para la tienda, una para "mi cuenta" del cliente", una para la cesta de la compra, una para la facturación (la clasica "finalizar compra) y una para los términos y condiciones. (puedes nombrarla como quieras). Yo he usado precisamente esos términos. (tienda, mi cuenta, cesta de la compra, finalizar compra y términos y condiciones.
      - Una vez creadas, en la configuración del plugin tienes que configurar que pagina sera cada una.
      - En woocommerce/ ajustes/Productos/presentación, configuras cual será la pagina "tienda"
      - En woocommerce/ ajustes/finalizar compra, en sus apartados correspondientes configuras el carrito, la pagina de pagos y la de los términos.
      - Una vez hayas seleccionado de los respectivos desplegables la pagina que realizará cada función (las que previamente habíamos creado en blanco) hay que insertar en cada una el codigo de woocommerce que las volverá operativas.
      - Para ello ve a woocommerce/estado del sistema y busca en la parte baja del informe las lineas en rojo, donde te informará de las páginas que carecen del código y al lado mostrará qué código es el que falta. Solo tienes que copiar cada código y pegarlo en la pagina correspondiente, en el panel de composición de la pagina. (sin cuadro de texto ni heading ni nada, ahi en el propio panel) y ya estará activa.

      Para que la tienda funcione, revisa todos los apartados configurables y adapta cada campo a tus necesidades. Yo no me siento capacitado para guiarte en una configuración mas detallada.

      Una vez hecho esto, solo tienes que ir a "productos" y empezar a publicar.
      Si vendes productos que se podrían clasificar en distintas categorías, te recomiendo que crees primero las categorias que preveas utilizar, para asignarlas directamente a cada producto y facilitar a tus clientes la busqueda de productos.
      Luego podras añadir a tu pagina "tienda" un menú de categorías de productos y un buscador de productos, que seran muy utiles a tus clientes. Esto se hace creando un sidebar nuevo con el nombre "tienda" (por ejemplo), Esto se hace desdeel panel de wordpress, en la opcion "sidebars". Luego vas a apariencia/gidgets y veras tu nuevo sidebar vacio. Añade el widget "buscador de productos de woocommerce", el que pone "filtro de precios woocommerce", "etiquetas de productos woocommerce" y el que pone "categorias de productos woocommerce", y tendras un sidebar super util para el cliente y que además hara la pagina mas vistosa.
      Recuerda que en la configuración de cada pagina deber definir que presente el sidebar a isq o drc. Si la tuvieses como fullwich, no te aparecera nada mas que los productos.

      Espero haberte ayudado a echar a andar tu tienda.

      Responder
    • José,

      Puedes probar a instalar WooCommerce, ver cómo aparece y así te darás cuenta cómo de compatible es con WooCommerce.

      Puede ser compatible en muchas cosas y fallar en otras, de forma que se pueden arreglar a mano los problemas.

      De hecho es algo que solemos hacer en Codection, convertir temas no WooCommerce en temas WooCommerce.

      Si necesitas ayuda ya sabes, escríbenos.

      Responder
      • Perfecto!! en cuanto traduzcamos a español y esté 100% OK la web lo intento y os dejo por aqui a ver que tal os parece! Un saludo! Soy fan de la web desde hace ya un tiempo 🙂

        Responder
  12. hola, gracias por tu aporte... fantástico!.
    Tenemos un sitio web construido con una estructura de "código viejito", iframes y cosas así. Queremos actualizar precisamente, y desarrollar el sitio con wordpress y woocommerce.
    Tenemos 2 preguntas:
    - Primero, quiero comprar un theme (avada) que dice ser compatible con woocommerce, por lo que ¿es mejor comprar antes el theme e instalarlo primero o da igual eso? No afecta el que instale primero woocommerce o el theme?
    - Segundo, como comenzaremos con wordpress ahora, tendremos un tiempo de acostumbrarnos o de poder tomar el ritmo para construir el sitio, por tanto, ¿cómo podemos mantener el sitio que tenemos actualmente, es decir, instalar wordpress, comenzar a editarlo, agregar contenidos y productos y que el sitio actual se siga viendo hasta terminar con wordpress y publicarlo?
    gracias por tu tiempo y dedicación!!!!

    Responder
    • Buenas Pablo,

      Gracias por tus agradecimientos, es un placer poder ayudar.

      Por partes.

      A lo primero te digo que lo ideal es trabajar directamente sobre la plantilla ya comprada. Avada es muy bueno y sí es compatible con WooCommerce. Debes instalar la plantilla justo tras instalar WordPress y ya trabajar con ese entorno.

      Para lo segundo deberías instalar WordPress en una carpeta, /nueva por ejemplo y cuando lo tengas todo bien hacer la migración. Hacer una migración de WordPress es un asunto que hacemos muy a menudo en Codection, no se trata sólo de mover el directorio, hay que hacer algo de SQL y modificar a veces hasta código PHP. Es un proceso documentado pero suele dar problemas si no se conoce a fondo (te lo digo porque es algo muy recurrente, problemas tras una migración mal hecha).

      ¡Suerte!

      Responder
      • vale gracias... tengo una opción... creo que instalaré un plugin de "sitio en mantenimiento" con un link a otro servidor donde mantendré el sitio actual, así trabajo de manera directa, instalo en la raíz del sitio actual, y cuando esté, desactivo plugin de mantenimiento... una opción, buena tal vez, para quienes no hemos migrado nunca un wordpress de una carpeta a la raíz...
        gracias miles, y saludos!!!

        Responder
  13. Ahora si, La duda...
    He decidido montar una tienda de productos para mascotas. Tengo la plantilla "pet-rescue" (de pago y creo que bastante buena) y viene con las plantillas para woocomerce. Hasta ahí, todo bien. Se personaliza el contenido demo fácil y todo bien.
    Al abrir la tienda aparecen tres columnas de articulos (nombre, imagen y categorias al pie) segun el orden que le defino.
    -Primera: si picho sobre alguna categoria, me saca solo los productos que corresponden, pero no hay como volver atras si no es con el botoncito del navegador.
    Se me ocurre, como he visto en otras tiendas, poner un sidebar con un menu personalizado con las cat de los productos.
    El inicio de la tienda bien, pero al pinchar en alguna categoría, me salen los productos filtrados pero ya no me aparece el menu.
    Creo que es porque tira del single_post.php para mostrar los resultados. De ser asi no se como poner el menu de categorias para que me aparezca siempre, antes y despues de filtrar, porque mas de media web tira del single post.php y claro, ahi no puedo mandarle poner el menu de categorias de productos...

    Espero haberme explicado bien.

    A lo mejor hay una forma facil si hago la pregunta correcta.
    ¿Como puedo poner en toda la tienda un sidebar con un menu de categoria de productos con woocomerce?

    Otra vez, gracias por la paciencia.

    Responder
    • José Manuel,

      Siento decirte que lo que pides o te lo da el tema, a través de algún "Page template" o selector de sidebars o hay que hacerlo programando.

      Respecto a lo primero, habría que ver qué poner para implementar la navegabilidad hacia atrás.

      No es un tema trivial ni directo pero quizás, de las sidebar, tu tema tenga algo que ofrecerte. Si no siempre se puede programar.

      Ya nos dices.

      Responder
  14. Puestos a enredar.... Buenas a todos y gracias anticipadas por la atención. Como soy nuevo aquí, Me presento: Me llamo Jose Manuel, soy de Sevilla, cuarentoncillo guapo y hasta hace poco, tenia una web en html que fui construyendo desde la nada hasta que se me hacia imposible mantenerla. Es para un criadero canino. Aquello lo hice aprendiendo cosillas a cabezazos. Pues ha llegado la hora de volver al mundo y vuelvo a través de WordPress. Cuento todo esto para avisar de que solo llevo un par de meses en este nuevo apasionante mundo y aun me cuesta comprender algunas cosillas. Os prometo que le echo un montón de horas y que antes de preguntar, intento encontrar la respuesta por mi mismo. Asi que presentado, y dadas las explicaciones sobre mi ignorancia profunda.... cierro este comentario y planteo mi pregunta en el siguiente, para no enredar las cosas... Muchas gracias por no haberme expulsado ya.

    Responder
  15. Hola, muchas gracias por la información. Intenté instalar el pluggin, pero me sale esta información:

    La carpeta ya existe. /home/sheperuj/public_html/saludableyo.com/wp-content/plugins/woocommerce/

    Fallo en la instalación del plugin.

    Volver a la página de plugins

    ¿Qué debo hacer?

    Responder
    • Hola Dulce,

      Eso ocurre por ya tienes el plugin instalado. Si no te funciona bien, quizás quieras reínstalarlo.

      Lo normal es que lo veas en el listado de plugins. Si es así, lo puedes desactivar y a continuación borrar.

      Hecho esto, puedes instalarlo otra vez.

      Si aún así, la cosa se resiste lo puedes borrar en tu servidor de hosting. Es decir, borrar la carpeta de woocommerce dentro de wp-content/plugins

      ¡Un saludo!
      Berto

      Responder
  16. Hola Paco.
    Gracias por este gran articulo. Te quería comentar :
    Quiero vender vídeos digitales por Internet, serían descargas. Con woocommerce lo he conseguido. Pero además me gustaría ver si hay alguna posibilidad (plugin ), para que el usuario que ha realizado la compra pueda ver el vídeo en su cuenta, como usuario de la página.
    Una cosa que no me gusta es que el enlace que envía por correo para la descarga, se hace público y no pide registro en la web.
    Muchas gracias por tu atención.

    Saludos

    Responder
    • Luis,

      Te respondo a las dos cosas.

      A la primera no he visto nunca un plugin. Se podría hacer, es decir:
      1) Se sabe qué vídeos ha comprado
      2) Los vídeos se pueden reproducir
      3) Podríamos hacerte un plugin para eso (escríbeme si estás interesado a carazo ARROBA codection PUNTO com)

      Respecto a lo segundo, el enlace que dices que es público si te fijas no es un enlace cualquiera. Es un enlace de descarga que:
      1) No contiene la URL del producto descargable
      2) En caso de que alguien detectara la URL del producto descargable, WooCommerce incluye un hataccess con los permisos oportunos para que nadie pueda descargarlo por la vía directa
      3) Ese enlace caduca

      Así que es totalmente seguro.

      Gracia a ti por leernos.

      Responder
  17. Hola! Gracias por el post. Mi cliente quiere el diseño del wp pero sin carrito ni compra. La idea es que cuando hagan clic en añadir productos me lleve a un formulario. Se puede hacer?

    Responder

Deja un comentario

⚠️ Importante: por respeto a esta comunidad, sigue estas pautas al dejar tu comentario:

  • Usa tu nombre personal, ni nombres inventados, ni el de tu web, ni el de tu empresa.
  • Cuida la redacción: separa párrafos y no escribas en mayúsculas (equivale a gritar).
  • No dejes enlaces a tu web en el comentario, dispones del campo "sitio web" para ello.
  • Eliminaremos comentarios con insultos, ofensivos o con lenguaje soez.

Al rellenar el formulario estás dando el consentimiento expreso al tratamiento de tus datos (guardar tu comentario y datos del formulario en el blog) conforme al Reglamento General de Protección de Datos (RGPD).

El responsable de este sitio es Wenova Online S.L.. La finalidad de este formulario es la divulgación en marketing online y emprendimiento, legitimado con tu consentimiento expreso.

El destinatario de tus datos es Webempresa (el hosting de este blog, ubicado en España) y podrás ejercer tus derechos de acceso, rectificación, limitación o supresión de tus datos (ver la política de privacidad).