Happymami en su sitio web
Proceso de diseño e integración web
Con el fin de facilitar la adopción de nuestra herramienta a nivel de distribución, se ha desarrollado una solución de integración web que permite incorporar el configurador de productos Happymami en cualquier canal de venta online.
Dado el amplio abanico de gestores de contenido y plataformas utilizadas por nuestros clientes, se ha optado por una solución universal basada en iframe, accesible desde la siguiente URL: https://embed.happymami.com/
Esta versión embebida adapta su apariencia a la identidad visual de forma genérica con la mayoría de esquemas de color, y emplea el sistema de referencias comerciales de la red de distribución para generar resultados compatibles con el flujo de venta de cada sitio.
Requisitos funcionales
La integración está pensada para plataformas autogestionadas, aunque se puede utilizar en cualquier sistema que permita insertar contenido HTML con la etiqueta <iframe>, incluyendo:
- WordPress
- Wix
- Shopify
- PrestaShop (requiere permitir iframes)
- Sitios desarrollados a medida (propios o por terceros que soporten HTML5)
Integración de la solución
A continuación, se proporciona un fragmento listo para copiar y pegar en el contenido de su sitio web.
El tamaño del iframe puede ajustarse según el diseño y el espacio disponible en su página, recordando que los valores width (ancho) y height (alto) han de ajustarse según el layout del entorno donde se pretenda integrar, de este modo se logrará la mejor integración posible:
El iframe de Happymami incluye un sistema de comunicación con el sitio contenedor mediante la API postMessage, lo que permite que su web reciba directamente la información de la tetina y la botella seleccionadas por el usuario sin necesidad de que su cliente deba copiar esta información manualmente.
A continuación, se muestra un ejemplo básico de escucha de eventos en JavaScript:
Este código puede adaptarse para guardar los datos en campos personalizados, notas de pedido o cualquier otra estructura compatible con su tienda online.
Consideraciones finales y ejemplo de integración
Antes de integrar nuestro sistema, debe tener en cuenta que:
- Cada integración puede requerir una adaptación según el modelo de gestión de pedidos y el CMS utilizado.
- El tratamiento y almacenamiento de los datos recibidos es responsabilidad exclusiva de la empresa que realiza la integración.
- Happymami se hace responsable del mantenimiento del proceso de diseño, así como de el funcionamiento de la solución.
En caso de que no se pueda realizar la integración mediante iframe, se puede ofrecer al cliente un enlace directo al proceso de diseño: https://embed.happymami.com
A continuación se facilita un ejemplo de integración, si tiene dudas sobre la integración puede contactar con nosotros, o tomar como ejemplo la siguiente demo de integración: https://embed.happymami.com/demo/