¿Buscas una forma de crear notificaciones push y recopilar suscriptores de notificaciones push?
Lo entendemos. A veces es mucho más conveniente tener un poco de flexibilidad en la forma de conseguir suscriptores.
No te preocupes. Te cubrimos.
En este artículo, te mostraremos paso a paso cómo crear tus propias notificaciones push.
¿Listo? Vamos a ello.
Cómo crear notificaciones push en WordPress
Antes de crear notificaciones push en WordPress, necesitas crear una página de destino para recopilar suscriptores push. Te recomendamos encarecidamente usar SeedProd para crear tus páginas de destino.
SeedProd es el mejor creador de páginas de destino de WordPress. Es perfecto para empresas, bloggers y propietarios de sitios web que buscan crear páginas de destino de alta conversión sin necesidad de conocimientos de desarrollo.
Con SeedProd, obtienes plantillas pre-diseñadas para páginas de destino de alta conversión que puedes publicar al instante. Esto incluye plantillas para:
- Páginas de ventas
- Páginas de "próximamente"
- Páginas 404
- Páginas de mantenimiento
- Páginas de exprimir
- Páginas de agradecimiento
- Páginas de seminarios web
- Páginas de vídeo
¡Y mucho más!
Paso 1: Instalar y Activar SeedProd
Primero, querrás obtener el plugin SeedProd Pro y activarlo. Si no estás seguro de cómo hacerlo, consulta este artículo sobre cómo instalar un plugin de WordPress. Luego, ve a SeedProd » Ajustes en tu panel de WordPress y activa la versión Pro:

A continuación, dirígete a SeedProd » Páginas para ver un resumen del panel de páginas de destino de SeedProd. Aquí es donde puedes ver los diferentes tipos de páginas de destino que puedes crear usando SeedProd:

Ten en cuenta que estas son todas páginas especiales con funcionalidad predefinida y plantillas de diseño. Para una página de destino, no querrás usar NINGUNA de estas páginas de destino especiales. En su lugar, vas a crear una página de destino personalizada.
Desplázate más abajo y haz clic en el botón Añadir Nueva Página de Destino para empezar:

Paso n.º 2: Crear una nueva página de destino para notificaciones push
Después de hacer clic en el botón Añadir Nueva Página de Destino, verás la biblioteca de plantillas de páginas de destino de SeedProd. Estas son plantillas de páginas de destino diseñadas profesionalmente que son completamente responsivas.

A continuación, puedes seleccionar una de estas plantillas para ayudarte a empezar.
Recuerda, la plantilla es solo un punto de partida. Puedes personalizar todo sobre la página más adelante. Por ahora, encuentra una plantilla que creas que encajará. Cuando se abra la página de plantillas, puedes hacer clic en Página de captura para filtrar la lista:

Para esta guía, seleccionaremos la Página de captura de inversiones.
Una página de captura tiene un solo objetivo. Es "capturarte" lo suficiente como para obtener tu dirección de correo electrónico. ¿Conoces a alguien en el espacio de la inversión y las finanzas personales? ¡Sí, seguro que pueden capturar!
Adelante, haz clic en ella ahora.

A continuación, vamos a personalizar la página de destino.
Paso 3: Personalizar el Diseño de tu Página de Destino
El constructor visual de SeedProd te permite personalizar tu página de destino usando bloques de contenido de arrastrar y soltar.

Puedes crear un encabezado totalmente personalizado para tu página de destino en cuestión de minutos. Incluso puedes añadir elementos personalizados para convencer y convertir tu tráfico. Por ejemplo, puedes crear un módulo de vídeo e incrustar un vídeo de YouTube para convencer a tus visitantes de que compren tu producto o servicio.

También es muy fácil añadir una sección con una breve descripción de tu producto o servicio. Ve a la pestaña Secciones en el constructor visual y, en la sección Principal, encontrarás varias plantillas predefinidas que puedes importar con un solo clic.

Adelante, selecciona una que te guste.
No te preocupes por los colores o el contenido. Puedes editarlo todo. Lo que debes buscar es un diseño que combine bien con tu plantilla.
Puedes personalizar la sección principal de la misma manera que lo hicimos antes, eligiendo una imagen diferente y cambiando el titular y la descripción. Ya que estás en ello, añade un botón de llamada a la acción que impulse a los visitantes a comprarte.

A continuación, desde la pestaña Secciones , selecciona el encabezado Testimonios , y elige un diseño que te guste. Y así de fácil, tienes una sección de testimonios en tu página de destino.

