Publicado en: Ecommerce

Implementa Hyva en Magento

Autor Arturo Sánchez Gándara

Publicado el: abril 15, 2024

¿Qué es Hyva?

Hyva es una suite de extensiones gratuitas de Magento desarrolladas por Vue Storefront. Su objetivo es mejorar la experiencia de usuario y el rendimiento en el frontend de Magento Open Source. Hyva incluye varias extensiones que permiten agregar funcionalidades como mega menús, búsqueda instantánea, comparador de productos, reseñas y más.

Beneficios de Hyva

Hyva ofrece varios beneficios que pueden mejorar significativamente el rendimiento y la experiencia de usuario de tu tienda Magento. Uno de los principales beneficios es la mejora en la experiencia de usuario y la conversión.

Al optimizar el rendimiento del sitio y la velocidad de carga, Hyva permite una navegación más fluida para el usuario. Esto se traduce en menos rebote y tasas de conversión más altas. Hyva también incluye características como búsqueda instantánea y comparadores de productos que facilitan encontrar lo que se busca.

Otro beneficio importante es que Hyva está diseñado específicamente para tiendas Magento. Esto significa que la integración es perfecta y no hay problemas de compatibilidad. En resumen, Hyva ayuda a crear una experiencia de compra online sobresaliente.

Según un estudio de Akamai, un retraso de un segundo en la carga de un sitio web puede reducir las conversiones en un 7%. Con Hyva, puedes reducir el tiempo de carga y aumentar las conversiones de manera significativa (Cita del estudio: https://www.akamai.com/es/es/multimedia/documents/content/state-of-the-internet/akamai-state-of-the-internet-connectivity-report-2019.pdf).

Requisitos previos

Para poder instalar Hyva en tu tienda de Magento Open Source, es necesario tener la siguiente versión mínima de Magento:

Magento Open Source 2.3.x o superior. Fuente

También necesitarás una licencia válida de Hyva Themes, que te da acceso a las actualizaciones del tema, soporte y otras características. Puedes adquirir una licencia en este enlace.

Finalmente, necesitarás una clave para acceder a Packagist Privado de Hyva, donde se encuentran los paquetes e instrucciones para la instalación.

Instalación

Hay varias formas de instalar Hyva en Magento. Una de las más sencillas es mediante Composer, el manejador de paquetes de PHP. Estos son los pasos para instalar Hyva con Composer:

1. Acceder a la carpeta raíz de Magento via SSH
2. Ejecutar el siguiente comando para instalar el paquete de Hyva:
   

   composer require hyva-themes/magento-2:dev-main

   
   
3. Esperar a que finalice la instalación de paquetes
4. Ejecutar los comandos para actualizar, instalar y compilar:
   

   php bin/magento setup:upgrade

   
   

   php bin/magento setup:static-content:deploy

   
   

   php bin/magento indexer:reindex

   
   

   php bin/magento cache:clean

   
   

Con estos pasos Hyva quedará instalado y listo para ser activado y configurado en el backend de Magento.

Configuración

Después de instalar Hyva, es necesario habilitar los módulos específicos de Hyva para que empiecen a funcionar. Esto se hace a través del administrador de Magento en System > Tools > Web Setup Wizard. Ahí veremos la lista de módulos instalados y podremos activar los que queramos, principalmente los relacionados con Hyva. Según la documentación oficial de Hyva (1), los módulos principales que debemos activar son:

• Hyva_Base
• Hyva_Checkout
• Hyva_Theme

Una vez activados los módulos, es muy importante limpiar la caché de Magento para que los cambios surtan efecto. Esto se hace desde System > Cache Management y pulsando “Flush Magento Cache”. Con esto ya deberíamos tener Hyva funcionando correctamente en nuestra tienda Magento.

Menú mega

Uno de los beneficios clave de Hyva es la capacidad de crear menús desplegables profundos basados en la estructura de categorías de Magento. Esto permite a los clientes navegar fácilmente por todas las categorías y encontrar lo que buscan sin tener que volver a la página principal.

Para crear un menú mega desplegable en Hyva (https://github.com/ProxiBlue/hyva-proxiblue-multimenu):

1. Ve a Content > Elements > Menus en el panel de administración de Magento.
2. Haz clic en “Add New Menu” e ingresa un título y nombre para el menú.
3. En la pestaña “Menu Structure”, selecciona las categorías que quieres incluir en el menú desplegable.
4. Arrastra y suelta para ordenar las categorías y subcategorías.
5. Guarda el menú.
6. Ve a Content > Widgets, arrastra el widget de menú mega al área de la tienda donde quieres que aparezca.
7. En la configuración del widget, selecciona el menú que acabas de crear.
8. Guarda el widget.

Con estos sencillos pasos tendrás un robusto menú mega desplegable en tu tienda Magento con Hyva.

Búsqueda instantánea

Una de las características más útiles de Hyva es la búsqueda instantánea o autocompletar. Esta función permite a los usuarios ver sugerencias de búsqueda mientras escriben en el cuadro de búsqueda.

El autocompletar hace que sea mucho más fácil para los clientes encontrar lo que buscan, sin tener que pensar en las palabras exactas para utilizar. Les da resultados en tiempo real que se vuelven más relevantes a medida que escriben más.

Esto mejora en gran medida la experiencia de búsqueda y aumenta las tasas de conversión, ya que los clientes pueden encontrar los productos deseados más rápido. Según Hyva.io, el uso del autocompletar puede aumentar las conversiones de búsqueda en un 20-30%.

Configurar el autocompletar en Hyva es simple. Simplemente habilitar la función en la configuración de búsqueda y establecer las opciones deseadas, como el número mínimo de caracteres antes de mostrar sugerencias. Luego, se indexan los términos de búsqueda para alimentar los resultados.

En resumen, el autocompletar o búsqueda instantánea es una excelente manera de mejorar la experiencia de búsqueda y aumentar las conversiones en cualquier tienda en línea con Magento.

Comparador de productos

Una de las características más útiles que ofrece Hyva es su comparador de productos. Esto permite a los usuarios seleccionar varios productos y comparar sus especificaciones en una tabla lado a lado.

Para agregar el comparador de Hyva a tu tienda Magento, solo necesitas activar la extensión Comparador de Productos que viene incluida con el tema. Ve a Admin > Stores > Configuration > Hyvä > Product Compare y cambia “Habilitar” a “Sí”.

Ahora cuando tus clientes ven un producto, verán un botón “Comparar” que les permite agregar ese producto a una lista de comparación. Pueden seguir agregando productos para comparar sus detalles. Es una excelente manera de ayudar a los usuarios a tomar una decisión informada.

El comparador de Hyva es fácil de usar tanto para el cliente como para el administrador de la tienda. Solo requiere activar la extensión y los botones e interfaz se agregan automáticamente. Es una gran característica para mejorar la experiencia de compra.

Reseñas de productos

Una de las grandes ventajas de Hyva es que permite habilitar fácilmente las reseñas de productos en tu tienda Magento. Esto te ayuda a generar confianza y credibilidad con tus clientes, al mismo tiempo que obtienes valiosa retroalimentación sobre tus productos.

Para habilitar las reseñas en Hyva, solo necesitas seguir estos pasos sencillos:

1. En el panel de administración, ve a Stores > Configuration > Catalog > Product Reviews.
2. En la sección “Product Reviews”, establece “Enabled” en “Yes”.
3. Guarda la configuración.

¡Eso es todo! Ahora tus clientes podrán dejar reseñas y calificaciones en los productos después de realizar una compra. Esto ayudará a futuros clientes a tomar mejores decisiones de compra.

Además, puedes configurar notificaciones por email cuando un cliente deje una reseña. Ve a Stores > Configuration > Sales > Sales Emails y habilita “Send Product Review Email Copy To”. Ingresa las direcciones de email que deben recibir una copia de las reseñas.

Las reseñas de productos son una excelente forma de generar confianza y lealtad con tus clientes. ¡Aprovéchalas al máximo con Hyva!