A continuación, hemos recopilado 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. La adaptación a 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.
- 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.
Modello - Responsive eCommerce Template
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.
Couponia - Coupons & Online Shop Template
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 principalmente 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.
Lea también: Estrategias de Marketing Digital
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ónico. 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 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.
Avada | Responsive Multi-Purpose Theme
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.
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.
Lea también: Crea tus Términos y Condiciones fácilmente
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.
Ejemplos Adicionales de Plantillas HTML Gratis
- Hallooou: Plantilla gratis en HTML5 muy flexible, creativa, perfecta para una página de aterrizaje, es un tema rápido, ideal para negocios modernos, agencias o uso personal. Está creada en HTML5, CSS3 y con bootsrap.
- Flatfy: Es una de esas plantillas que nada más verla entra por los ojos y es que no la faltan motivos. De entrada te encuentras una imagen de portada a pantalla completa con un botón de scroll que desliza a la parte de la web que más te interese. Los efectos de los iconos son espectaculares al igual, de como muestra las imágenes junto a los textos. Esta plantilla es realmente atractiva y tiene una estructura muy ordenada.
- Si lo que necesitas es un portafolio para mostrar tus últimos trabajos, proyectos o diseños, esta plantilla en HTML y Bootstrap te puede venir como anillo al dedo. La plantilla es ideal para este fin y cuenta con diferentes modos de vista que la proporcionan una alta capacidad de personalización.
- Si necesitas una plantilla HTML gratis que te sirva para presentar tu CV o tu portafolio de trabajo, esta es una plantilla muy funcional.
- PRETTYDOCS: es una tema muy interesante si queremos realizar la descripción a fondo de un producto o servicio. Plantilla en HTML para crear una página de ventas. Integra todo lo necesario para convertir nuestra web en una verdadera tienda online.
- Una estupenda plantilla para lucir trabajos de fotografía. Si te dedicas al mundo de la fotografía o del diseño gráfico esta plantilla es para ti. Big Picture muestra los trabajos recientes con una vista en forma de baldosas.
- Mobile app sowcaseios es una plantilla en HTML con la que puedes hacer una presentación y promoción de tu app. La plantilla esta creada justamente para esta finalidad.
Lea también: Características clave en plantillas de ecommerce