Configuración del Widget de Fidelización en Ecommerce
Sección: Canales → Ecommerce Ruta en el panel: /channels/ecommerce/plugin
El plugin de Omniwallet para ecommerce permite que tus clientes consulten sus puntos, niveles, regalos y más directamente desde tu tienda online, sin salir de ella. Desde esta sección configuras su diseño, posición y el contenido de las tarjetas que se mostrarán.
Plataformas compatibles
El widget de Omniwallet puede instalarse en las siguientes plataformas de ecommerce. La configuración visual se gestiona siempre desde el panel de administración de Omniwallet, independientemente de la plataforma:
- Shopify
- PrestaShop
- WooCommerce
- BigCommerce
- Magento 2
- LogiCommerce
📦 La instalación del plugin en cada plataforma se explica en artículos separados por integración. Este artículo cubre exclusivamente la configuración del widget desde el panel de Omniwallet.
Cómo acceder a la configuración
- Ve a Canales en el menú lateral. En el panel de administración de Omniwallet, despliega la sección Canales del menú izquierdo.
- Selecciona Ecommerce. Haz clic en Ecommerce para acceder a la pantalla de configuración del plugin.
- Pestaña Plugin. Encontrarás la pestaña Plugin activa por defecto. Aquí tienes el control completo sobre el diseño y comportamiento del widget.
Diseño visual del widget
La sección Diseño te permite personalizar la apariencia del widget para que sea coherente con la identidad visual de tu marca.
Tipografía Selecciona la fuente del widget desde un listado predefinido (ej: Montserrat, Roboto, etc.).
Radio de contenedores Define el redondeo de las tarjetas y contenedores del widget, en píxeles. Un valor de 0 da esquinas rectas; valores altos dan una apariencia más redondeada.
Radio de botones Controla el redondeo específico de los botones dentro del widget.
Color de acento (iconos)
Color principal que se aplica a iconos y elementos destacados. Introduce el valor en formato hexadecimal (ej: #1787ff).
Botón primario Configura el color de fondo y el color de texto del botón principal (llamadas a la acción principales).
Botón secundario Configura el fondo y el texto del botón secundario (acciones alternativas o de menor jerarquía).
💡 Utiliza el mismo color de acento que tu tienda online para que el widget quede perfectamente integrado. Los cambios se aplican al pulsar Guardar.
Layout: modo de visualización
El Layout define cómo se presenta el widget en pantalla cuando el usuario lo abre. Elige el modo que mejor se adapte a la experiencia de compra de tu tienda.
Drawer Panel deslizante vertical que emerge desde la parte inferior de la pantalla. Ideal para móvil.
Sidebar Panel lateral fijo que aparece anclado a un lado de la pantalla sin interrumpir el contenido principal.
Popup Ventana modal centrada sobre el contenido de la página. Mayor protagonismo visual.
ℹ️ Puedes combinar cualquier modo de visualización con cualquier trigger de activación. La elección depende del diseño y UX de tu tienda.
Trigger: cómo se activa el widget
El Trigger de activación determina qué elemento visible en la tienda abre el widget cuando el usuario interactúa con él. También puedes configurar su posición (Izquierda / Derecha) y los desplazamientos horizontal y vertical.
Barra inferior Franja fija en la parte baja de la pantalla, siempre visible durante el scroll.
Tab lateral Pestaña anclada al lado de la pantalla. Discreta pero accesible en todo momento.
Link libre Enlace de texto que puedes colocar donde quieras dentro del HTML de tu tienda.
Burbuja Botón flotante circular. Muy reconocible y ampliamente usado en soluciones de fidelización.
Posición y desplazamiento
Para los triggers que lo permiten (Tab lateral, Burbuja), puedes elegir si aparecen en el lado izquierdo o derecho de la pantalla, y ajustar su posición exacta mediante los sliders de desplazamiento vertical y desplazamiento horizontal (valores en porcentaje).
⚠️ Si tu tienda ya tiene otros elementos flotantes (chat de soporte, botón de carrito), asegúrate de que el widget de Omniwallet no se solape con ellos ajustando el desplazamiento.
Cards: contenido del widget
La sección Cards te permite seleccionar qué módulos se muestran dentro del widget y personalizar el banner visual de cada uno. Cada card se puede activar o desactivar de forma independiente con su propio toggle.
Las cards disponibles son: Bienvenida, Plan de Fidelización, Canjear Descuentos, Niveles VIP, Regalos Destacados, Canjear Regalos, Referidos, Juegos y Soporte.
¿Qué muestra cada card?
Bienvenida Saludo personalizado con el nombre del cliente y su saldo de puntos actual. Accesos directos a Perfil, Historial y Pase digital.
Plan de Fidelización Explicación de cómo ganar puntos y cómo canjearlos, según las reglas de conversión configuradas en el programa.
Canjear Descuentos Permite canjear puntos por descuentos directamente en la tienda.
Niveles VIP Muestra los niveles disponibles y el progreso del cliente para avanzar al siguiente nivel.
Regalos Destacados Vista previa del catálogo de premios con los regalos más relevantes y su precio en puntos.
Canjear Regalos Acceso al Loyalty Market completo para canjear puntos por premios físicos, digitales o cupones.
Referidos Información para que el cliente invite a amigos y gane puntos por cada referido.
Juegos Acceso a la ruleta de la suerte u otros juegos configurados en Marketing → Juegos.
Soporte Enlace de contacto para que el cliente resuelva dudas sobre el programa.
💡 Cada card tiene su propio campo "Banner de la card" donde puedes subir una imagen de cabecera. Recomendamos imágenes en formato horizontal (ratio 16:9 o 2:1) para una visualización óptima.
✅ Activa solo las cards relacionadas con funcionalidades que tengas configuradas en tu programa. Por ejemplo, activa Juegos solo si tienes una ruleta activa, y Niveles VIP solo si tienes niveles habilitados.
Configuración de enlaces
En la sección Enlaces defines las URLs de tu tienda que el widget utilizará para navegar en determinadas acciones del cliente.
Enlace de soporte URL a la que se redirige al cliente cuando hace clic en la card de Soporte. Puede ser tu web de ayuda, un chat o una página de contacto.
Enlace de inicio de sesión URL de la página de login de tu tienda. Se usa para redirigir a clientes no identificados cuando intentan acceder a información de su cuenta.
⚠️ Asegúrate de que la URL de inicio de sesión sea la de tu plataforma de ecommerce, no la del panel de administración de Omniwallet. Por ejemplo, en Shopify suele ser https://tu-tienda.myshopify.com/account/login.
Preguntas frecuentes
¿Los cambios de diseño se aplican en tiempo real? No de forma automática. Debes pulsar el botón Guardar para que los cambios queden guardados. Una vez guardados, el widget reflejará el nuevo diseño en tu tienda en los próximos minutos.
¿Puedo tener diseños distintos para móvil y escritorio? Actualmente el widget utiliza el mismo diseño en todos los dispositivos, aunque el modo de visualización se adapta automáticamente. Para una mejor experiencia en móvil, se recomienda el modo Drawer con trigger Burbuja.
¿La card de Juegos aparece aunque no tenga ninguna ruleta activa? Si activas la card de Juegos pero no tienes ningún juego activo en Marketing → Juegos, la card se mostrará vacía o sin contenido. Activa esta card solo cuando tengas al menos un juego activo.
¿El cliente tiene que estar identificado para ver el widget? El widget es visible para todos los visitantes, pero el contenido personalizado (puntos, nivel, historial) solo se muestra a clientes que han iniciado sesión. Los visitantes no identificados ven una versión reducida con información general del programa y un acceso al login.
¿Cómo instalo el plugin en mi plataforma? Consulta el artículo de instalación específico para tu plataforma en la sección Integraciones → Ecommerce de esta biblioteca de ayuda.