10 plantillas para una tienda online

Selección de plantillas HTML5 para el diseño de tu e-commerce

10 plantillas para una tienda online
Última actualización: miércoles 16 de octubre 2019 a las 19:00   Sergi Ruiz   Recursos  

A continuación hemos recopilado 10 plantillas de calidad creadas en HTML5 y CSS3, perfectas para una tienda online.

Todas las plantillas son Responsive Design, es decir, tienen un diseño web adaptativo y están optimizadas para las resoluciones de pantalla más habituales (PC, Tablet, dispositivos móviles...).

Además, te hemos clasificado estos Themes en función del CMS que vayas a utilizar para tu e-commerce.

Plantillas HTML5 para un CMS propio

Si tu tienda online está programada a medida y no utiliza ni Woocommerce, ni Prestashop, ni Shopify, ni Magento... entonces estas plantillas te servirán. Al estar creadas con HTML5 y CSS3 estas plantillas son 100% editables, y cualquier programador será capaz de modificarlas fácilmente para adaptarlas a las necesidades de la tienda online en cuestión.

Todas las plantillas de esta sección utilizan Twitter Bootstrap, un framework muy de moda actualmente en el mundo del diseño web por la flexibilidad y velocidad que permite a los programadores frontend.

Vayamos con el listado de las 10 plantillas HTML para comercio electrónico que hemos seleccionado:


Trizzy - Multi-Purpose eCommerce HTML Template

Trizzy - Multi-Purpose eCommerce HTML Template

DEMODESCARGAR

Trizzy no utiliza Twitter Bootstrap, pero se trata de una plantilla para e-commerce muy potente, con más de 1.600 descargas, 4,6 sobre 4 de media y actualizada constantemente por el autor.

  • La adaptación dispositivos móviles es perfecta.
  • Los elementos típicos como pestañas, tabs, encabezados, alertas, inputs, desplegables, botones, etc tienen un diseño personalizado para que todo encaje dentro de la misma línea gráfica.
  • Los listados de productos pueden configurarse de varias maneras (con sidebar, sin sidebar, en formato grid, en formato lista...)
  • Tiene diseñadas todas las pantallas habituales de una tienda online (Home, categorías, productos, checkout, dashboard de cliente...)
  • Incluye los plugins premium Slider Revolution, Showbiz Pro y RoyalSlider

Trizzy - Multi-Purpose eCommerce HTML Template


Stroyka - Tools Store HTML Template

Stroyka - Tools Store HTML Template

DEMODESCARGAR

Stroyka utiliza la versión de Twitter Bootstrap 4, se actualiza periódicamente por parte del autor y además de la versión en HTML, tiene disponibles las versiones para React y Angular.

  • El trabajo en la adaptación responsive es excelente
  • Integra elementos personalizados en todo el diseño, consiguiendo homogeneidad en la línea gráfica.
  • Estilo limpio y moderno.
  • Menú principal ideal para tiendas con muchas categorías y secciones
  • Sirve para tiendas online de cualquier temática

Stroyka - Tools Store HTML Template


Modello - Responsive eCommerce Template

Modello - Responsive eCommerce Template

DEMODESCARGAR

Esta plantilla utiliza Bootstrap y se caracteriza por su minimalismo y limpieza a la hora de presentar los productos.

  • Muy buen comportamiento en dispositivos móviles
  • Elementos personalizados en formularios, iconos, etc y también en elementos como el carrito flotante
  • Animaciones dinámicas que no recargan al usuario
  • Sirve para tiendas online de cualquier temática, especialmente creemos que encaja más con temática moda

Modello - Responsive eCommerce Template


Couponia - Coupons & Online Shop Template

Couponia - Coupons & Online Shop Template

DEMODESCARGAR

A día de hoy, Couponia es la plantilla HTML5 más descargada en la categoría Shopping de Themeforest, con más de 1.800 descargas y una valoración de 4,5 sobre 5. Está realizada con Bootstrap 3 y sobretodo está orientada para páginas de venta de cupones (estilo Groupon, por ejemplo). Aunque también tiene preconfiguraciones para tiendas online de otras temáticas, nosotros te la recomendamos prinicpalmente para un proyecto de ofertas, ya que cualquiera de las otras plantillas para e-commerce que te hemos mencionado anteriormente creemos que es mejor para una tienda online estándar.

Couponia - Coupons & Online Shop Template

