Crear notificaciones de botón push

Cómo crear notificaciones push con botón (sin código)

¿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.

Página Próximamente de SeedProd

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:

¡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:

Introduce la clave de licencia de SeedProd

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:

Tipos de páginas de destino de 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:

SeedProd Añadir nueva página de destino

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.

Biblioteca de plantillas de páginas de destino de SeedProd

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:

Lead Squeeze WordPress

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.

Plantilla de página de captura

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.

Editar tu página de captura en WordPress

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.

Añadir un vídeo a una página de destino

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.

Crea una Sección Principal para tu Página de Destino

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.

Personalizar tu página de destino en SeedProd

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.

Añadir testimonios a la 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.

Botón de suscripción de página de captura

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

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:

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:

Código de instalación de PushEngage para cualquier sitio

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í:

Código HTML para notificaciones push

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.

Integra el marketing por correo electrónico con SeedProd

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

Editar la configuración de la página de destino de SeedProd

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.

Publicar página de destino WordPress

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

Página de exprimir de inversión

¡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:

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!

Añadir un Comentario

Nos complace que hayas decidido dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Atrae y retén visitantes después de que hayan abandonado tu sitio web

Aumenta el valor de cada visita web con Notificaciones Push que son difíciles de ignorar.

  • Plan Gratuito para Siempre
  • Configuración Sencilla
  • Soporte 5 Estrellas