Los mejores themes WooCommerce: 7 consejos para aumentar las ventas y la usabilidad web

Michael Firnkes Última actualización 20.10.2020
12 min.
Theme WooCommerce
Última actualización 20.10.2020

Un buen diseño web para WooCommerce es enormemente importante. Esto determinará la permanencia de tus visitantes en la tienda en línea y si realmente se lanzan a comprar algo. ¿A qué tienes que prestar atención a la hora de elegir tu tema o theme WooCommerce? ¿Y cuáles son los más importantes? Te daremos aquí las respuestas.

Un theme para WordPress o WooCommerce es una especie de plantilla de diseño. Determina el aspecto de tu portal. No es tan fácil elegir el tema adecuado para tu tienda online. O, como agencia, para asesorar a tus clientes sobre un determinado modelo. Este artículo te guía paso a paso a través del proceso de selección.

Consejo

¿No busca Theme para WooCommerce, sino para el propio WordPress ? A continuación, lea además nuestra contribución a WordPress Themes de Jörg Fiedler . Para los principiantes en WooCommerce este tutorial es adecuado.

Hay básicamente dos posibilidades a la hora de aplicar un theme

  1. Encargas el desarrollo de un theme completamente independiente así como de su diseño
  2. Compras un tema ya confeccionado y lo adaptas a tus necesidades. Por ejemplo, adaptando los colores al aspecto de tu marca, cambiando el logotipo y los gráficos de fondo, etc.

La primera opción hace que su tienda sea distintiva, pero para ello también necesita muy buenos diseñadores web o una agencia adecuada. Los costes de esto pueden llegar a las cinco cifras, si se confía en la calidad. Por otro lado, también existen plantillas de gran calidad en el entorno WooCommerce que son lo suficientemente flexibles. Y puede utilizarlos especialmente para iniciar tu tiendas en línea. Más adelante se hablará de ello.

Notas sobre la selección del theme

A menudo te das cuenta después de un relanzamiento de que el nuevo theme no ha sido después de todo una elección especialmente buena. ¿El diseño no puede adaptarse como deseas? Faltan actualizaciones importantes, así que partes de la tienda web ya no funcionan. Además, ¿el soporte deja mucho que desear? Si el volumen de negocios de tu portal depende de ello, entonces esto puede ser muy molesto.

Productos individuales
No solo las funciones de tu tienda son importantes, sino también el diseño

Por lo tanto, es aún más importante probar un Theme con suficiente antelación. Y por supuesto en su propio sistema de pruebas. Sólo se puede confiar en las especificaciones del fabricante y en las páginas de demostración hasta cierto punto: En combinación con su Plugins para WordPress y WooCommerce , no es raro que surjan problemas que no eran visibles de antemano.

Consejo

Existen innumerables Plugins para WooCommerce, para todo tipo de fines. Incluso aquí es difícil estimar la calidad. Nuestro artículo Plugins para WooCommerce le presenta las herramientas que necesita para los proyectos habituales del taller.

A continuación, los consejos más importantes para encontrar el proveedor o theme apropiado:

Compatibilidad con WooCommerce

Asegúrate de que tu theme esté optimizado para WooCommerce. Solo estos themes asegurarán que los elementos específicos de la tienda serán mostrados correctamente como, por ejemplo, el resumen de productos, la información adicional, el carrito de compra o el proceso de compra o de salida. Las plantillas desarrolladas especialmente para WooCommerce consideran la compatibilidad con las nuevas versiones del software de la tienda debido a que WooCommerce, a través de este, cambia sus procesos de vez en cuando. En caso de tener un theme WordPress puro tendrías que verte obligado/a a cambiar esto trabajosamente.

Lo ideal sería que eligieras un proveedor especializado para WooCommerce. Por lo general, incorporará cambios críticos en sus productos más rápidamente. También estará más familiarizado con las extensiones típicas para WooCommerce, en caso de causar problemas al interactuar con el diseño. Te presentaré algunos temas o themes más especiales para el sistema de tienda.

