Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para ayudarte a hacer crecer tu negocio

Cómo agregar notificaciones push a tu sitio web de WordPress

Cómo agregar notificaciones push a tu sitio web de WordPress 

Escrito por: avatar del autor Stacey Corrin
avatar del autor Stacey Corrin
Stacey Corrin es una especialista certificada en marketing de contenidos y b uevoacute;squeda con maacute;s de 15 anilde;os de experiencia escribiendo sobre WordPress, SEO y marketing digital. Gestiona el contenido de SeedProd y RafflePress, cubriendo herramientas y estrategias que ella misma utiliza y prueba activamente.
    
Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Tiene más de 20 años de experiencia en negocios y desarrollo, y sus plugins han sido descargados más de 25 millones de veces.

No empecé a usar las notificaciones push de inmediato.

Al principio, confiaba en el correo electrónico y las publicaciones en redes sociales para que la gente volviera a mi sitio. Pero no tardé en notar un problema. La mayoría de esos mensajes eran ignorados. Luego probé las notificaciones push web, y la diferencia fue instantánea. Los visitantes comenzaron a regresar con más frecuencia, a hacer clic en más enlaces y a leer las actualizaciones que enviaba.

Las notificaciones push te permiten llegar a las personas incluso cuando no están en tu sitio web. Puedes enviar actualizaciones rápidas directamente a su navegador o teléfono. Eso significa más tráfico de retorno, más interacción y menos personas que se olviden de que existes.

En esta guía, te mostraré exactamente cómo agregar notificaciones push a tu sitio de WordPress. No necesitas ninguna habilidad técnica. Te guiaré a través de mis herramientas favoritas, los pasos de configuración y cómo las uso para atraer tráfico cada semana.

Resumen rápido

En esta guía, te mostraré cómo agregar notificaciones push a tu sitio de WordPress usando PushEngage. Aprenderás a:

La configuración toma aproximadamente 15 minutos y no necesitas escribir ningún código

¿Qué son las notificaciones push web?

Las notificaciones push web son mensajes cortos y clicables que aparecen en el dispositivo de un usuario. Probablemente las has visto aparecer en la esquina superior de tu escritorio o como un banner en tu teléfono.

Ejemplo de una notificación push web en escritorio

No requieren una aplicación ni siquiera una dirección de correo electrónico. Cuando alguien visita tu sitio web, puede optar por suscribirse con un solo clic. Después de eso, puedes enviarle actualizaciones en cualquier momento, incluso si no está en tu sitio.

Aquí te explico por qué me gustan:

  • Aparecen al instante
  • Las personas no necesitan abrir su bandeja de entrada
  • Puedes enviarlas a páginas o publicaciones específicas

También son mucho más efectivas que el correo electrónico. Las notificaciones push web pueden obtener tasas de clics de hasta un 28%, en comparación con solo un 1 a 2% para el correo electrónico.

Es una de las formas más rápidas de reconectar con tus visitantes y mantenerlos interesados.

¿Por qué agregar notificaciones push a tu sitio de WordPress?

Empecé a usar notificaciones push porque quería una forma más rápida de que la gente volviera a mi sitio.

Los correos electrónicos eran impredecibles y las publicaciones en redes sociales se perdían. Pero la gente realmente hacía clic en las notificaciones push. Podía enviar una actualización rápida y, en cuestión de minutos, veía un pico de tráfico.

Desde entonces, he utilizado notificaciones push para:

  • Dirigir la atención a contenido sensible al tiempo
  • Enviar recordatorios rápidos durante ofertas flash
  • Reconectar con visitantes que no han regresado en mucho tiempo

Ahora son parte de mi flujo de trabajo habitual. No envío una para cada publicación, solo cuando tengo algo oportuno que compartir o una razón para que la gente regrese.

Es una forma rápida de volver a conectar sin depender del correo electrónico o las redes sociales.

Configuración de notificaciones push con PushEngage

Si estás listo para probar las notificaciones push por ti mismo, PushEngage es la herramienta que uso y recomiendo. Hace que empezar sea sencillo.

Página de inicio del mejor software de notificaciones push PushEngage

PushEngage te permite enviar notificaciones push web desde tu sitio de WordPress sin tocar código. Está diseñado para bloggers, dueños de tiendas y cualquiera que quiera una forma fácil de llegar a su audiencia después de que se vayan.

Lo uso en mi propio sitio porque es rápido de configurar y simplemente funciona.

Aquí te explicamos cómo empezar.

Paso 1: Crea tu cuenta de PushEngage