¡Es muy sencillo!
Paso n.º 4: Añadir notificaciones push a tu página de destino
También puedes añadir un botón de clic para suscribirse para recopilar suscriptores de notificaciones push. Las notificaciones push son una excelente manera de aumentar tu tráfico recurrente, obtener más participación e incluso vender merchandising oficial si tienes alguno.
En SeedProd, simplemente arrastra y suelta el módulo HTML Personalizado desde la barra lateral.
Hemos colocado el botón de suscripción justo debajo del formulario de registro de correo electrónico en el primer pliegue.

Pero puedes insertar el botón donde quieras.
Para esta parte, necesitas algo de experiencia con HTML y CSS. O, puedes copiar este código y pegarlo en tu bloque de HTML Personalizado:
<button onclick="subscribeOnClickButton()" style="border: none; padding-left: 5%; padding-right:5%; text-align: center; display: inline-block; color: blue;">Get Updates via Push Notifications</button>
Ese es un botón estándar en HTML con muy poco estilo. Lo único especial es la función onclick en el código. Básicamente, significa que tus visitantes pueden hacer clic en el botón para suscribirse a algo. Ahora, necesitamos darle al botón un código adicional para permitir que tus visitantes se suscriban a notificaciones push.
Diríjase a la página principal de PushEngage y haga clic en el botón Empezar:

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 campañas push
- Potentes opciones de segmentación
- 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.
NOTA: Si tienes un sitio web de WordPress, deberías instalar y activar el plugin de WordPress PushEngage.
Luego, querrás 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.
En tu panel de control de PushEngage, ve a Configuración del sitio » Detalles del sitio y haz clic en el botón Haz clic aquí para obtener instrucciones de configuración. En Cualquier sitio, obtendrás tu código de instalación:

ADVERTENCIA: Necesitas copiar el código que obtienes de tu panel de control. El código es único para cada usuario de PushEngage. No podrás copiar el código de la imagen y recopilar suscriptores de notificaciones push.
Una vez que tengas el código en tu panel de control de PushEngage, añade este fragmento de código al tuyo:
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>
Tu código final debería parecerse a esto:
<script src="https://clientcdn.pushengage.com/core/02a6e92667ae2279fcba8932356c1d93.js" async></script>
<script> window._peq = window._peq || [];</script> <script>
function subscribeOnClickButton(){
window._peq.push(['subscribe',{}.pe,function(res){
if(res.statuscode==1)
{
// Code to return response
console.log(res);
}
}]);
}
</script>
Querrás agregar este código al bloque HTML en tu página de destino después del código del botón. Debería verse algo así:

Siéntete libre de personalizar los estilos del botón como quieras. Cuando hayas terminado de personalizar tu página de destino, haz clic en el botón Guardar.
Paso n.º 4: Configurar los ajustes de tu página
Después de terminar de diseñar tu página de destino, haz clic en la pestaña Conectar en la parte superior de tu creador de páginas y selecciona tu proveedor de marketing por correo electrónico para recopilar clientes potenciales en tu sitio.

Luego, haz clic en la pestaña Ajustes de página en la parte superior de tu pantalla.

Aquí, puedes a tilde;adir un plugin de SEO y un plugin de Google Analytics a tu p ilde;gina de destino. Incluso puedes configurar c ilde;digos de seguimiento personalizados como un P ilde;xel de Facebook o un p ilde;xel de Pinterest para rastrear el rendimiento de los anuncios.
Paso n.º 5: Publicar tu página de destino en WordPress
Ahora vamos a publicar tu diseño. Para ello, haz clic en la flecha desplegable junto al botón de guardar y haz clic en Publicar.

A continuación, puedes hacer clic en el botón Ver página en vivo para ver cómo queda.

¡Felicidades! Acabas de publicar tu primera página de destino.
Qué hacer después de añadir notificaciones push a tu sitio
Ahora que tu página de destino está activa, es hora de trabajar en tu tráfico, participación y ventas. Deberías intentar usar notificaciones push en tu sitio. Las notificaciones push son una gran herramienta de marketing que puede ayudarte a hacer crecer tu negocio.
Echa un vistazo a estos recursos épicos y entenderás lo que queremos decir:
- 7 estrategias inteligentes para aumentar la participación del cliente
- ¿Son efectivas las notificaciones push? 7 estadísticas + 3 consejos de expertos
- Cómo configurar notificaciones push de carritos abandonados (tutorial fácil)
Te recomendamos usar PushEngage para crear tus campañas de notificaciones push. PushEngage es el software de notificaciones push número 1 del mundo. Por lo tanto, si aún no lo has hecho, ¡empieza con PushEngage hoy mismo!
