¿Buscas una forma de añadir notificaciones push web a tu sitio web?
Las notificaciones push pueden ayudarte a generar mucho tráfico, interacción y ventas de forma automática y con muy poco esfuerzo. Pero la gran pregunta es, ¿cómo se hace?
En este artículo, te mostraremos cómo añadir notificaciones push a tu sitio web, incluso si nunca lo has hecho antes.
Para este artículo, vamos a usar PushEngage para configurar notificaciones push en tu sitio web. PushEngage es el software de notificaciones push número 1 del mundo. Así que tus campañas estarán en buenas manos.
Vamos a ello.
Cómo instalar notificaciones push en tu sitio
Empecemos con una vista previa de lo que puedes esperar como resultado de este artículo. Si sigues estos pasos, al final de este artículo deberías poder enviar notificaciones push desde tu sitio como esta:
No importa con qué se construyó tu sitio web. Sin importar la pila tecnológica que utilizaste para desarrollar tu sitio, siempre puedes instalar notificaciones push en tu sitio. Cubriremos todo eso en los próximos segmentos.
Vamos a ello.
Paso n.º 1: Configura tu cuenta de PushEngage
Ve a la página de inicio de PushEngage y haz clic en el botón Empezar:
Puedes seleccionar el plan gratuito para probar PushEngage, o elegir un plan de pago si te tomas en serio el crecimiento de tu negocio. Los planes de pago vienen con más opciones de campaña y la capacidad de crear listas de suscriptores aún más grandes.
Una vez que te hayas registrado para obtener una cuenta, dirígete al panel de control de PushEngage y ve a Ajustes » Ajustes del sitio » Ajustes de instalación:
Aquí es donde configuras los detalles de tu sitio y la marca. Continúa y establece un logotipo y una URL del sitio para tus notificaciones push. Deberías hacer esto ahora mismo para poder probar tus notificaciones push correctamente.
Paso n.º 2: Obtén el código de instalación de PushEngage
A continuación, deberás dirigirte al panel de control de PushEngage y obtener el código de instalación. Ve a Ajustes » Ajustes del sitio » Ajustes de instalación:
Aquí es donde las cosas empiezan a ser un poco técnicas.
Dentro de esta pestaña, verás que puedes obtener un código diferente para diferentes tipos de sitios web.
Encuentra el correcto para tu sitio y cópialo.
Si tienes un sitio en un CMS que no aparece en la pestaña, puedes ir a las pestañas HTTP o HTTPS según si tu sitio tiene instalado un certificado SSL.
Una parte realmente importante de este paso si estás usando un sitio HTTPS es tener acceso a la carpeta raíz de tu servidor. Para que las notificaciones push funcionen en un sitio HTTPS, necesitarás descargar el archivo service-wroker.js de la misma pestaña. Y luego, súbelo a tu carpeta raíz.
NOTA: Si no puedes subir el archivo service-worker a la carpeta raíz, tienes la opción de subir el archivo a otra carpeta. Ve a PushEngage Dashboard » Settings » Site Settings » Advanced Settings.
Simplemente sigue las instrucciones en la configuración del Service Worker y listo:
¡Y eso es todo!
Has instalado correctamente las notificaciones push web en WordPress sin usar un plugin.
Paso #3: Colocar el Código de Instalación en el HTML de tu Sitio
Esencialmente, sin importar qué tipo de sitio web tengas, querrás colocar este código de instalación en el <head> HTML de tu sitio web. Y el proceso para hacerlo es diferente para diferentes plataformas. Si deseas obtener una guía específica de plataforma sobre cómo instalar notificaciones push web en tu sitio web, consulta estos recursos:
- Instalar notificaciones push en WordPress
- Instalar notificaciones push en WooCommerce
- Instalar notificaciones push en Wix
- Instalar notificaciones push en Zoho
- Instalar notificaciones push en Volusion
- Instalar notificaciones push en Weebly
- Instalar notificaciones push en ClickFunnels
- Instalar notificaciones push en PrestaShop
- Instalar notificaciones push en OpenCart
- Instalar notificaciones push en CS-Cart
- Instalar notificaciones push en Squarespace
Si estás ejecutando un sitio personalizado construido en HTML, sabrás exactamente dónde colocar el código. Pero el proceso de colocar el código de instalación en el encabezado de tu sitio cambiará según tu CMS o constructor de sitios web.
Para ciertos CMS, puedes insertar tu código de instalación directamente desde tu panel. En otros casos, como con PrestaShop, necesitarás usar la Clave API de PushEngage en su lugar. Por lo tanto, recomendamos seguir estos tutoriales específicos de plataforma para cualquier otro sitio.
Paso n.º 4: Configura la opción de suscripción de PushEngage
Finalmente, en tu panel de control de PushEngage, ve a Ajustes » Ajustes de suscripción » Cuadro de diálogo de suscripción » Editar:
Desde aquí, puedes personalizar tu opción de suscripción a notificaciones push. Si necesitas ayuda con eso, deberías consultar este artículo sobre cómo crear una opción de suscripción personalizada a notificaciones push.
Si necesitas algo de inspiración, puedes consultar este artículo sobre opciones de suscripción de notificaciones push de alta conversión.
Paso n.º 5: Crea una notificación de bienvenida
Una vez que hayas terminado de configurar la opción de suscripción, tu sitio podrá recopilar suscriptores.
¿Pero cómo sabes si tus notificaciones push están funcionando correctamente?
Te recomendamos que crees una notificación push de bienvenida para probar si tu configuración se realizó correctamente. Una notificación de bienvenida es una notificación push que envías a un nuevo suscriptor para confirmar su suscripción y darle la bienvenida.
Dirígete a Ajustes » Ajustes del sitio » Ajustes de instalación y configura tu mensaje de bienvenida:
Finalmente, vuelve a tu sitio y suscríbete a tus propias notificaciones push para probar si todo funciona correctamente.
¡Y eso es todo!
Has configurado correctamente las notificaciones push web en tu sitio web. Es hora de volver a tu panel de PushEngage y empezar a crear tus campañas de notificaciones push.
Conclusión
¡Eso es todo por ahora, amigos!
Si eres nuevo en las notificaciones push, deberías seguir un proceso completo de pruebas de notificaciones push antes de salir en vivo. Te ayudará a solucionar problemas comunes antes de que tus visitantes los vean y empiecen a quejarse de una experiencia de usuario rota.
Te recomendamos que te pongas en contacto con nuestros Gerentes de Éxito del Cliente si te atascas en algo. Estaremos encantados de ayudarte con cualquier problema.
Y si aún no lo has hecho, anímate a probar PushEngage. PushEngage es el servicio de notificaciones push número 1 del mundo. Por lo tanto, si te tomas en serio el crecimiento de tu negocio, deberías invertir en PushEngage.