Optimización para móviles

A estas alturas, es imprescindible que tu theme esté optimizado para la vista móvil. Solo así se verá igual de bien tanto en la pantalla del ordenador como en la de la tableta o la del smartphone. De este modo también funcionarán elementos importantes como la navegación por la tienda o el carrito de compra.

En muchas tiendas online, más del 80 por ciento de los llamamientos se realizan a través de dispositivos móviles. Mediante Google Analytics y herramientas similares, puedes ver cuán alto es este porcentaje para tu propio portal. Si tu theme no fue desarrollado correctamente, esto provocará que te enfades y que pierdas el 80 por ciento de tu grupo objetivo. Además, Google castiga sin piedad a los portales que pasan por alto la optimización para la vista móvil.

Todos los fabricantes de Theme identifican ahora sus productos como optimizados para móviles o responsivos. Pero hay grandes diferencias de calidad: ¿en qué medida los dispositivos finales son realmente compatibles? En ami.responsivedesign.is puedes encontrar una herramienta online con la que puedes comprobar a grandes rasgos cómo se visualiza un sitio web en diferentes formatos:

WooCommerce optimizado para móviles
Tu sitio web debe funcionar en todos los dispositivos

Sin embargo, esto es solo la primera pista de tu investigación. Deberías realizar una revisión de la página en vivo por ti, en tantos dispositivos y navegadores diferentes como te sea posible (Chrome, Firefox, Edge, Safari). También deberías comprobar manualmente la función de los botones, menús, casillas de verificación, formularios, deslizadores, etc.

Consejo

Para comprobar tu Themes y tus Plugins se necesita un sistema de prueba independiente. O un entorno denominado Staging para WordPress . Consulte nuestra guía sobre el entorno de pruebas y las copias de seguridad.

Theme de pago o gratis

También para WooCommerce hay themes que están disponibles gratuitamente. Si tienes una tienda online, recomiendo que te decidas por la vía profesional, es decir, optar por un theme profesional, especialmente si no conoces los detalles técnicos. De este modo podrás corregir el código fuente cuando sea neccesario.

Los costes anuales de la licencia son manejables, suelen ser inferiores a 100 euros. Te cuento lo que cuesta en total una tienda típica de WooCommerce en el artículo Ventajas de WooCommerce. Estas son las razones que hablan a favor de unTheme :

  • Por lo general, disfrutan de un mantenimiento con mayor frecuencia. Esto es especialmente importante para las actualizaciones WordPress y WooCommerce.
  • Con las plantillas o "templates" gratuitas, puede ocurrir inesperadamente que los desarrolladores ya no puedan seguir desarrollándolas. Entonces serás tú mismo quien se vea obligado a cambiar este theme. Este riesgo es menor con las alternativas de pago.
  • Con un buen theme profesional obtienes un soporte completo. Asegúrate de que este está disponible en tu idioma nativo y durante tus horas de trabajo.
  • Una muy buena calidad del código fuente debería ser algo natural para un profesional Theme . Esto garantiza la seguridad y el buen rendimiento. Por desgracia, no siempre es así. Los autónomos o las agencias del entorno WordPress pueden evaluar la calidad por usted.

En general, las soluciones profesionales minimizan el riesgo empresarial. Sin embargo, comprueba los proveedores de los temas profesionales: no todos funcionan igual de bien. Deja que otros propietarios de tienda online te aconsejen acerca de buenos desarrolladores y sus experiencias.

Nota

La documentación es la insignia visible de cada theme. Léela con atención antes de empezar. No solo te dice si el producto es fácil de instalar y adaptar. La calidad de las instrucciones también adelante indirectamente información sobre el propio proveedor.

¿Líder de sector o principiante?

Las plantillas o "templates" populares que más se compran o descargan tienen una ventaja: son tratadas con más detalle por parte de sus desarrolladores. Además, en los foros y en la comunidad es más probable que encuentres respuestas a preguntas sobre un theme popular. Si dejas la tecnología en manos de una agencia, esta podrá familiarizarse más rápidamente con el theme ya que tienen experiencia previa. Incluso si los desarrolladores no pueden o no quieren seguir soportando el tema: con una plantilla lucrativa la probabilidad es mucho mayor de que otros puedan hacerse cargo de ella.