Plantillas para tiendas online con WooCommerce

Si las primeras plantillas eran HTML5 a pelo, para CMS propios, ahora le toca el turno a las plantillas para tiendas online realizadas con WordPress + el plugin WooCommerce de comercio electrócnico. Esta es una de las combinaciones más utilizadas para tiendas online, ya que supone en muchas ocasiones un gran ahorro para el propietario de la tienda, al no tener tantos costes de desarrollo.

Flatsome | Responsive WooCommerce Theme

Flatsome | Responsive WooCommerce Theme

DEMO DESCARGAR

Flatsome es la plantilla de Woocommerce más vendida en Themeforest, superando las 100.000 descargas. Se actualiza constantemente desde 2013 que la lanzaron, es un Theme sólido, tiene más de 5.000 valoraciones positivas

  • Actualizaciones periódicas de la plantilla y soporte del propio autor.
  • Utiliza un motor propio para crear las estructuras de las páginas, llamado Flatsome Page Builder. Es un sistema "drag and drop" para crear el contenido de la página de forma sencilla, sin necesidad de saber HTML.
  • Incluye múltiples pantallas prefabricadas con estructuras distintas para que puedas usarlas como base.
  • La plantilla incluye los archivos PSD.
  • El Theme Child ya está preparado para usar.
  • El listado de productos y categorías de la tienda online tiene múltiples opciones de estructura.
  • Integra Google Fonts, ofreciendo una gran variedad de tipografías para que personalices el diseño.

Flatsome | Responsive WooCommerce Theme


Avada | Responsive Multi-Purpose Theme

Avada | Responsive Multi-Purpose Theme

DEMO DESCARGAR

Avada es la plantilla para WordPress más vendida en Themeforest, y se usa tanto como para webs corporativas como para tiendas online. 500.000 descargas y aumentando día tras día. Se creó en 2012 y la actualizan con bastante frecuencia para adaptarse rápidamente a las nuevas versiones de WordPress.

  • Actualizaciones periódicas de la plantilla y soporte del propio autor.
  • Utiliza Fusion Builder, su propio sistema drag & drop para montar el contenido de las páginas.
  • Panel de Opciones del Theme con mucha capacidad de personalización sin necesidad de saber programar.
  • Más de 50 demos a elegir para cargar la preconfiguración de tu web con 1 click
  • Muy bien optimizada para WooCommorce, además de para webs corporativas
  • El Theme Child ya está preparado para usar.
  • El listado de productos y categorías de la tienda online tiene múltiples opciones de estructura.

Avada | Responsive Multi-Purpose Theme


En nuestro post de plantillas para WooCommerce tienes más detalles y más Themes a elegir.


Podemos destacar que las plantillas han sido realizadas por diseñadores profesionales o empresas de diseño y puestas a la venta en la plataforma ThemeForest, un portal especializado en la venta de diseños web donde se pueden encontrar plantillas de gran calidad. Teniendo en cuenta este dato, el precio por el que se pueden adquirir (entre los 15$ y 20$) está más que justificado.

También es importante tener en cuenta que la mayoría de las plantillas de ThemeForest reciben soporte por parte de los propios autores, y se actualizan periódicamente para resolver pequeños bugs, actualizar el código a una nueva versión, añadir alguna funcionalidad, etc.

Estas plantillas no incluyen la programación para hacer funcionar la tienda online, simplemente contienen los archivos HTML y CSS (y en algunos casos los archivos en PSD) que conformarán el diseño de la página web. Por lo tanto, estas plantillas no están preparadas para utilizarse o instalarse directamente en plataformas de comercio electrónico como Magento, osCommerce, WordPress, Prestashop, Virtuemart...


Puedes leer más artículos de este tipo:

Plantillas para web y e-commerce de plataformas diferentes a WordPress:


¡Y no te olvides de alojar tu e-commerce en un buen hosting! ¿Sabías que hoy en día la velocidad de carga de tu web es uno de los factores más importantes para una buena optimización en Google? Y para tener una buena velocidad de carga, entre otras cosas necesitas un hosting de calidad. Nosotros tenemos nuestro aliado en Nicalia, que ofrece diferentes planes de hosting adaptados a las necesidades de cualquier proyecto. Te lo recomendamos al 100%:

comments powered by Disqus

Este sitio web utiliza cookies. Puede obtener más información acerca de las cookies leyendo nuestra Política de privacidad