Temas para tu Ecommerce con WooCommerce, mis recomendados.

Toda tienda online necesitas un buen tema como base para iniciar. ¿Cuáles son los temas recomendados para construir tu tienda online con WooCommerce? Conoce cuales son mis preferidos y porqué. Temas para tu ecommerce con WooCommerce, mis recomendados.

Temas para tu ecommerce con WooCommerce

Introducción

Construir una tienda con WordPress y Woocommerce puede parecer sencillo pero para que funcione requiere tener ciertos conocimientos, conocer ciertos “detalles” para que todo vaya bien.

Uno de los más importantes es la selección del tema y de los plugins, aquí trataremos el primero de los dos puntos.

La Importancia del tema de tu tienda 

¿Por qué es Importante el tema que use en mi tienda Online?

La selección del tema es la base de la tienda, en el defines cómo la verán los visitantes.

La selección del tema afecta la velocidad de carga, y también la seguridad de la tienda.

Si seleccionas un tema mal programado, no optimizado en código será lento y posiblemente inseguro.

Más allá de todo lo que el tema te puede ofrecer en configuraciones y opciones, es importante seleccionar temas rápidos, seguros y que no incluyan funcionalidades que puedan ser agregadas por plugins (es lo correcto) 

Temas específicos y temas genéricos

Otro punto importante, es que un buen tema debe servir para cualquier tipo de web o tipo de negocio, es como lo configuraremos, lo que va a definir el tipo de negocio que expone. Las fotos, el texto y su estructura definen el negocio.

Si el tema dice que es para restaurantes e incluye la facilidad de colocar menús sin plugins, y lo usamos cuando cambiemos el tema por necesidad, gusto u obsolescencia perderás todo lo configurado en menús. 

Esto sería una mala selección del tema.

Si por el contrario escoges un tema sin esta facilidad y le agregas un plugin para crear los menús podrás reemplazar el tema sin perder los menús o incluso actualizar o cambiar el plugin sin tocar el tema. Este sería una mejor selección que el anterior.

Un tema nunca debe tener facilidades o funciones, debe enfocarse en la visualización en el CSS, en la distribución del contenido en las páginas. Las funciones deben ser incluidas por medio de un plugin.

Temas hijos

Otra buena práctica es crear un tema hijo. Esto evitará que pierdas configuraciones e información al actualizar el tema. Lo anterior es válido para ecommerce y para cualquier tipo de web

Temas recomendados para tiendas online

Los temas que recomiendo para Woocommerce son: el propio tema de Automatics para ecommerce, y varios temas que son prácticamente entornos muy desarrollados de configuración de sitios web de cualquier tipo.

No son los únicos temas con buenas características, pero si son temas que se adaptan muy bien a cualquier ecommerce, por ser ligeros, rápidos, seguros y muy configurables.

Los tres temas.

Los temas que recomiendo son libres de descargas, (los puedes descargar desde el repositorio de WordPress) y son:

Storefront

Es el tema que recomienda la empresa Automatics y que está detrás de todo el proyecto de Woocommerce. Es un tema que es garantía de calidad, seguridad y compatibilidad. 

Ventajas de Storefront como tema de WooCommerce

  • Utilizando este tema tendrás la garantía que no tendrás incompatibilidades con WooCommerce, y WordPress ya que todos son realizados y revisados por Automatics .
  • Es gratis… El tema
  • Está bien programado, lo que lo hace ligero y seguro
  • 100% integrado a WooCommerce.
  • Tienes opción de utilizar temas hijos preparados para diferentes tipos de negocios específicos: tiendas de ropa, joyerías, tecnología etc. Muchos de ellos comercializados por Automatic
Ventajas de Storefront como tema de WooCommerce
  • Todos los desarrolladores lo conocen y pueden echarte una mano en caso de necesidad de programar algo especifico para tu ecommerce. También cuenta con una gran comunidad.
  • Es responsive.
  • Adaptado al SEO.
  • Es un diseño limpio que se puede adaptar a cualquier requerimiento.
  • Posee suficientes opciones de personalización por medio del personalizador de WordPress
  • Página de inicio centrada en el comercio electrónico.
  • Puedes realizar numerosas configuraciones del tema en el personalizador.

Storefront Extensions