Por otro lado, hay diseños que se encuentran en cualquier tienda WooCommerce. La tienda tu debe basarse en el diseño y el aspecto estructural de tiendas web muy conocidas y grandes. Así, los clientes de tu se orientarán lo más rápidamente posible. Esto también se llama el efecto Amazonas.

Y, sin embargo, todo depende de elementos de diseño individuales inconfundibles. Tus visitantes sabrán, con suerte, inmediatamente en la segunda visita: "¡He estado aquí antes!", un requisito previo esencial para generar clientes regulares. Un diseño memorable con puntos de venta únicos hace que tu comercialización en línea sea mucho más eficiente.

Consejo

En este contexto, echa un vistazo a tus principales competidores. ¿Cómo son sus tiendas online? ¿Qué theme usan? Aquí el riesgo de confusión resultaría fatídico.

Como muy tarde durante el crecimiento de tu tienda, deberías plantearte crear un theme propio además de su diseño acompañante. Si está bien hecho, se ajustará especialmente bien a tu marca, sobre todo en lo relativo al layout, el color, la tipografía, la gama de los productos y el material visual. Esto puede hacer que la conversión (proporción de ventas generada por visitas a la página) aumente significativamente.

Mi recomendación: contrata a profesionales para esto. Esta es la estrategia más cara pero más sostenible. Con un buen soporte saldrá aún más rentable a largo plazo.

Gama de funciones para WooCommerce

La mayoría de las funciones de tu tienda online las hará WooCommerce. Este theme solo asegura una apariencia correcta estándar. No obstante, algunos fabricantes de plantillas dependen de componentes adicionales. Por ejemplo, sus productos contienen:

  • Drag & Drop PageBuilders, con el que se puede cambiar la apariencia de la tienda con un clic del ratón. Pero tenga cuidado: estos PageBuilders también tienen algunas desventajas.
  • Deslizadores (slider) integrados para la presentación de productos o los llamados mega-menús que contienen iconos, imágenes y otros elementos. O bloques de construcción más extensos para las revisiones de los clientes que están disponibles en la versión estándar de WooCommerce.
  • Listas de deseos, con las que tus visitantes pueden recordar productos individuales y guardarlos para compras posteriores.
  • Propio de los widgets para llenar la barra lateral, el encabezado o el pie de página con el contenido de acuerdo a tus ideas. Filtro avanzado o funciones de búsqueda para facilitar a tus clientes la selección y clasificación de los productos.
  • Un diseño de fácil uso para el cliente pero que al mismo tiempo cumpla con reglamentos legales sobre las áreas "caja" y "cuenta de cliente".
  • Un mini carrito de compras que se muestra en todas las páginas. Por ejemplo, en el menú de tu tienda online. Presta también atención a los requisitos legales de tu país.

Te contaré más sobre la normativa legal en España y en Europa en la entrada del blogWooCommerce . La versión estándar de WooCommerce está diseñada para el mercado estadounidense.

Productos agrupados
En Europa, por ejemplo, cierta información sobre el producto es obligatoria.

No debes usar un theme que contenga innumerables funciones innecesarias. Algunos de estos pequeños ayudantes pueden afectar al rendimiento de tu tienda. Los "PageBuilder" (constructores de páginas), en particular, podría jugarte una mala pasada: aparentemente son elegantes y permiten flexibilidad, pero si no se desarrollan adecuadamente, ralentizarán al mismo tiempo tu sistema. Si quieres saber más al respecto, échale un ojo a estas publicaciones sobre WooCommerce:

Child themes para WooCommerce

Lo ideal sería que tu theme soporte el llamado "Child Theme", tema "niño" en español. Esto te permite crear múltiples subdiseños basados en el mismo tema. Esto es especialmente importante si quieres tener varias tiendas online con diseños ligeramente diferentes sin usar un nuevo tema cada vez.