Primero, ve a PushEngage y haz clic en el botón ‘Pruébalo sin riesgo durante 14 días’.

Página de registro de PushEngage con botón 'Pruébalo gratis'

El plan gratuito cubre hasta 200 suscriptores y 30 notificaciones al mes. Eso es suficiente para probar y ver cómo funciona.

Opciones de planes de precios de PushEngage con el plan gratuito destacado

A continuación, crea tu cuenta. Puedes registrarte con Google o usar tu correo electrónico.

Formulario para crear una cuenta de PushEngage

Después de eso, PushEngage te pedirá algunos detalles:

  • El dominio de tu sitio web
  • Industria y tamaño de la empresa
  • Información de la tarjeta de crédito

Una vez dentro, accederás al asistente de configuración de PushEngage.

Aquí es donde vas a:

  1. Verificar el nombre y la URL de tu sitio
  2. Subir un icono del sitio para tus mensajes push (un PNG o JPG de 192×192 funciona mejor)
  3. Confirmar tu zona horaria
  4. Haz clic en ‘Guardar y continuar’
Pantalla de configuración de PushEngage para introducir los detalles del sitio

Ese icono aparece en cada notificación, así que elige algo que encaje con tu marca.

Paso 2: Conecta PushEngage a tu sitio de WordPress

La siguiente pantalla te ayuda a conectar tu cuenta a WordPress.

Simplemente haz clic en el botón ‘Instalar el plugin de WordPress PushEngage‘.

Esto te redirige automáticamente a tu sitio web, donde puedes iniciar sesión en tu panel de WordPress e instalar el plugin.

Una vez que esté activo, verás una notificación en tu panel que te pedirá que termines de conectar tu sitio. Haz clic en ‘Conectar tu sitio ahora‘ para hacerlo.

Asistente de configuración de PushEngage que solicita la conexión a WordPress

Luego, en la siguiente pantalla, haz clic en el botón ‘Conectar tu cuenta existente’.

Botón para conectar una cuenta existente de PushEngage

PushEngage abrirá una nueva ventana y te pedirá que confirmes tu sitio. Asegúrate de que el dominio listado coincida con el que añadiste anteriormente. Luego haz clic en ‘Empecemos’.

Pantalla de PushEngage para confirmar el sitio y comenzar la configuración

A partir de ahí, sigue las instrucciones del asistente. Puedes mantener la configuración predeterminada o ajustarla para que se adapte a tus preferencias. Cuando hayas terminado, haz clic en ‘Panel de PushEngage’ para volver a WordPress.

Configuración de PushEngage completa con opción para volver al panel

Tu sitio ahora está conectado y listo para enviar notificaciones push.

Paso 3: Crea tu primera notificación push

Para enviar tu primer mensaje, ve a PushEngage en tu panel de WordPress y haz clic en ‘Crear’. En el menú desplegable, selecciona la opción ‘Push Broadcasts‘.

Panel de PushEngage con opción para crear una nueva difusión

Esto abre el editor de notificaciones push.

Empieza rellenando lo básico:

  • Título de la notificación: Este es tu titular
  • Mensaje: Una frase corta para decir a la gente de qué trata la actualización
  • URL de la notificación: El enlace en el que quieres que hagan clic

Verás una vista previa en vivo a la derecha mientras escribes.

Editor de notificaciones push con vista previa en vivo

Si tienes un plan Business+, también verás opciones para:

  • Mostrar una imagen grande en la parte superior de tu notificación (funciona en navegadores de escritorio como Chrome 47 y superior)
  • Establecer cuánto tiempo permanece visible la notificación, o mantenerla abierta hasta que el usuario interactúe con ella

Estos extras son opcionales, pero pueden ayudar a que tus mensajes destaquen.

Cuando todo tenga buen aspecto, haz clic en ‘Guardar y seleccionar audiencia’.

Para tu primera campaña, elige ‘Enviar a todos los suscriptores’. Luego haz clic en ‘Enviar/Programar’ en la parte superior.

Pantalla de configuración de audiencia de PushEngage

Puedes enviar el mensaje de inmediato o programarlo para más tarde. Ten en cuenta que la programación y los mensajes recurrentes requieren un plan de pago.

Opciones para enviar o programar notificaciones en PushEngage

Haz clic en ‘Enviar notificación ahora’ para finalizar.

Para asegurarte de que funcionó, visita tu sitio en un navegador en el que te hayas suscrito. Deberías ver el mensaje aparecer en segundos.

Paso 4: Configura tu aviso de suscripción

