Personalizar la plantilla Storefront – Theme oficial de Woocommerce

 

Storefront es el theme o plantilla oficial de woocommerce. Es verdad que a simple vista puede parecer que es un poco pobre y no tiene mucha «chicha» donde agarrar, pero personalizando bien este tema y utilizando plugins extras puede quedar una tienda muy chula. Y además al ser el tema oficial de woocommerce, esto tiene unas ventajas.

Ventajas:

  • El tema está adaptado para tiendas online. Una de las cosas que tienes que tener en cuenta a la hora de elegir una plantilla, un theme para tu tienda online, es que tiene que adaptarse y ser compatible con el plugin woocommerce, es decir con la tienda online. Y no todos los temas son compatibles. Esta plantilla lo bueno que tiene es que es 100% compatible con woocommerce, y te aseguras que todo va a funcionar a las mil maravillas.
  • Es rápida a la hora de cargar y sin excesivo código. Además al estar creada por los desarrolladores de woocommerce nos da tranquilidad, ya que es compatible con los plugins.

Puedes ver la demo de Storefront Theme en este enlace y ver una tienda online con esta plantilla.

 

Instalar Storefront

 

Para instalar este theme en tu tienda, tienes que dirigirte a Apariencia→ Temas, clicas en añadir nuevo y buscas Storefront. Pulsas en Instalar y activar.

Ahora tienes que crear un child theme, antes de empezar a trabajar y configurar tu tienda. Sino todo el trabajo que realices se puede perder en futuras actualizaciones del theme. Pôr eso es necesario crear un Child Theme y trabajar sobre él.

Para crear este Child Theme hay muchos plugins que puedes utilizar. Yo utilizo Child theme configurator.

 

Personalizar la plantilla Storefront

 

Este tema tiene muchas posibilidades a la hora de personalizar la tienda online.

Por una parte puedes personalizar la tienda con lo que trae por defecto el theme. Y además puedes añadir plugins que te van a ayudar a mejorar el aspecto y la usabilidad de tu tienda online.

 

Con las opciones que trae la propia plantilla

 

Las personalizaciones de Storefront las encuentras en Apariencia → Personalizar. Y las opciones que encuentras son:

  • Identidad del sitio: Puedes añadir el logo. Poner el nombre de tu tienda (título) y añadir una descripción corta.
  • Cabecera: Puedes añadir una imagen en la cabecera de tu tienda, en la parte superior. Y cambiar los colores del fondo de la tienda, del texto y de los enlaces.
  • Pie de Página: puedes cambiar el color del fondo y de las tipografías.
  • Fondo: Puedes cambiar el fondo de la tienda añadiendo una imagen o seleccionando un color.
  • Tipografía: Puedes cambiar el color de las tipografías.
  • Botones: Cambiar el color de los botones.
  • Diseño: Aquí tenemos pocas opciones. Más adelante al instalar otros plugins verás como aumentan las opciones de diseño.
  • Menú: Desde aquí puedes crear y configurar los menús de tu tienda.
  • Widgets: Puedes añadir hasta 4 widgets en el pie de la página. Además también puedes cambiar los widgets de la barra lateral o eliminarlos.

Hasta aquí son las personalizaciones que te permite la propia plantilla de Storefront sin necesidad de instalar plugins complementarios.

Pero seguro que tu quieres personalizar todavía más tu tienda, como siempre te digo, tienes que transmitir tu valores, tu voz de marca y conectar con tu cliente. Y eso se hace personalizando al máximo tu tienda online.

 

Con plugins extras.

 

Tienes la opción de añadir plugins extras que te van a permitir personalizar todavía más tu tienda, dandole el aspecto con quieras. Te recomiendo siempre trabajar la experiencia de usuario y la usabilidad, dándolo mucha importancia y prioridad a estos dos aspectos.

 

Storefront Designer

Con este plugin podrás personalizar mucho más. Dentro de cada pestaña, cabecera, pie de página, tipografía, botones y diseño, se han añadido opciones que antes no estaban y que te permiten personalizar más tu tienda.

Storefront checkout customizer

Ahora toca personalizar la página del carrito y optimizarla con el fin de que tu cliente se sienta cómodo y confiado. Para ello puedes utilizar el plugin storefront checkout customizer.

En el momento de instalarlo y activarlo en el menú Apariencia → Personalizar, encontrarás una nueva pestaña “Checkout” desde aquí puedes personalizar tu página de carrito.

Más plugins

Hay tres plugins más relacionados con la personalización de la plantilla que son muy interesantes.

  • Storefront Parallax Hero que te permite instalar una llamada a la acción muy atractiva y llamativa.
  • Storefront WooCommerce Customiser. Con este plugin puedes personalizar la homepage, la página de la tienda (shop), y las fichas de producto.
  • Storefront  Homepage Extra Sections. Puedes instalar un slider y widgets extras.

 

Y ahora ¿hablamos en los comentarios? Estaré encantada de responder a tus preguntas, dudas o sugerencias. Y si utilizas Storefront en tu tienda online, yo y los lectores estaremos encantados de que nos enseñes tu tienda.

Hasta entonces, recuerda que, lo bueno compartido, sabe mejor.

Un abrazo!

¿Te ha sido de utilidad el artículo?
(Votos: 3 Promedio: 2.3)

Pin It on Pinterest