Hay gente a la que no le gusta demasiado el theme Storefront. Normalmente dicen que es porque es pobre en diseño, muy soso. Es evidente que la gente que piensa eso no sabe qué es lo que vende en un ecommerce, y normalmente son los mismos que buscan llamativos sliders y efectos parallax que quiten el aliento. Justo el tipo de cosas que disminuyen la tasa de conversión.
Muy al contrario, Storefront es una plantilla sobresaliente: limpia, simple, muy eficiente en la carga y muy manejable. Y se integra maravillosamente con WooCommerce, cosa lógica siendo un theme oficial de WooThemes. Pero además tiene grandes posibilidades de diseño, como demuestran algunos de sus child themes (Proshop, Outlet, Stationery…).
No sólo eso, sino que además cuenta con todo un universo de addons, plugins específicos para Storefront que te ayudarán a hacer con él una tienda online bien maja sin necesidad de escribir ni una sola letra de código. Vamos a repasar los mejores.
Tabla de contenidos
Homepage Control
Storefront viene ya con una página de inicio optimizada para ecommerce prediseñada. Para algo es un theme pensado 100% para una tienda online. Para utilizarla, basta con añadir una página (sin contenido) y seleccionar la plantilla Página de inicio.
Crear una página de inicio en Storefront
Después sólo tendrás que ir a Ajustes > Lectura o a Apariencia > Personalizar > Portada estática (se trata de la misma opción) y establecer esta página como página de inicio. Tendrás ya, sin esfuerzo, una estupenda página de inicio optimizada para ecommerce con varias secciones dinámicas (muestran los productos automáticamente, sin que tú tengas que poner contenido):
- Comprar por categoria (mostrando 3 categorías de la tienda)
- Novedades
- Recomendamos (productos destacados)
- Favoritos de los fans (mejor valorados)
- Rebajados
- Los más vendidos
Por cierto, que no trae una opción para cambiar los textos de los encabezados de cada sección, pero puedes hacerlo como explico en este artículo.
Esto está muy bien, y te deja (para empezar) una página de inicio bastante maja con esfuerzo cero. Pero, sinceramente, es mejorable. ¿No te gustaría poder quitar algunas de esas secciones, o quizá reordenarlas?
Pues puedes, porque ahí es donde entra el primer plugin de esta lista, Homepage Control. A decir verdad no es un plugin exclusivo para Storefront (el único de este artículo que no lo es) sino que sirve para las plantillas de WooThemes que utilizan este sistema de página de inicio.
Es gratuito y está en el repositorio, y simplemente con activarlo tendrás un nuevo apartado en Apariencia > Personalizar > Homepage Control que te permitirá precisamente eso: desmarcar las secciones de la página de inicio que no quieras que aparezcan, y reordenarlas simplemente arrastrando y soltando, o incluso mostrar el contenido que pongas dentro de la página creada con la plantilla Página de inicio como si fuera una sección más.
Storefront Homepage Extra Sections
En unos minutos ya tenemos un ecommerce con una página de inicio sencilla pero optimizada y con un buen aspecto. Pero a veces eso no basta y queremos algo más. De momento hemos eliminado y movido secciones a esta homepage, pero ¿y si queremos añadir alguna nueva?
Storefront Homepage Extra Sections es otro plugin gratuito para la página de inicio de Storefront (también está en el repositorio) que te permite precisamente eso: añadir algunas secciones adicionales a las que vienen por defecto.
Con este plugin puedes añadir concretamente:
- Homepage Slider, un slider o carrusel que puedes configurar a través de Apariencia > Homepage Slider Section para que muestre productos o entradas y ,si quieres que muestre productos, cuáles de ellos (ofertas, destacados, top ventas, etc)
- Storefront Tripple Widgets, una zona de la página de inicio dividida en tres columnas en la que podrás poner los widgets que necesites
- Storefront Fullwith Widget, que genera un área de widget de ancho completo en la página de inicio
Storefront Homepage Slider mostrando productos
Como ves, la página principal de tu tienda va quedando cada vez mejor. ¿Quién dijo que Storefront era un tema sin posibilidades?
Title Toggle for Storefront Theme
Aún queda una pega con la página de inicio: se ve el título que le has puesto a la página, y eso no queda demasiado bien. En fin, ya expliqué (vídeo incluido) cómo puedes ocultar el título de cualquier página de WordPress:
Pero en este caso tienes una solución más específica: Title Toggle for Storefront Theme, otro plugin gratuito y disponible en el repositorio, que añade en cada página, post y producto una opción para que no se muestre el título o, en el caso de las entradas, los meta (categorías, etiquetas).
Fácil, simple, rápido.
Pero aún podemos hacer más cosas sin realizar ningún desembolso, como por ejemplo añadir una barra de contenido extra antes del footer.
Esto lo puedes hacer con Storefront Footer Bar y, a diferencia de lo que hemos visto hasta ahora, esta barra se muestra en toda la web, no sólo en la home.
Puedes añadirle contenido en la sección de widgets ya que genera una nueva área para widgets, y establecer el color de fondo, borde y texto, así como poner una imagen de fondo para esta sección, en Apariencia > Footer bar.
Una zona de contenido muy útil para muchas cosas, como poner los iconos sociales, logotipos de empresas colaboradoras o marcas, etc. Y, a pesar de haberla llamado “barra”, esta área ocupará tanto espacio en vertical como necesite en función del contenido que le pongas.
Hasta ahora llevamos gastado cero euros (o dólares, o lo que sea que gastes tú) ya que tanto Storefront como los plugins que hemos visto son todos gratuitos. Y oye, el aspecto de la tienda no está quedando tan mal. Aquí puedes ver un ejemplo de lo que se puede hacer con ellos:
Pero vamos a ir aún más allá, haciendo una pequeña inversión para mejorar aún más nuestra tienda online. Porque aún hay más plugins que mejoran mucho el aspecto y las funcionalidades de Storefront, aunque son de pago.
Imagen hero para Storefront
Ya sabes qué es una hero image: una de esas imágenes grandes, a todo el ancho de la pantalla, que sirven para llamar la atención sobre nuestra propuesta de valor en la página principal de la web.
Pues el plugin Imagen hero para Storefront te permite, precisamente, añadir una de esas imágenes hero para esta plantilla bajo la cabecera, con unas frases destacadas que van cambiado mediante una animación. No es porque sea mío, pero el resultado da bastante vida al tema. 🙂
El plugin cuesta 4,99€ y lo puedes descargar aquí:
Storefront viene por defecto con un mensaje de copyright y unos créditos (© WooCommerce [versión][año] – Storefront diseñado por WooCommerce) que no se pueden cambiar mediante ninguna opción, sólo mediante código utilizando el hook storefront_footer.
Para solucionar eso he creado un sencillo plugin, que habilita un editor de texto enriquecido (como el de WordPress), que admite cualquier tipo de formato, incluyendo enlaces, imágenes, shortcodes, etcétera, en el que puedes configurar un pie de página personalizado de una forma sencillísima.
El plugin no es gratuito, pero casi, porque cuesta 2,99€. Puedes encontrarlo en:
Storefront Mega Menus
Ya sabrás qué es un mega menú: uno de esos menús que, al pasar el ratón por encima (o al dar un toque, si estás en un dispositivo móvil) te muestra toda una sección horizontal que igual puede tener enlaces a subcategorías, que imágenes que un formulario de contacto.
Aunque hay plugins de este tipo muy bien conseguidos y gratuitos/freemium en el repositorio (a mí me gusta Max Mega Menu que, por cierto, también tiene un add-on de integración con Storefront), WooThemes ha desarrollado uno específico para Storefront: Storefront Mega Menus.
Mega menú para Storefront
Puedes ver una demo en vivo aquí.
Storefront Parallax Hero
Y aquí llega uno que te permite implementar esos efectos que tanto gustan a los dueños de una tienda online y tan poco a sus clientes: un vídeo con parallax.
Storefront Parallax Hero te permite implementar esta sección, de la que puedes ver una demo aquí.
Sí, muy efectista pero poco útil en términos de marketing. Mejor no abusar de él y, si lo utilizas, que sea de forma puntual para destacar una promoción en fechas concretas y cosas así. No es un plugin para tener activo de forma permanente.
Storefront Powerpack
Y termino con el pack definitivo ideado para este theme, Storefront Powerpack, que te permite configurar prácticamente todas las partes de Storefront sin necesidad de escribir ni una línea de código.
Porque en realidad lo que ha hecho WooThemes es meter en este powerpack un montón de plugins que antes distribuían de forma individual, como Storefront WooCommerce Customiser para personalizar el checkout, o el mega menú que mencionaba más arriba.
Personalmente éste último me sobra (de hecho me vienen sobrando los tres últimos, la verdad sea dicha) pero entiendo que mucha gente necesita este tipo de plugins para personalizar a fondo la tienda, así que ahí están mencionados.
Y ahora, quien se atreva, que diga en los comentarios que Storefront es un tema “soso” y con pocas posibilidades.