Para las agencias: aunque quiera distribuir plantillas individuales basadas en un Themes existente, debe prestar atención a esta función. Un CSS bien estructurado también es muy útil en este contexto. En el blog de Marco Linke hay un tutorial sobre WordPress Child Themes .

También asegúrate de que tu theme esté optimizado para el "nuevo" editor Gutenberg WordPress. Este también desempeñará un papel cada vez más importante para WooCommerce. Si el theme ofrece bloques Gutenberg propios, deberías tener cuidado. El contenido podría dejar de funcionar al cambiar a otro theme.

Consejo

¿Aún no usas el editor Gutenberg? Entonces eche un vistazo a nuestro especial de libros electrónicos en Gutenberg. Le muestra en seis pasos cómo utilizar el editor para tu negocio y su tienda.

Licencia y alcance de entrega

Si optas por un tema de pago, debes vigilar los costes. Como ya mencioné, estos no suelen ser muy altos. No obstante, comprueba los siguientes puntos:

  • ¿Cuánto tiempo dura la licencia para el theme? ¿Es ilimitado, aunque desarrolles los archivos tú mismo, o tiene que ser renovado después de un cierto período de tiempo?
  • ¿Se te permite siquiera extender el theme? Normalmente, esto está garantizado en el entorno de código abierto WordPress. Sin embargo, aclara la cuestión.
  • ¿Durante cuánto tiempo recibes actualizaciones y soporte? ¿Se garantizan ciertos tiempos de apoyo y respuesta?
  • ¿La licencia es válida para un solo dominio o para varios? Esto es importante si necesitas Child Themes para más tiendas.
  • Si cambias tu dominio o tu proyecto, ¿la licencia sigue siendo válida?

Igualmente importante: ¿se incluyen en el ámbito de aplicación las imágenes de fondo, etc. de Themes ? ¿Pueden utilizarse libremente? ¿Quién tiene los derechos sobre ellos? ¿Recibes los archivos en formatos reutilizables, por ejemplo para Photoshop? En este caso, debería aclarar los derechos de imagen para minimizar el riesgo de una advertencia.

¿Trabaja en una agencia o como autónomo? A continuación, debe prestar especial atención a la medida en que se le permite utilizar Theme . Y quién tiene la licencia al final y en qué medida. Porque de usted depende que la entrega del proyecto a los clientes de tu sea lo más fluida posible después del desarrollo. Consulte nuestros consejos sobre la eficiencia y el funcionamiento de WordPress y WooCommerce.

Los themes más importantes para WooCommerce

Hay varios themes y proveedores para WooCommerce que se conocen en el mundillo WordPress. Para ellos, se puede encontrar fácilmente apoyo por parte de freelances o de una agencia. Sin embargo, hay que tener en cuenta las desventajas descritas anteriormente que estas plantillas tan extendidas traen consigo. Aquí te muestro algunos "buques insignia":

Flatsome para WooCommerce

Flatsome es uno de los más populares Themes para WooCommerce. Según los desarrolladores, es el más vendido para las tiendas de WordPress . Flatsome también es muy popular en los países de habla alemana, aunque el soporte se ofrece en inglés.

En los foros más importantes de WooCommerce, a menudo se responden preguntas simples sobre este tema. Para tareas más grandes aún necesitarás desarrolladores externos.

Tema Flatsome para WooCommerce 
Flatsome para WooCommerce se utiliza en muchas tiendas online

En la comunidad, Flatsome no está del todo exento de polémica. Algunos lo alaban, otros lo rechazan por estar sobredimensionado. Por un lado sitio el page builder de Flatsome es muy flexible. Ofrece un sinfín de elementos desde el primer momento, sin que necesites Plugins adicional. Por ejemplo, varias capas de contenido, deslizadores, una lista de deseos, búsqueda en vivo, cajas, filtros de productos, etc.