Con el plugin Storefront Extensions (de pago) puedes ampliar las funciones en el personalizador y configurar de todo en el tema.

  • Control total de la personalización de la tienda
    • Encabezado o cabecera: Incluir o no: búsqueda, carrito, modo sticky. Colores.
    • Pie de página: colores y créditos
    • Fondo: Colores e imagen
    • Color de las letras en todas las ubicaciones
    • Botones
    • Diseño, una barra 2 ubicaciones, ancho completo o no.
  • Personalización de la página de inicio de la tienda. 
    • Ancho 
    • Número de productos
    • Número de columnas productos
    • Control de visualización de parámetros
    • Colores de Mensajes de errores, de Información, de Completación
  • Mejora la experiencia de compra con: modo de pago sin distracciones y reseñas en los productos y más.
  • Opciones de menú expandido y personalización del menú móvil.
  • Widget áreas: Barra lateral, bajo la cabecera, pie de página x 4
  • Control de los campos de la página de finalizar compra

Precio de Storefront Extensions

El tema Storefront es muy popular y está en uso en muchas tiendas online.

Su plugin para Extensions para ampliar los ajustes que podemos realizar se comercializa por 69 US$

GeneratePress 

GeneratePress es un tema que sirve para cualquier tipo de web, es ultra ligero con solo 10 kb con gzip, y muy flexible con sus múltiples áreas de widgets, ubiicaciones de navegación, diseños de barra lateral, menús desplegables (clic o flotante) y preajustes de color de navegación

características y ventajas de GeneratePress

Entre sus características y ventajas podemos contar:

  • Tema muy liviano posibilitando alcanzar los mejores resultados en métricas de velocidad.
  • Compatible con el editor de Bloques (Gutenberg) para total control y configuración de tus contenidos
  • Compatibilidad con prácticamente todos los plugin importantes y otros muchos bien codificados, por su código bien programado y depurado. Incluyendo WooCommerce.
  • Responsive y adaptable a cualquier dispositivo.
  • Alta capacidad de adaptación a cualquier tipo de negocios con sus 9 áreas de widgets, 5 ubicaciones de navegación, 5 diseños de barra lateral, menús desplegables
  • Seguro y estable.
  • Sigue los estándares de Accesibilidad
  • Compatible con los Page Building más populares.
  • Hooks y Filtros, disponibles para mayor flexibilidad. 
  • Librería de Sitios, puedes importar sitios completos que luego puedes personalizar con todos tu contenido, colores, maquetación.
    • Tiene sitio preparados para los editores visuales: Gutenberg (standard), Elementor y Beaver Builder, que pueden ser filtrados.

GeneratePress Premium

Facilidades ampliadas con el plugin GeneratePress Premium.

  • Optimizado para los Motores de búsquedas, SEO. 
  • Amplio control del diseño del sitio en Desktop y móvil. (Padding, márgenes, barras laterales menús y más). Ajustes de Tipografía y colores del tema.
  • Múltiples facilidades que pueden activarse o no según la necesidad, evitando tener la carga de código y facilidades que no utilicemos:
    • Backgrounds: Imágenes y opciones de los elementos del sitio
    • Blog, aumenta las opciones de configuración.
    • Colors, más de 60 opciones.
    • Letras y tipografía, más de 70 posibilidades.
    • Copyright, ajustes personalizados.
    • Menu Plus, para una personalización completa
    • Segundo menú, 100% personalizable.
    • Secciones: Permite organizar el contenido en partes y estructurarlas como un page-builder.
    • Elements: Permite el uso de funciones avanzadas dinámicas, tales como:
      • “Image-Hero” o banners dinámicos donde su Imagen y su texto cambia en función del tipo de página (home, página, artículo, e incluso producto) o del propio artículo o producto individual. Lo más común es que cada artículo/producto muestre una imagen propia y su título en el tope de la página. 
      • También permite incluir configuraciones CSS, scripts, snippets y pixeles varios, condicionadas a los tipos o páginas individuales, muy fácilmente.
      • Incluir o excluir menús, barras superiores y laterales, títulos encabezados, etc. en forma dinámica, según varias reglas dependiendo del tipo de página e incluso del tipo de usuario que ve la página.

Todo esto permite fijarlo en los Hook (Ganchos) de WordPress, de GeneratePress o en los de WooCommerce cuando tenemos una tienda.