Ahora necesitas una forma para que la gente se suscriba. Aquí es donde entra el popup de opt-in.

En tu panel de WordPress, ve a PushEngage » Diseño.

Verás varias plantillas de popup. Elige una que te guste y actívala.

Opciones de plantilla para el popup de suscripción de notificaciones push de PushEngage

Luego haz clic en ‘Editar Popup’. Esto te llevará al sitio web de PushEngage donde podrás personalizar el diseño, el texto y el comportamiento.

Edición del diseño del cuadro de suscripción en PushEngage

Esto es lo que suelo actualizar:

  • El titular y el mensaje
  • Cuándo debe aparecer el popup (inmediatamente, al desplazarse, después de un retraso, etc.)
  • Cuánto tiempo ocultarlo si alguien lo cierra

Una vez que estés satisfecho con el diseño, haz clic en ‘Guardar y elegir opciones de visualización’.

En la siguiente pantalla, puedes ajustar las reglas de visualización, como la duración de las cookies y las opciones de activación. Luego haz clic en ‘Guardar y habilitar popup’.

Reglas de visualización del popup en PushEngage

Eso es todo. Tu aviso de opt-in ya está activo.

Para probarlo, visita tu sitio en un navegador privado o cierra sesión y recarga la página de inicio. Deberías ver el aviso aparecer con tu diseño personalizado.

Ejemplo de aviso del navegador pidiendo al usuario que permita notificaciones

Cuando alguien hace clic en ‘Permitir’, se le a tilde;ade autom0ticamente a tu lista de suscriptores de PushEngage.

💡 Pro Tip: 0tilizas SeedProd? A tilde;ade PushEngage desde el Constructor

Si est0s utilizando SeedProd, puedes a tilde;adir el bloque de Notificaciones Push mientras editas cualquier p0gina.

Constructor de SeedProd con el bloque de Notificación Push añadido

SeedProd instalar0 el plugin de PushEngage por ti y te guiar0 a trav0s de la conexi0n. No tienes que salir del constructor ni configurar nada manualmente.

Es una forma r0pida de activar las notificaciones push mientras est0s creando p0ginas.

Env0o Autom0tico de Notificaciones Push para Nuevas Entradas del Blog

No tienes que enviar cada notificaci0n push manualmente. PushEngage puede enviar una autom0ticamente cada vez que publicas una nueva entrada de blog.

Para activar esto, ve a PushEngage 0 Configura0iones en tu panel de WordPress y haz clic en la pesta tilde;a ‘Configura0iones de Push Autom0tico’.

Desde aqu0, activa Push Autom0tico.

Pantalla de configuración de push automático en PushEngage

Tambi0n puedes:

  • Mostrar la imagen destacada de tu entrada en la notificaci0n
  • A tilde;adir botones de m0ltiples acciones para que la gente pueda hacer clic en diferentes p0ginas u ofertas
  • Elegir un icono de respaldo si una entrada no tiene imagen destacada

Una vez que hayas guardado tus configura0iones, cada nueva entrada activar0 autom0ticamente una notificaci0n push.

Si quieres personalizar el mensaje para una entrada espec0fica, despl0zate hacia abajo en el editor de WordPress hasta la secci0n Configura0iones de Notificaciones Push de PushEngage. Puedes cambiar el t0tulo, el mensaje e incluso elegir qu0 audiencia lo recibe.

Opciones de notificación personalizadas en el editor de WordPress

Cuando pulses Publicar, tu entrada se publicar0 y tus suscriptores recibir0n la notificaci0n de inmediato.

Extra: Configura Campa tilde;as de Notificaciones por Goteo

Si quieres ir m0s all0 de los mensajes 0nicos, PushEngage tambi0n te permite crear campa tilde;as de goteo automatizadas.

Estas son una serie de notificaciones push que se env0an seg0n un horario. Puedes usarlas para:

  • Dar la bienvenida a nuevos suscriptores
  • Promocionar un regalo o descuento gratuito
  • Compartir una serie de entradas de blog de varias partes

Necesitar0s un plan Business+ para configurar una. Ve a PushEngage 0 Goteo en tu panel de WordPress y haz clic en ‘A tilde;adir Nuevo’.

Crear un nuevo autorrespondedor de goteo en PushEngage

Cada mensaje puede tener su propio t0tulo, mensaje, enlace e imagen. T0 decides cu0ndo se env0a. Podr0a ser justo despu0s de que alguien se suscriba o unos d0as despu0s.

Tambi0n puedes enviar diferentes mensajes a diferentes grupos si has creado segmentos de audiencia.