Esto hace que el tu sistema, por otro sitio lado, se confunda rápidamente. Si introduces tu contenido en áreas especiales del constructor de páginas, que solo éste proporciona, esto hace Theme mucho más difícil cambiar a otro. La seguridad futura no está garantizada.

Con un kit de construcción de páginas web como Flatsome, se hace clic en un diseño que difiere significativamente de la apariencia original, sin muchos conocimientos de programación. Esto compensa el uso generalizado de la una theme nueva. Sin embargo, este proceso puede hacer que tu tienda parezca inconsistente y acabe en la basura. Por eso, vale la pena en cualquier caso contratar a trabajadores independientes o a una agencia que esté familiarizada con el diseño web.

WooCommerce Storefront

WooCommerce también tiene su propia página oficial Theme: Storefront. Un consejo similar al de "Flatsome" se aplica al paquete Storefront. Es una herramienta muy completa, pero hay que configurarla bien. Una primera tienda con Storefront se crea rápidamente. Pero el diablo está en los detalles. Si quieres aprovechar todas las funciones de Themes y sus complementos, tienes que saber moverte.

La plantilla o "template" requiere una configuración adecuada y un material de imagen apropiado, ya que la versión básica parece bastante simple y sosa, en otras palabras, inatractiva:

Tema Storefront para WooCommerce
Más simple imposible: El tema Storefront para WooCommerce

La gran ventaja del paquete: viene de los propios fabricantes de WooCommerce. Por lo tanto, el equipo de desarrollo suele prestar atención a la buena compatibilidad. Cuando se lanza una nueva versión del software de la tienda, una actualización de Storefront suele proseguir rápidamente.

Por defecto, ni Storefront ni Flatsome son adecuados para el mercado de habla alemana. También debería comprobarlo para otros países de la UE. Sin embargo, las herramientas mencionadas en nuestro artículo Seguridad jurídica para WooCommerce funcionan junto con las más importantes Themes . No obstante, aclárelo de antemano, pues de lo contrario le saldrá muy caro.

Hay numerosas extensiones de Storefront, WooCommerce, pero también de terceros. Por ejemplo, para los siguientes fines:

  • Un componente llamado "Powerpack", que se necesita para personalizar gráficamente diferentes áreas de la tienda online con un solo clic
  • Espacios publicitarios internos del producto y páginas de aterrizaje o "landingpages"
  • Mega Menús
  • Ampliación de las valoraciones por parte de clientes y tablas de precios
  • Conexión a redes sociales

Muchos de ellos están sujetos a una cuota. Incluso aquellos con servicios manejables. Aquí debes vigilar tus gastos. Con cada paquete no dejan de aumentar hasta una suma considerable. Quizás compruebas entonces que los costes de funcionamiento ya no son necesariamente mucho más baratos que con un theme desarrollado por ti mismo/a.

Theme Atomion para WooCommerce: Alemania, Austria y Suiza

Atomion es una empresa más pequeña y aún bastante nueva Theme. La hemos incluido porque es una de las pocas plantillas de WooCommerce para el mercado de España, Austria y Suiza (D/A/CH). Esto significa que la asistencia se proporciona en alemán en todo momento y durante el horario de asistencia en alemán. El diseño es claro y estructurado, para que el foco de atención esté en sus productos:

Tema Alemán para WooCommerce
El theme Atomion para WooCommerce

Detrás de Atomion está MarketPress, el fabricante de German Market y B2B Market. Si estás buscando un paquete completo que tenga en cuenta los requisitos legales restrictivos de los países mencionados, vale la pena echar un vistazo al tema. Porque según los desarrolladores, los tres componentes están coordinados.

Este theme para WooCommerce ofrece, entre otras cosas:

  • Ayuda relacionada con el editor Gutenberg para WordPress
  • Un personalizador para ajustar el diseño en varios puntos
  • Sistemas integrados para las valoraciones de clientes y una lista de deseos
  • Un mini carrito de la compra de acorde con los reglamentos de los países mencionados
  • Función de precarga opcional (tu tienda solo se muestra cuando esté completamente cargada)
  • Una función de búsqueda optimizada para WooCommerce

