¿Cómo agregar notificaciones emergentes en Bubble.io?

Crear notificaciones emergentes en Bubble.io es un proceso bastante sencillo gracias a complementos como OneSignal, que permiten una fácil integración de las notificaciones web. Para agregar notificaciones emergentes, sigue estos pasos:

Paso 1: Instala el complemento OneSignal. Ve a la pestaña "Plugins" en tu editor Bubble, busca "OneSignal Web Notifications" e instala el complemento.

Paso 2: Crea una cuenta de OneSignal y configura una nueva aplicación. Ve al tablero de OneSignal y haz clic en "Agregar aplicación" para crear una nueva aplicación.

Paso 3: Elige 'Web Push' como la plataforma. Durante el proceso de configuración, bajo "Plugin de WordPress o creador de sitios web", selecciona "Bubble". Esto personalizará la configuración para la integración con tu aplicación Bubble.

Paso 4: Configura tu aplicación OneSignal. Ingresa el dominio de tu aplicación Bubble en "Configuración del sitio", asegurándote de que comienza con 'https', ya que las aplicaciones Bubble usan HTTPS.

Paso 5: Configura el aviso de notificación. En "Configuración de solicitud de permiso", haz clic en "Agregar un aviso". Se recomienda elegir la opción de aviso de deslizamiento y desactivar el aviso automático, lo que te permite controlar la experiencia del usuario de manera más minuciosa en Bubble.

Paso 6: Recupera tu ID de la aplicación OneSignal y la clave API del tablero de OneSignal en "Configuración" > "Claves & IDs". Ingresa estas claves en la configuración del complemento OneSignal en tu editor Bubble.

Paso 7: Integra el aviso de notificación en tu aplicación. Utiliza la acción "Mostrar aviso de notificación" dentro de tus flujos de trabajo Bubble donde quieras que se les pida a los usuarios que activen las notificaciones. Desactivar el aviso automático es importante porque quieres que el usuario reciba el aviso como resultado de una acción específica en tu aplicación.

Paso 8: Utiliza los flujos de trabajo Bubble para enviar notificaciones. Puedes enviar notificaciones a usuarios individuales, una lista de usuarios, segmentos, o con base en filtros de etiqueta usando las acciones de flujo de trabajo Bubble proporcionadas por el complemento OneSignal.

Paso 9: Prueba las notificaciones. Previsualiza tu aplicación y realiza acciones que desencadenen el aviso de notificación y el envío de notificaciones para asegurarte de que todo funcione correctamente.

Paso 10: Publica tu aplicación. Una vez que estés satisfecho con la funcionalidad de notificación, implementa tu aplicación para asegurarte de que los usuarios puedan recibir notificaciones emergentes.

Recuerda, debes estar al menos en el plan Personal de Bubble para que el complemento OneSignal funcione completamente, ya que se requiere acceso al dominio de la aplicación en vivo para la configuración. Las notificaciones no funcionarán en dispositivos iOS, porque los dispositivos móviles de Apple actualmente no admiten Notificaciones Web Push. Asegúrate de seguir cuidadosamente todos los pasos y revisar la configuración como HTTPS y el aviso automático para una configuración correcta.