Elements es una de las mejores funcionalidades de GeneratePress, por permitir contenido dinámico sin programar..

  • Espaciamiento: Control total tamaño, márgenes, padding de los elementos de la página.
  • WooCommerce, módulo para personalización avanzada: Colores, letras y opciones de maquetación. 
  • Librería de Sitios Ampliada: El Plugin GeneratePress Premium aumenta la cantidad de los sitios disponibles en la librería para nuestro uso.
    • Más de 60 sitios disponibles, en premium

Precio de GeneratePress Premium

Aunque plugin GeneratePress Premium es de pago es accesible ya que lo puedas utilizar en sitios ilimitados, con soporte,  actualizaciones, y acceso completo a la librería de sitios por un año.

Astra

Astra es otro tema optimizado y rápido como GeneratePress, con un código optimizado, sin jQuery (usa Vanilla JavaScript), de menos de 50kb de tamaño. Astra destaca en: Código bien programado, velocidad, seguridad, compatibilidad con plugins y page-builder, altamente configurable sin código.

Astra incluye  muchas opciones de configuración en el tema base y que aumentan y se potencian al activar el plugin Astra-Pro.

El tema Astra básico incluye:

  • Excelente Performance, es un tema rápido y ligero.

Múltiples opciones de diseño:

  • Esquemas con páginas y elementos flexibles: Encabezados, Barras, menús, etc.
  • Incluye configuraciones del encabezado y pie de página.
  • Encabezados transparente, permitiendo la superposición del texto y contenido de las páginas.
  • Barras laterales Individuales para páginas
características y ventajas de Astra
  • Preparado y compatible con WooCommerce para tu tienda online.
    • Opciones en Astra-Pro
  • Letras y tipografías:
    • Google fonts
    • Letras personalizadas
    • Tamaño responsive/adaptable
    • En múltiples unidades: px o em
    • Configurable fácilmente en encabezados H.
    • Separación entre párrafos adaptables 
  • Colores & fondos
    • Encabezado, ajustado color y fondo, individualmente en desktop y móvil.
    • Encabezado transparente con colores y fondos que tú elijas.
    • Páginas individuales, de archivo, blog, pie de página y barras laterales, con colores y fondos flexibles.
  • Global Designs Options
    • Logo (centro derecha o izquierda)
    • Estructura del pie de página. 
    • Astra Widget Incluidos: Direccion, Iconos Sociales y Listas 
  • Integraciones
    • SEO optimizado
    • Schema Integrado

Astra Pro

  • Todos los desarrolladores lo conocen y pueden echarte una mano en caso de necesidad de programar algo especifico para tu ecommerce. También cuenta con una gran comunidad.
  • Es responsivo.
  • Esta adaptado al SEO.
  • Es un diseño limpio que se puede adaptar a cualquier requerimiento.
  • Posee suficientes opciones de personalización por medio del personalizador de WordPress
  • Página de inicio centrada en el comercio electrónico
  • Puedes realizar numerosas configuraciones del tema en el personalizador.
  • Diseño 
    • Sticky Header
    • Mobile Headers
    • Page Headers: con reglas dinámicas que controlan la aparición de los encabezados
    • Mega menús.
    • Colors & Typography
    • Diseño del sitio ancho completo o En caja (boxed)
    • Control de espacio: Padded, márgenes
    • Diseño Fluido, que se adapta al dispositivo.
  • Colores & fondos
    • ajustes sobre y bajo el encabezado
    • Opciones adicionales al Sticky Header
    • Control sobre el contenido
  • Diseño del blog
    • Diseño tipo Grilla
    • Diseño tipo Lista
    • Diseño tipo Ladrillo (Masonary)
    • Resalta Primer post
    • Opciones de: mostrar fecha resaltada, mostrar resumen, paginación, ancho, carga infinita
  • Opciones globales
    • Diseño de encabezado móvil
    • Contenido sobre y bajo la encabezado
    • Diseño sobre y bajo la encabezado
    • Diseño flexible del pie de página.
  • WooCommerce
    • Scroll Infinito
    • Presentación de productos en grilla y galería. .
    • Vista rápida (Permite ver el producto sin abrir una nueva ventana)
    • Barra lateral fuera del lienzo.
    • Activación de mensajes tipo burbujas para potenciar la venta
    • Carrito desplegable, que permite ver su contenido y agregar productos.
  • Integraciones
    • Plugin LifterLMS
    • Plugin LearnDash
  • Librería de sitios 
    • Más de 20 sitios listo para usar
  • Uso en webs ilimitadas