Cuando est0s listo, haz clic en ‘Activar Autoresponder’. Seguir0 ejecut0ndose en segundo plano y enviar0 cada mensaje autom0ticamente.

Mejores Pr0cticas para Notificaciones Push

Las notificaciones push son potentes, pero pueden ser contraproducentes si no tienes cuidado. Esto es lo que me ha funcionado y algunas cosas que he aprendido por las malas:

  • Mant0n los mensajes cortos y claros. Solo tienes unos segundos para captar la atenci0n de alguien. C0nte0te en un solo objetivo.
  • No env0es demasiados. Dos o tres mensajes por semana suele ser suficiente. Enviar m0s puede provocar bajas.
  • Haz que funcione la ventana emergente de suscripción. Si no aparece, nadie podrá suscribirse. Pruébala siempre en una ventana privada.
  • Escribe como una persona real. Evita la jerga publicitaria y habla como lo harías en un correo electrónico.
  • Vigila los datos. PushEngage te muestra qué recibe clics y qué se ignora. Úsalo.
  • Prueba en diferentes navegadores. Me he saltado errores obvios por solo comprobar Chrome. Ve tu sitio como un visitante nuevo para detectar problemas pronto.

Si no estás seguro de si enviar algo, pregúntate si harías clic en ello. Esa pregunta suele decirte todo lo que necesitas saber.

Preguntas sobre las notificaciones push de WordPress

" ¿Funcionan las notificaciones push en dispositivos móviles? "
PushEngage es compatible con navegadores móviles como Chrome y Firefox en Android. El soporte para iOS es limitado en este momento, pero está mejorando con las versiones más recientes de Safari.
" ¿Necesito un sitio web HTTPS para usar notificaciones push? "
Las notificaciones push solo funcionan en sitios web seguros. La mayoría de los proveedores de alojamiento de WordPress incluyen un certificado SSL gratuito, por lo que probablemente ya lo tengas configurado.
" ¿Añadir notificaciones push ralentizará mi sitio de WordPress? "
El plugin de PushEngage es ligero y no afecta la velocidad del sitio según mi experiencia. Los mensajes se cargan por separado, por lo que tu sitio sigue cargando rápido.
" ¿Puedo usar notificaciones push para una tienda WooCommerce o un blog? "
Sí. Los he usado para ambos. Puedes enviar alertas para nuevas entradas de blog, ofertas, lanzamientos de productos, carritos abandonados, lo que sea que se ajuste a tu sitio.
" ¿Cómo se suscriben los visitantes a las notificaciones push? "
Verán un aviso en su navegador preguntando si desean permitir notificaciones. Si hacen clic en Permitir, se añadirán automáticamente a tu lista de suscriptores.
" ¿Cuál es el mejor software de notificaciones push para WordPress? "
He probado algunos, incluyendo OneSignal y Webpushr, pero PushEngage es el mejor software de notificaciones push con el que me quedo. Es fácil de usar, tiene las funciones que necesito y funciona bien con SeedProd. La configuración es rápida y nunca he tenido problemas de velocidad o entrega.

¿Deberías usar notificaciones push?

Las notificaciones push son una de las formas más fáciles de hacer que la gente vuelva a tu sitio. No necesitas crear un embudo de correo electrónico completo ni depender de publicaciones en redes sociales que se pierden en el feed. Un mensaje rápido en el momento adecuado puede hacer que tus lectores vuelvan.

PushEngage mantiene las cosas sencillas, especialmente si ya usas WordPress. Si estás creando tus páginas con SeedProd, la configuración encaja perfectamente en tu flujo de trabajo.

Ya sea que compartas publicaciones de blog, lances un producto o intentes mantenerte en la mente de tus clientes, las notificaciones push valen la pena.

¿Quieres hacer más con el tráfico de tu sitio? Consulta nuestros tutoriales sobre creación de páginas de destino, crecimiento de tu lista de correo electrónico y aumento de conversiones.

¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTubeXFacebook para obtener más consejos y contenido útil para hacer crecer tu negocio.

avatar del autor
Stacey Corrin Especialista en marketing de contenidos
Stacey Corrin es una especialista certificada en marketing de contenidos y b uevoacute;squeda con maacute;s de 15 anilde;os de experiencia escribiendo sobre WordPress, SEO y marketing digital. Gestiona el contenido de SeedProd y RafflePress, cubriendo herramientas y estrategias que ella misma utiliza y prueba activamente.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Solo recomendamos productos que creemos que aportarán valor a nuestros lectores.

[weglot_switcher]