¿Buscas una guía sobre cómo enviar notificaciones push de iOS y hacer crecer tu negocio?
Estás en el lugar correcto.
En este artículo, te mostraremos cómo añadir notificaciones push web a tu Progressive Web App (PWA), crear tu primera campaña de push y enviarla. Todo esto sin necesidad de código y en menos de 10 minutos.
¿Suena bien? ¡Vamos a ello!
Cómo añadir notificaciones push de iOS a tu app
Instalar notificaciones push web para iOS y iPadOS en un sitio web no es difícil. Pero tiene algunos pasos y querrás seguir esta guía paso a paso.
No te adelantes en ningún momento y todo irá bien.
Antes de crear una campaña de notificaciones push de bienvenida, necesitas seleccionar un servicio de notificaciones push. Un servicio de notificaciones push es un software que te permite crear campañas push sin necesidad de codificación.
Recomendamos usar PushEngage.
PushEngage es el plugin de notificaciones push número 1 del mundo.
Las notificaciones push te ayudan a aumentar el tráfico y la interacción de tu sitio web de forma automática. Y si tienes una tienda online, PushEngage también te ayuda a aumentar tus ventas al ayudarte a crear notificaciones push de comercio electrónico automatizadas.
Puedes empezar gratis, pero si te tomas en serio el crecimiento de tu negocio, deberías comprar un plan de pago. Además, antes de comprar cualquier servicio de notificaciones push, deberías consultar esta guía sobre costes de notificaciones push.
Aquí tienes un vistazo rápido de lo que obtienes con PushEngage:
- Campañas automatizadas de alta conversión
- Múltiples opciones de segmentación y programación de campañas
- Seguimiento de objetivos y análisis avanzados
- Pruebas A/B inteligentes
- Plantillas de notificaciones push probadas para ayudarte a obtener más tráfico y conversiones
- Un gestor de eacute;xito dedicado
Verás que PushEngage es, sin duda, la mejor opción si quieres generar tráfico, interacción y ventas para tu negocio. Y si tienes un presupuesto limitado, siempre puedes ser un poco creativo con tus notificaciones push.
¡Vamos allá!
Paso n.º 1: Crea una cuenta gratuita de PushEngage
Dirígete a PushEngage y haz clic en Empezar Gratis Ahora:
Puedes empezar con el plan gratuito. Pero si buscas las notificaciones push más potentes, deberías seleccionar un plan de pago basado en las necesidades de tu negocio. Una vez que sepas qué plan quieres, haz clic en Empezar para crear tu cuenta de PushEngage.
Paso n.º 2: Regístrate en PushEngage
Ahora, es hora de crear tu cuenta de PushEngage. Empieza registrándote con una dirección de correo electrónico o una cuenta de Gmail:
A continuación, rellena los detalles de tu cuenta:
Y añade la información de tu tarjeta de crédito para comprar tu plan:
Si seleccionaste la cuenta gratuita, entonces tu tarjeta de crédito nunca será cargada con dinero hasta que decidas mejorar tu plan. Y ahora, estás listo para acceder a tu panel de PushEngage. Simplemente haz clic en Completar registro y obtener acceso instantáneo.
Si has utilizado OneSignal o PushAlert antes, verás que PushEngage te ofrece una experiencia mucho más limpia desde el panel. El panel de OneSignal no está diseñado para campañas avanzadas. Para eso, necesitarás la API más que el plugin de OneSignal.
Paso n.º 3: Añadir un archivo de manifiesto de la aplicación web a tu sitio web
Piensa en un manifiesto de aplicación web como un archivo especial que actúa como una guía para tu sitio web cuando se instala en el teléfono o computadora de alguien. Está escrito en un lenguaje llamado JSON, pero no tienes que preocuparte por esa parte.
El archivo de manifiesto contiene información importante sobre tu aplicación web, como su nombre, descripción, iconos y colores. Por lo tanto, cuando alguien añade tu sitio web a su pantalla de inicio o lo instala en su dispositivo, el navegador utiliza este manifiesto para saber cómo debe verse y comportarse tu aplicación.
Por ejemplo, el manifiesto le dice al navegador qué icono usar para tu aplicación en la pantalla de inicio o en el cajón de aplicaciones, para que se vea bien y sea reconocible. También especifica los colores y el tema de tu aplicación para darle una apariencia coherente y atractiva.
Además, el manifiesto incluye la URL que se debe abrir cuando alguien inicia tu aplicación. De esta manera, el navegador sabe qué página o sección de tu sitio web mostrarle primero.
Crear un archivo manifest se puede hacer rápidamente con herramientas en línea que hacen el trabajo duro por ti. Recomendamos usar este generador de manifest de aplicaciones web gratuito para crear el manifest de tu aplicación web en unos pocos clics y sin codificación.
Una vez que tengas el manifest listo, normalmente lo nombrarás "manifest.json" y lo subirás a la carpeta raíz de tu sitio web.
En resumen, el manifest de la aplicación web es como un manual que hace que tu aplicación web se vea y se sienta perfecta cuando las personas la usan en sus dispositivos. Es una parte esencial para crear una excelente experiencia de usuario para los visitantes de tu sitio web.
Un manifiesto típico se parece a esto:
{
"name": "PushEngage",
"short_name": "PushEngage",
"start_url": "/",
"display": "standalone",
"theme_color": "#3b43ff",
"background_color": "#ffffff",
"icons": [
{
"src": "icon/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "img/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "img/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}Una vez que agregues tu archivo manifest a la carpeta raíz de tu servidor web, necesitarás agregar un fragmento de código en el encabezado HTML de tu sitio web. El fragmento se vería algo así:
<link rel="manifest" href="/manifest.json">Si estás usando WordPress y necesitas ayuda para agregar este fragmento de código al encabezado de tu sitio, puedes usar WPCode para subir el archivo manifest. Es uno de los mejores plugins de fragmentos de código para WordPress.
Paso n.º 4: Instalar PushEngage en tu sitio de WordPress
NOTA: Si no tienes un sitio de WordPress, deberías consultar nuestras guías de instalación.
Has terminado de crear tu cuenta. Así que, dirígete al panel de PushEngage y sigue las instrucciones:
Haz clic en Configuración del sitio » Detalles del sitio y haz clic en el botón Haz clic aquí para ver las instrucciones de configuración:
Haz clic en la pestaña WordPress y haz clic en el botón Instalar el plugin de WordPress PushEngage para instalar el plugin en tu sitio web.
Esta es la parte interesante: Cuando creaste tu cuenta de PushEngage, ya sincronizaste tu sitio web con tu cuenta de PushEngage. Por lo tanto, haz clic en el enlace de instalación en el panel de control de PushEngage para instalar automáticamente el plugin de WordPress PushEngage en tu sitio web.
Paso n.º 5: Conectar tu sitio web de WordPress con PushEngage
Cuando hayas terminado de instalar y activar el plugin de WordPress PushEngage, verás el asistente de configuración de PushEngage:
El asistente es bastante sencillo. Si es un usuario nuevo, haga clic en ¿Nuevo? Reclame su cuenta gratuita. Y si ya se ha registrado, haga clic en Conectar su cuenta existente.
A continuación, puede seleccionar su sitio en el menú desplegable Seleccionar un sitio en Conectar un sitio registrado si ya ha registrado un sitio durante el registro:
O puede hacer clic en Registrar un nuevo sitio para agregar un nuevo sitio si tiene un plan de precios Premium o superior. En el siguiente paso, el asistente de incorporación le pedirá que instale otros plugins de WordPress imprescindibles.
Si siguió cada paso correctamente, verá este mensaje de éxito del asistente:
Ahora está listo para crear campañas y modales emergentes de notificaciones push.
Paso n.º 6: Probar el manifiesto de tu sitio web
Bien, repasemos los pasos para probar tu aplicación web y asegurarnos de que todo funcione correctamente.
Primero, abre tu sitio web usando el navegador Safari en tu iPhone o iPad. Asegúrate de que tu dispositivo esté ejecutando iOS 16.4 o una versión más reciente. Una vez que tu sitio web se cargue, verás un botón de Compartir. Parece un cuadrado con una flecha apuntando hacia arriba. Toca ese botón para abrir el menú de compartir.
En el menú de compartir, deberías encontrar una opción llamada Añadir a la pantalla de inicio. Haz clic en esa opción.
Ahora, la aplicación web se guardará en la Pantalla de inicio de tu dispositivo, al igual que cualquier otra aplicación que descargues de la App Store.
Si todo se ha configurado correctamente, cuando abras la aplicación desde tu Pantalla de inicio, ya no se abrirá en el navegador Safari. En su lugar, se sentirá como usar una aplicación normal en tu iPhone o iPad.
Para que tus usuarios sepan que pueden recibir notificaciones push web de tu aplicación, puedes mostrarles un banner en la pantalla. Este banner les pedirá que agreguen tu aplicación a su Pantalla de inicio y se suscriban a las notificaciones push web. Es una forma útil de mantener a tus usuarios comprometidos con tu aplicación y recibir actualizaciones importantes.
As extiacute;, sigue estos pasos y estarás listo para ofrecer una experiencia fluida y similar a la de una aplicación a tus usuarios en dispositivos iOS. Para una guía completa sobre c extoacute;mo probar tus notificaciones push, consulta nuestra documentaci extoacute;n sobre notificaciones push web para iOS.
Cómo Personalizar Tus Campañas
Antes de crear una campaña, deberías configurar segmentos y grupos de audiencia para enviar mensajes push personalizados.
Nada supera el nivel de personalización que puedes conseguir creando segmentos y grupos de audiencia para tus suscriptores de notificaciones push. Ve a PushEngage » Audience y empieza a crear segmentos y grupos de audiencia de inmediato.
En la pestaña Segments, puedes crear nuevos segmentos o editar los existentes:
Y si necesitas una personalización aún más profunda, crea un grupo de audiencia en la pestaña Audience Groups:
Si eres nuevo en los segmentos de notificaciones push y las notificaciones push personalizadas, deberías consultar nuestro artículo sobre cómo crear segmentos y nuestro anuncio sobre agrupación avanzada de audiencias.
La parte m extaacute;s interesante es que puedes crear campa extntilde;as push dirigidas creando un Grupo de Audiencia solo para tus usuarios de iOS y iPadOS:
Y puedes usar este Grupo de Audiencia para tus campa extntilde;as de goteo y transmisiones.
Cómo Crear una Campaña de Goteo de Notificaciones Push
Ve al panel de control de PushEngage y dirígete a Campaign » Drip Autoresponders y haz clic en Create New Drip Autoresponder:
Luego, ponle un nombre a tu campaña (sugerimos algo como "Drip de Bienvenida"), y en Content, selecciona la opción que dice: "Send notification immediately after user subscribes“):
En este punto, puedes hacer clic en la flecha junto a la notificación para editar el contenido de tu notificación.
Si tienes un plan Premium o Enterprise con PushEngage, podrás añadir más de una notificación para crear una secuencia de mensajes de bienvenida automatizados. Simplemente haz clic en Añadir nueva notificación y edita el contenido.
Una vez que hayas terminado, haz clic en Configuración de goteo y selecciona la opción para enviar tu campaña de bienvenida a todos los suscriptores:
Luego, desplázate hacia abajo para configurar tus propios parámetros UTM para rastrear las notificaciones push:
Y cuando hayas terminado, desplázate hacia arriba y haz clic en el botón Activate Autoresponder:
¡Y listo!
C extoacute;mo enviar una transmisi extoacute;n push web de iOS
Dirígete a tu panel de control de PushEngage y ve a Campaign » Push Broadcasts y haz clic en el botón Create a New Push Broadcast:
En la pestaña Content, añade el contenido de tu notificación push:
Y puedes configurar una prueba A/B para aumentar tus tasas de clics o puedes programar tus difusiones push para obtener más visualizaciones. En cualquier caso, deberías consultar nuestras mejores prácticas para notificaciones push para obtener los mejores resultados.
C extoacute;mo crear un modal emergente de notificaci extoacute;n push de iOS
Un modal de ventana emergente de notificación push es una pequeña ventana que aparece encima de la interfaz de un sitio web o aplicación móvil para mostrar un mensaje o notificación al visitante del sitio web.
El modal emergente puede ser activado por varios eventos. Puedes configurar ventanas emergentes para que se activen al visitar la página, al alcanzar cierta profundidad de desplazamiento, e incluso en acciones personalizadas como un clic en un botón.
Por lo general, verás una llamada a la acción en el modal emergente como “Suscribirse” o “Permitir” para obtener el consentimiento de los visitantes para enviarles notificaciones push. Si sigues este tutorial, puedes crear una ventana emergente como esta:
Puedes crear modales emergentes que segmenten suscriptores directamente o crear ventanas emergentes normales que simplemente recopilen suscriptores con los atributos predeterminados como la geolocalización y el navegador.
Vuelve a tu panel de WordPress. Ve a PushEngage » Diseño:
Y puedes configurar tantos modales emergentes como desees. Por supuesto, puedes asegurarte de que se activen en diferentes momentos en Opciones de visualización para cada modal emergente.
La idea aquí es darle a tus visitantes una buena razón para suscribirse. Si necesitas ayuda con eso, consulta nuestro artículo sobre cómo crear una opción de suscripción a notificaciones push personalizadas.
Y si deseas crear modales emergentes más específicos, puedes usar las reglas de segmentación en la pestaña Regla de segmentación:
Estas son reglas de segmentación globales y tendrán preferencia sobre las reglas de segmentación para modales emergentes individuales. Pero si lo deseas, puedes crear reglas de segmentación robustas para cada modal editándolos.
Por ejemplo, puedes crear modales emergentes en diferentes idiomas para dirigirte a visitantes de diferentes países.
Y si deseas algunas plantillas con una alta tasa de clics para empezar, deberías consultar este artículo sobre opciones de suscripción a notificaciones push de alta conversión.
Qué hacer antes de enviar notificaciones push de iOS
Ya casi has terminado.
Antes de empezar a enviar notificaciones push, necesitarás configurar una opción de suscripción para tu sitio web. Tu opción de suscripción convertirá a los visitantes web en suscriptores de notificaciones push. Por lo tanto, este es un elemento crítico.
Si necesitas algo de inspiración, puedes consultar este artículo sobre opciones de suscripción para notificaciones push de alta conversión. Una vez que hayas terminado de configurar la opción de suscripción, tu sitio podrá recopilar suscriptores. Pero, ¿cómo sabes si tu opción de suscripción está funcionando correctamente?
Por lo tanto, lo más sensato es configurar una notificación push de bienvenida.
Consejo profesional: Deberías dedicar tiempo a una prueba completa de tus notificaciones push. Esto solucionará los problemas más comunes y no perderás tiempo intentando resolverlos más tarde.
Qué hacer después de enviar notificaciones push de iOS
¡Eso es todo por ahora, amigos!
Si este artículo le ha resultado útil, asegúrese de dejar un comentario a continuación.
Empezar con las notificaciones push puede parecer intimidante. Pero si presta atención al seguimiento de objetivos y análisis, debería estar bien. Más importante aún, obtendrá muchos más beneficios con la ayuda de las campañas de notificaciones push. Aquí tiene algunos recursos interesantes para empezar:
- Cómo usar notificaciones push de retargeting para duplicar tus ingresos
- Cómo clasificar tus notificaciones push y encontrar campañas exitosas
- Cómo depurar listas de suscriptores de notificaciones push (fácil)
- Cómo enviar automáticamente notificaciones push RSS
- Cómo usar notificaciones push para promocionar un sitio de noticias
- Cómo usar notificaciones push de venta cruzada para duplicar tus ventas
- Cómo usar las notificaciones push de abandono de navegación (4 pasos)
Si es nuevo en las notificaciones push, debería probar PushEngage. PushEngage es el software de notificaciones push número 1 del mercado. Y sus campañas estarán en buenas manos.
Así que, si aún no lo has hecho, ¡empieza hoy mismo con PushEngage!