El plugin Astra-Pro (pago) para potenciar las características del tema incluye:

Precios de Astra

El tema Astra es gratis y muy recomendable para muchas páginas y negocios online.

Las características avanzadas por medio del plugin Astra Pro son de pago. El plan Astra Pro cuesta actualmente 47 US$ anual (antes 59 US$), con todo lo comentado anteriormente, más soporte, entrenamiento, uso en ilimitados webs, y una librería de más de 20 sitios listos para usar. También existe una licencia Ilimitada o lifetime, por 249 US$ (antes 523 US$) y planes de licencias para Mini Agency Bundle y Agency Bundle, anual y lifetime, visita la página de precios de Astra Pro para detalles

Comparativa mínima de Storefront, GeneratePress y Astra 

Característica👇 / Tema👉StorefrontGeneratePressAstra 
Opción GratuitaSiSiSi
Opción pro o premiumSi pluginSi PluginSi Plugin
Código limpio y ligeroSiSiSi
Funcionalidades básicasSiSiSi
Funcionalidades Color/letras/fondosSiSiSi
Encabezado avanzadoNoDinámicoTransparente
Hooks / acciones para incluir código o contenidoNoSiPlugin adicional
Listo para SEOSiSiSi
Compatible con constructores visuales (Elementor, Editor visual Gutenberg, Etc)SiSiSi
Compatible con WooCommerce y otros Plugins popularesSiSiSi
Librería de SitiosNoBásico y ProBásico y Pro
Temas hijos pro incluidosProNo No
Precio extensions/Pro/premium69$49.95$47$ / 249$
Tabla Comparativa mínima de Storefront, GeneratePress y Astra 

Los temas que debes evitar

Hay tres recomendaciones sobre temas en general, que debes tener en cuenta no solo al iniciar tu ecommerce, sino cualquier sitio web:

No uses temas con funcionalidades

No puedo dejar de recomendar que no utilicen los temas que traigan funciones incluidas.

Ejemplo de este tipo de tema:

  • Un tema para ecommerce que traiga los productos incluidos.
  • Un tema para restaurantes que incluya la funcionalidad para ingresar menus.
  • Un tema para crear un directorios de negocio, que incluye la estructura para ingresar y visualizar los negocios.

Lo recomendable es que este tipo de funciones, como manejo de fichas de productos, menús, o negocios se agreguen por medio de un plugin.

Temas de gran tamaño 

Debes usar temas ligeros de poco tamaño y rápidos. Temas de gran tamaño son probablemente lentos en su carga. 

Aunque no hay definido un tamaño límite para usar un tema, puedes guiarte al instalar el tema y medir su velocidad en Google PageSpeed de una página típica de texto o texto+imagen y sin plugins instalados.

No uses temas con constructores visuales incluidos (o para incluir)

Se que estos temas son muy populares por la facilidad para crear sitios y todos los efectos y funciones que puedes usar, pero este tipo de temas o temas+plugin normalmente son lentos y pesados. 

Con este tipo de temas se tiende a crear sitios muy cargados con muchas funcionalidades y efectos, que pueden llegar a ser atractivos y muy tentadores, pero lentos.

El ejemplo más conocido es Divi.

Para mejorar su rendimiento se requiere invertir en hosting y servidores más costosos, de altas prestaciones, y plugins de caché difíciles de entonar. Cosas que no necesitas con temas ligeros y los plugins adecuados, o con lo que podrás acelerar al máximo un tema optimizado como los que te recomiendo.

Conclusiones de temas para tu Ecommerce con WooCommerce, mis recomendados

Los tres temas son una buena solución para montar un ecommerce (o web empresarial de cualquier tipo). Si es tu primera vez te recomiendo utilizar Storefront ,con o sin el plugin Extensions. 

Si quieres potenciar las facilidades y adaptar más la tienda a tu marca y mayores opciones para configurarla puedes usar uno de los tres temas con su plugin pro. 

Mi tema favorito ecommerce es GeneratePress (y para cualquier tipo de web, también) aunque Astra también es muy bueno. 

Cualquiera de los tres que uses no te defraudará. Buena Suerte. 

Si necesitas ayuda para configurar tu tienda online, o para posicionarla en Google puedes contactarnos por el formulario o por nuestras redes sociales

Si te gusto comparte!!

Deja un comentario

Abrir chat
1
Consúltame
¿En que podemos ayudarte?