Después de casi 3 años desde que salió la primera versión y cerca de 80 actualizaciones, esta pasado noviembre el equipo de Woostify lanza la versión 2.0, una actualización cargada de muchas mejoras y actualizaciones.
Woostify 2.0 se enfoca en mejorar el rendimiento del tema y desarrollar algunas características muy interesantes, destinadas a hacer que tu tienda online con WooCommerce funcionen de la manera más fluida posible. En particular, con esta actualización, el tema de Woostify realizó cambios en el código fuente del tema, añadió el método de impresión CSS dinámico y la carga de las fuentes de Google localmente. Al mismo tiempo, se añaden algunas características importantes, que incluyen color y tipografía globales, optimización de mini carrito, nuevo diseño de l página de pago, modo de catálogo, selector de cantidad en los archivo de producto, diseño de las pestañas de información adicional en la página de detalle del producto, añadiendo el diseño de acordeón y soporte de carrusel en los productos relacionados.
Mejoras de rendimiento
Fuentes SVG
Woostify 2.0 ahora ofrece a los usuarios la opción de usar fuentes SVG en lugar de fuentes de iconos Themify, usada por Woostify para los iconos antes de esta versión. Con el uso de fuentes SVG obtienes dos beneficios:
En primer lugar, hará que el sitio se cargue más rápido. En particular, ahorra tiempo en la carga de archivos CSS y de fuentes, reduciendo así el número de solicitudes.
En segundo lugar, SVG te ofrece una mayor de flexibilidad al proporcionarte una variedad de conjuntos de iconos SVG. Ahora dispondrás de más opciones, puedes cambiar la fuente de iconos fácilmente utilizando un gancho PHP personalizado.
Método de impresión CSS dinámico
De forma predeterminada, el CSS personalizado del personalizador o los complementos profesionales vienen como CSS en línea. Luego, después de esta actualización, puedes generar tu CSS personalizado en un archivo externo. Esto es muy útil para reducir el tiempo de carga de la página y mejorar el rendimiento del sitio.
Para generar un archivo CSS, visita Apariencia> Personalizar> Rendimiento. Luego, haz clic en Regenerar archivo CSS. Finalmente, pulsa Publicar para completar la tarea.
Fuentes de Google locales
Google Fonts alberga alrededor de 1000 fuentes, casi todas las cuales se pueden añadir a cualquier sitio web para usarlas de forma gratuita. Como cualquier otro tema de WooCommerce, el tema de Woostify es compatible con una amplia gama de fuentes de Google.
Cuando utilizas algunas herramientas como GTmetrix o Pingdom para probar el rendimiento de tu sitio web, a veces pueden mostrar errores relacionados con las fuentes de Google. Este problema puede ocurrir cuando se necesita un tiempo extra para enviar una solicitud a los servidores de Google para cargar fuentes de Google. Solo unos pocos milisegundos, pero afectará la puntuación de Core Web Vitals. Para resolver este problema, Woostify 2.0 ofrece una nueva función que permite la carga de fuentes de Google localmente. En otras palabras, te ayuda a alojar fuentes de Google localmente en tu propio servidor, lo que contribuirá a optimizar el tiempo de carga de la página.
Nuevas funciones del tema Woostify
Color global y tipografía global
Para que los usuarios optimicen el proceso de diseño del sitio web, Woostify 2.0 presenta la función de color global.
Como es habitual, un sitio web tendrá varias páginas y diferentes elementos. Entonces, te cansarás de configurar los colores uno por uno. Conociendo este problema, el tema de Woostify ha lanzado los colores globales de forma que puedas ahorrar tiempo al añadir el mismo color para diferentes páginas. Con solo un clic puedes ajustar los colores globales, en todas las partes que se usa ese color también cambiarán. Además del factor de ahorro de tiempo, te hace sentir seguro acerca de la unificación de colores en todo el sitio web.
¿Qué pasa si construyes una página con Elementor? No te preocupe, Woostify integra el color del tema global con el color Global de Elementor, por lo que puede elegir usar el color del tema fácilmente dentro del generador de páginas de Elementor.
Optimización del mini carrito
El equipo de Woostify también ha dedicado un esfuerzo en la optimización del mini carrito de WooCommerce para que puedas mejorar la velocidad de carga de Ajax en 2x.
Con la actualización del mini carrito, tendrás más opciones de personalización. En particular, Woostify 2.0 te permite cambiar el color del mini carrito. Además, puedes añadir nuevas secciones personalizadas. Para que pueda agregar mensajes, imágenes o cualquier contenido al mini carrito que desees. También se ha rediseñado el mini carrito vacío.
Umbral de envío
Además, esta versión te ofrece la opción de establecer un límite de envío gratuito. Significa que cuando los clientes hayan alcanzado un umbral, obtendrán el envío gratuito. De esta manera, esta función es muy útil para alentar a tus clientes a añadir más artículos al carrito para alcanzar el umbral requerido.
Nuevo diseño de pago
Otro punto sorprendente de esta última versión es la producción de un nuevo diseño. De sobra es conocida la importancia de la página de pago de WooCommerce para mejorar las tasas de conversión. Es por ello que se ha hecho un gran esfuerzo para crear un diseño de pago mucho mejor optimizado y más llamativo que el anterior.
Diseño de las pestañas en l página de detalle del producto
Otra actualización de la versión 2.0 es que las páginas de detalle del producto se diseñarán siguiendo el estilo del acordeón. Este estilo hace que la página del producto sea ordenada y crea una clara separación entre las diferentes secciones. Además, el nuevo diseño de acordeón se establecerá por defecto en el móvil.
Más que eso, cuando se llega ala personalización de las pestaña de producto, puede cambiar la posición de las pestañas, añadir nuevas fichas personalizadas, y eliminar cualquier pestaña que desees.
Modo catálogo
Algunos usuarios necesitan mostrar sus productos en modo catálogo sin usar códigos o plugins. Se debe principalmente a que no desea vender sus productos on línea. Por lo tanto, no necesitan mostrar un carrito de compras en su tienda online. COn esta nueva opción convertirán sus sitios de WooCommerce en catálogos para obtener más clientes potenciales.
Ahora, el modo catálogo está disponible en el tema Woostify WordPress v.2.0 para satisfacer las necesidades de los usuarios. Una vez que habilites el modo de catálogo en el Personalizador, también ocultará todos los botones Agregar al carrito .
Cantidad en los arhivos de producto
Esta es una gran característica que permite mostrar el campo de cantidad en la página de tu tienda WooCommerce. Después de habilitar este modo, tus clientes pueden realizar cambios en la cantidad de artículos que desean ñadir al carrito. Específicamente, haz clic en el icono «+» para añadir más, o en el icono «-» para reducir la cantidad de producto.
Soporte de carrusel
Las páginas de detalle de producto de WooCommerce a menudo incluyen artículos de venta cruzada y venta superior. Habrá varias formas de mostrarlos. Un carrusel de productos que permite a sus clientes ver productos relacionados en un control deslizante agradable es uno de los mejores métodos para hacerlo.
Con el soporte de carrusel, Woostify 2.0 espera dar a tus clientes nuevas experiencias mientras recorren tu catálogo de productos, lo que atraerá a los clientes a realizar más acciones en el sitio.
Para terminar,
Woostify 2.0 trata de proporcionarte herramientas más poderosas para mejorar tu tienda online con WooCommerce. Esta versión ha sido desarrollada con la esperanza de que ayude a mejorar las experiencia de compra de tus clientes en tu tienda online y aumenten tus ventas a futuro.
El Equipo de Woostify espera que todas estas mejoras sean de tu agrado. Hay más, no olvides estar atento a más actualizaciones.