A esto se añade un área de blog completamente diseñada junto con la tienda web. Esto es algo que siempre debes tener en cuenta a la hora de elegir un theme.

Nota

La promoción de tus productos a través de un contenido apropiado (lo que se conoce como marketing de contenido) es cada vez más importante. Muchas tiendas online nuevas y más pequeñas venden en gran medida desde tu blog porque la marca de la tienda aún no es suficientemente conocida por Google y los visitantes potenciales.

Theme Astra

Astra no es una compra puraTheme. También puedes implementar otros proyectos con él. Sin embargo, se utiliza con bastante frecuencia en el entorno de WooCommerce . Los creadores presentan algunos de ellos en su portal.

Tema Astra para WooCommerce
El theme Astra puede ponerse a prueba a través de WordPress .org

Los desarrolladores de Astra ofrecen una versión de prueba gratuita. Definitivamente deberías probarlo: Algunos propietarios de tiendas se llevan bien con Theme , mientras que otros no lo consideran adecuado para sus fines. Además, las plantillas de diseño prefabricadas no satisfacen todos los gustos.

Especialmente probar adicional Plugins para la seguridad jurídica, si se utiliza. Algunos no soportan Themes, que no está diseñado al 100% para WooCommerce .

Themes WooCommerce en TemplateMonster

También en nuestro socio TemplateMonster puede encontrar numerosas plantillas para WooCommerce. Por ejemplo, el multifuncional WooCommerce Theme Woostroid. Tiene funciones interesantes como el "LookBook". Esto permite a los compradores de tu navegar por los diferentes productos que se muestran en un gráfico:

templatemonster woocommerce
El LookBook del theme Woostroid para WooCommerce

Woostroid contiene Elementor , un constructor de páginas de WordPress que le permite crear varios diseños sin ningún conocimiento de programación. Incluye 25 módulos de contenido y una cuadrícula de diseño flexible para personalizar el aspecto de las páginas existentes. Woostroid no fue diseñado principalmente para el mercado de habla alemana, por lo que también debería probarlo de antemano.

Mi conclusión

Deberíaprobar una selección más reducida de Themes antes de decidirse por su favorito. Utilice los datos en vivo de las tiendas tu y responda a las siguientes preguntas:

  • ¿Coincide el diseño con mis productos, especialmente con las imágenes de los mismos?
  • ¿Es el Theme lo suficientemente rápido? Consulte nuestros consejos de optimización del rendimiento.
  • ¿Es tu tienda web fácil de usar? ¿Son los elementos centrales fáciles de entender?
  • ¿Funciona el carrito de compra en todos los sistemas (Chrome, Firefox, Edge, Safari, Android)?
  • ¿Existe una optimización móvil generalizada para los principales dispositivos?

Lo ideal es que dejes que los clientes o amigos más cercanos prueben los nuevos diseños de tu tienda. Esta es la única manera de descubrir las debilidades centrales por mejorar.

Puede encontrar más consejos sobre WooCommerce en nuestro libro electrónico de más de 70 páginas WooCommerce para profesionales. Está dirigido a autónomos, agencias, profesionales de WP, pero también a principiantes.

¿Tienes dudas sobre WooCommerce? No dudes en utilizar la función de comentarios. ¿Quieres estar informado/a de las novedades y tutoriales sobre el sistema de tiendas? Entonces síguenos en Twitter, Facebook o a través de nuestra newsletter.

Michael es responsable del departamento de contenidos y Salud Mental en RAIDBOXES. Participa activamente en la comunidad de bloggers y en WordPress desde 2007. Entre otras cosas, como coorganizador de eventos WordPress, autor de libros y formador de blogs corporativos. Disfruta increíblemente de los blogs, tanto a nivel profesional como personal. Michael trabaja y escribe a distancia desde la soleada ciudad alemana de Friburgo.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

Tu dirección de correo electrónico no se publicará. Los campos obligatorios están marcados con *.