{"id":7148,"date":"2018-07-27T14:05:50","date_gmt":"2018-07-27T14:05:50","guid":{"rendered":"https:\/\/blog.hostinger.io\/com-ar-tutoriales\/?p=7148"},"modified":"2024-05-22T23:38:49","modified_gmt":"2024-05-22T21:38:49","slug":"agregar-notificaciones-push-wordpress-gratis-4-pasos","status":"publish","type":"post","link":"\/ar\/tutoriales\/agregar-notificaciones-push-wordpress-gratis-4-pasos","title":{"rendered":"C\u00f3mo agregar notificaciones push en WordPress gratis (en 4 pasos)"},"content":{"rendered":"<p>Una de las partes m&aacute;s dif&iacute;ciles de tener un sitio web es hacer que la gente vuelva una y otra vez. Incluso si tu contenido es interesante, debes encontrar la manera de enganchar a los lectores y mantenerte en contacto con ellos. Las notificaciones push de WordPress ofrecen una soluci&oacute;n elegante a este problema <em>si<\/em> sabes c&oacute;mo configurarlas.<\/p><p>Eso es lo que trataremos en este art&iacute;culo. Explicaremos c&oacute;mo:<\/p><ol class=\"wp-block-list\">\n<li>Instalar el plugin <a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\">OneSignal<\/a>, que te permitir&aacute; enviar notificaciones push de WordPress.<\/li>\n\n\n\n<li>Configurar una cuenta de OneSignal.<\/li>\n\n\n\n<li>Crear mensajes push.<\/li>\n\n\n\n<li>Configurar el plugin.<\/li>\n<\/ol><p>Sin embargo, antes de hablar sobre aspectos espec&iacute;ficos, vamos a analizar las notificaciones push en general y explicar cu&aacute;les son sus ventajas. Despu&eacute;s, incluso te presentaremos algunos otros plugins de mensajes push que puedes usar, en caso de que no seas admirador de OneSignal. &iexcl;Empecemos!<\/p><p>\n\n\n<div><\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-introduccion-a-las-notificaciones-push\">Introducci&oacute;n a las notificaciones push<\/h2><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"291\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/onesignal-ejemplo.jpg\" alt=\"Ejemplo de notificaciones push\" class=\"wp-image-7208\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/onesignal-ejemplo.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/onesignal-ejemplo-150x49.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/onesignal-ejemplo-300x97.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/onesignal-ejemplo-768x248.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Las notificaciones autom&aacute;ticas son mensajes que aparecen en tu pantalla para avisarte cuando ocurre algo en tu dispositivo. Por ejemplo, cuando recibes un correo electr&oacute;nico, probablemente veas notificaciones autom&aacute;ticas tanto en tu tel&eacute;fono inteligente como en tu computadora de escritorio. No son tan intrusivos como las ventanas emergentes, y generalmente puedes configurar cu&aacute;ndo quieres verlos (para que no se vuelvan molestos).<\/p><p>En el pasado, las notificaciones push se limitaban a aplicaciones y actualizaciones del sistema. Sin embargo, cada vez es m&aacute;s com&uacute;n que los sitios web implementen esta funci&oacute;n. Estas son solo algunas de las razones para ello:<\/p><ul class=\"wp-block-list\">\n<li><strong>Te permiten alertar a tus usuarios sobre nuevos contenidos.<\/strong> Con las notificaciones push, los usuarios no tienen que visitar tu sitio web para averiguar si has publicado un nuevo art&iacute;culo, por ejemplo. Pueden recibir una notificaci&oacute;n cuando hay nuevo contenido disponible.<\/li>\n\n\n\n<li><strong>Los usuarios pueden registrarse o darse de baja.<\/strong> A diferencia de los pop-ups, los usuarios pueden elegir si desean recibir notificaciones push en primer lugar. Esto significa que solo los interesados las ver&aacute;n.<\/li>\n\n\n\n<li><strong>Requieren menos atenci&oacute;n que un correo electr&oacute;nico.<\/strong> Siempre puedes enviar r&aacute;fagas de correo electr&oacute;nico para informar a las personas sobre ofertas y actualizaciones, pero las notificaciones push no requieren que los usuarios abran un mensaje completo.<\/li>\n\n\n\n<li><strong>Ellos son muy efectivas.<\/strong> Las notificaciones push tienen altas tasas de clics, especialmente cuando se comparan con otros m&eacute;todos de marketing.<\/li>\n<\/ul><p>Hay muchas ventajas de usar notificaciones push en WordPress. Sin embargo, vale la pena se&ntilde;alar que hay personas que no son grandes admiradoras de esta funci&oacute;n. Si utilizas las notificaciones push en exceso, puedes molestar a tus suscriptores, y esto puede causar que no quieran saber nada de tu sitio web.<\/p><p>Para mantener un buen equilibrio, ponte en el lugar de tus suscriptores y piensa c&oacute;mo tu podr&iacute;as reaccionar. Si instalas una aplicaci&oacute;n que te env&iacute;a demasiadas notificaciones push sin una buena raz&oacute;n, probablemente termines desinstal&aacute;ndola. Lo mismo se aplica a los sitios web, por eso debes utilizar las notificaciones con moderaci&oacute;n. De esta forma, cuando tus suscriptores vean una, sabr&aacute;n que es algo que vale la pena mirar.<\/p><h2 class=\"wp-block-heading\" id=\"h-como-agregar-notificaciones-push-a-wordpress-gratis-en-4-pasos\">C&oacute;mo agregar notificaciones push a WordPress gratis (en 4 pasos)<\/h2><p>Para este tutorial, vamos a usar el plugin de <a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\">OneSignal<\/a>. No es de ninguna manera la &uacute;nica herramienta de WordPress que te permite configurar notificaciones push. Sin embargo, es f&aacute;cil para comenzar y es compatible con m&uacute;ltiples navegadores, lo que la convierte en nuestra opci&oacute;n favorita.<\/p><p>Despu&eacute;s de esto, hablaremos sobre otros plugins que puedes usar para agregar notificaciones push en WordPress si lo deseas. Por ahora, &iexcl;manos a la obra!<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"\/ar\/hosting-wordpress\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/blog.hostinger.io\/com-ar-tutoriales\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png\" alt=\"\" class=\"wp-image-40615\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner.png 1024w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner-300x88.png 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner-150x44.png 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2024\/06\/ES-New-WP_in-text-banner-768x225.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-paso-1-instalar-el-plugin-de-onesignal\">Paso 1: Instalar el plugin de OneSignal<\/h3><p>Comencemos por instalar el plugin que necesitas. Ve a tu escritorio de WordPress y selecciona a la pesta&ntilde;a <strong>Plugins<\/strong>. Haz clic en la opci&oacute;n <strong>A&ntilde;adir nuevo<\/strong> y usa la barra de b&uacute;squeda en la siguiente pantalla para buscar el plugin <strong>OneSignal<\/strong>. Cuando aparezca en los resultados, inst&aacute;lalo y act&iacute;valo:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"484\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/instalar-plugin-onesignal.jpg\" alt=\"Instalar el plugin de notificaci&oacute;n push de WordPress OneSignal\" class=\"wp-image-7207\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/instalar-plugin-onesignal.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/instalar-plugin-onesignal-150x81.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/instalar-plugin-onesignal-300x161.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/instalar-plugin-onesignal-768x413.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>El plugin crear&aacute; una nueva pesta&ntilde;a en tu tablero llamada <strong>OneSignal Push<\/strong>. Selecci&oacute;nala ahora y ver&aacute;s una nueva p&aacute;gina que muestra el resto de los pasos que deber&aacute;s seguir. Te guiaremos a trav&eacute;s del proceso, as&iacute; que no te preocupe demasiado por esto. Por ahora, solo ten en cuenta la ubicaci&oacute;n de la pesta&ntilde;a llamada <strong>Configuration<\/strong>, ya que tendremos que volver a ella en un momento.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-2-configurar-una-cuenta-de-onesignal\">Paso 2: Configurar una cuenta de OneSignal<\/h3><p>Para que el plugin funcione, tambi&eacute;n necesitar&aacute;s una cuenta gratuita de OneSignal. <a href=\"https:\/\/onesignal.com\/\" target=\"_blank\" rel=\"noopener\">Ve a la p&aacute;gina de inicio de la plataforma<\/a> y haz clic en el bot&oacute;n <strong>GET STARTED<\/strong> al lado de <strong>Web Push<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"427\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-push-movil.jpg\" alt=\"Registrarse en el servicio web push.\" class=\"wp-image-7206\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-push-movil.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-push-movil-150x71.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-push-movil-300x142.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-push-movil-768x364.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Puedes registrarte usando credenciales de varias redes sociales o a trav&eacute;s de tu correo electr&oacute;nico. Contin&uacute;a y configura el resto de tu cuenta ahora:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"514\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/registrarse-en-onesignal.jpg\" alt=\"Registrarse en OneSignal.\" class=\"wp-image-7205\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/registrarse-en-onesignal.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/registrarse-en-onesignal-150x86.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/registrarse-en-onesignal-300x171.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/registrarse-en-onesignal-768x439.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>La plataforma te pedir&aacute; que confirmes tu correo electr&oacute;nico. Una vez que lo hagas, tendr&aacute;s acceso a tu tablero de OneSignal.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-3-crea-una-aplicacion-de-notificaciones-push\">Paso 3: Crea una aplicaci&oacute;n de notificaciones push<\/h3><p>Adem&aacute;s de permitirte enviar notificaciones push en la web, OneSignal tambi&eacute;n admite aplicaciones m&oacute;viles y <a href=\"\/ar\/correo-profesional\">servicios de correo<\/a> electr&oacute;nico. Eso significa que debes elegir exactamente para qu&eacute; tipo de servicio deseas usar la plataforma. Para comenzar, ve a tu tablero de OneSignal y haz clic en el bot&oacute;n <strong>Add a new app<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/an%CC%83adir-nueva-aplicacio%CC%81n.jpg\" alt=\"Agregar una nueva aplicaci&oacute;n OneSignal.\" class=\"wp-image-7204\"><\/figure><\/div><p>OneSignal te pedir&aacute; un nombre para tu aplicaci&oacute;n con fines de identificaci&oacute;n interna. Nosotros escogimos <strong>WordPress Push Notifications<\/strong>, pero tu puedes usar el nombre que quieras. Luego, la plataforma te preguntar&aacute; qu&eacute; tipo de notificaciones quieres configurar. Elige la opci&oacute;n <strong>Web Push<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"438\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/elegir-web-push.jpg\" alt=\"Elegir qu&eacute; tipo de notificaci&oacute;n push enviar\" class=\"wp-image-7203\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/elegir-web-push.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/elegir-web-push-150x73.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/elegir-web-push-300x146.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/elegir-web-push-768x374.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Ahora puedes elegir qu&eacute; tipo de integraci&oacute;n quieres usar. Haz clic en el bot&oacute;n <strong>WordPress Plugin or Website Builder<\/strong>, y elige WordPress en las opciones que aparecen:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/opcio%CC%81n-wordpress.jpg\" alt=\"Elegir la opci&oacute;n de notificaciones de WordPress.\" class=\"wp-image-7202\"><\/figure><\/div><p>Finalmente, despl&aacute;zate hacia abajo e ingresa los detalles de tu sitio, incluidos el nombre y la URL. Tambi&eacute;n puedes establecer un &iacute;cono para tu sitio web, que se mostrar&aacute; en tus notificaciones push de WordPress, pero este paso no es estrictamente necesario:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/configuracio%CC%81n-de-sitio-wordpress.jpg\" alt=\"Ingresando los detalles de tu sitio web.\" class=\"wp-image-7201\"><\/figure><\/div><p>En cualquier caso, aseg&uacute;rate de indicar si tu sitio utiliza HTTPS o no antes de guardar los cambios aqu&iacute;. Cuando hagas clic en <strong>Save<\/strong>, contin&uacute;a con el &uacute;ltimo paso.<\/p><h3 class=\"wp-block-heading\" id=\"h-paso-4-configurar-el-plugin-onesignal\">Paso 4: Configurar el plugin OneSignal<\/h3><p>Despu&eacute;s de guardar tu configuraci&oacute;n en el tablero de OneSignal, ver&aacute;s una nueva pantalla que muestra tu <strong>APP ID<\/strong> y <strong>API KEY<\/strong>:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"377\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/agragar-id-key.jpg\" alt=\"Tu APP ID y API KEY de OneSignal.\" class=\"wp-image-7200\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/agragar-id-key.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/agragar-id-key-150x63.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/agragar-id-key-300x126.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/agragar-id-key-768x322.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Mant&eacute;n esta pesta&ntilde;a abierta por ahora, ya que necesitar&aacute; ambas cosas en un minuto. Regresa a tu escritorio de WordPress, ve a la pesta&ntilde;a de <strong>OneSignal Push<\/strong>, luego ve a la pantalla <strong>Configuration<\/strong>. Una vez que ingreses, ver&aacute;s tres campos, uno para tu <strong>App ID<\/strong>, otro para tu <strong>API Key<\/strong> y el &uacute;ltimo para el nombre de tu aplicaci&oacute;n. Completa los primeros dos campos usando los datos de la pantalla anterior:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/configurar-id-key-de-aplicacio%CC%81n.jpg\" alt=\"Configurando el plugin OneSignal.\" class=\"wp-image-7199\"><\/figure><\/div><p>En cuanto al nombre de tu aplicaci&oacute;n, ese es el nombre que elegiste durante el paso anterior. En nuestro caso, eso es <strong>WordPress Push Notifications<\/strong>.<\/p><p>Luego de que completes los tres campos, despl&aacute;zate hacia abajo para encargarte de unos ajustes adicionales. Busca la secci&oacute;n llamada <strong>Prompt Settings &amp; Subscription Bell<\/strong>. Aqu&iacute; puedes elegir si el plugin debe solicitarle autom&aacute;ticamente a los nuevos usuarios que se suscriban:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"418\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-a-nuevos-usuarios.jpg\" alt=\"Configurando tu campana de suscripci&oacute;n.\" class=\"wp-image-7198\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-a-nuevos-usuarios.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-a-nuevos-usuarios-150x70.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-a-nuevos-usuarios-300x139.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-a-nuevos-usuarios-768x357.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Si te desplazas m&aacute;s hacia abajo, puedes cambiar el texto de tu mensaje de suscripci&oacute;n:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/personalizar-campana-de-suscripcio%CC%81n.jpg\" alt=\"Personalizando tu mensaje de suscripci&oacute;n.\" class=\"wp-image-7197\"><\/figure><\/div><p>M&aacute;s abajo en la p&aacute;gina, ver&aacute;s una secci&oacute;n llamada <strong>Welcome Notification Settings<\/strong>. De manera predeterminada, OneSignal enviar&aacute; un mensaje de &ldquo;bienvenida&rdquo; a trav&eacute;s de notificaciones push cuando alguien se suscriba a tu sitio web. En esta secci&oacute;n, puedes deshabilitar o personalizar ese mensaje:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"443\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-de-bienvenida.jpg\" alt=\"Configurando tus mensajes de bienvenida.\" class=\"wp-image-7196\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-de-bienvenida.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-de-bienvenida-150x74.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-de-bienvenida-300x148.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/mensaje-de-bienvenida-768x378.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Finalmente, busca la secci&oacute;n <strong>Automatic Notification Settings<\/strong>. Aqu&iacute; puedes configurar si el plugin debe enviar notificaciones autom&aacute;ticas cada vez que publiques un nuevo post:<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/configuracio%CC%81n-de-notificaciones-automa%CC%81ticas.jpg\" alt=\"Configurando tu configuraci&oacute;n de notificaci&oacute;n autom&aacute;tica.\" class=\"wp-image-7195\"><\/figure><\/div><p>En la mayor&iacute;a de los casos, querr&aacute;s mantener esta configuraci&oacute;n activada, especialmente si solo publicas contenido nuevo una o dos veces por semana. Sin embargo, si publicas contenido nuevo diariamente, tus notificaciones autom&aacute;ticas pueden comenzar a parecer spam.<\/p><p>Si no activas las notificaciones autom&aacute;ticas para tus posts, puedes elegir enviarla en el editor de WordPress, cada vez que est&eacute;s a punto de publicar un nuevo post. De esta forma, tienes control total sobre qu&eacute; publicaciones tienen notificaciones push de WordPress y cu&aacute;les no.<\/p><p>Recuerda guardar la configuraci&oacute;n de tu plugin, &iexcl;y listo! Cuando alguien visite tu sitio web, ver&aacute; un aviso de OneSignal para suscribirse a tus notificaciones push. Si la rechazan, el mensaje no volver&aacute; a aparecer, as&iacute; que no correr&aacute;s el riesgo de molestar a los visitantes que no est&eacute;n interesados.<\/p><h2 class=\"wp-block-heading\" id=\"h-5-plugins-alternativos-para-configurar-notificaciones-push-de-wordpress\">5 plugins alternativos para configurar notificaciones push de WordPress<\/h2><p>Si no te gusta la forma en que funciona OneSignal, entonces tienes muchas otras opciones para elegir. Vamos a hablar sobre cinco plugins alternativos y las caracter&iacute;sticas que ofrecen.<\/p><h3 class=\"wp-block-heading\" id=\"h-1-pushengage-web-push-notifications\">1. <a href=\"https:\/\/wordpress.org\/plugins\/pushengage\/\" target=\"_blank\" rel=\"noopener\">PushEngage Web Push Notifications<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"125\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushengage.jpg\" alt=\"Plugin PushEngage.\" class=\"wp-image-7194\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushengage.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushengage-150x21.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushengage-300x42.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushengage-768x107.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><a href=\"https:\/\/wordpress.org\/plugins\/pushengage\/\" target=\"_blank\" rel=\"noopener\">PushEngage Web Push Notifications<\/a> te permite agregar notificaciones push de Chrome y Firefox a tu sitio web. Es similar a OneSignal, en el sentido de que debes crear una cuenta con el servicio de PushEngage para que el plugin funcione.<\/p><p>Adem&aacute;s de la funcionalidad b&aacute;sica de notificaci&oacute;n push, tambi&eacute;n puedes usar el servicio para apuntar a segmentos espec&iacute;ficos de tus suscriptores. Tambi&eacute;n es posible programar notificaciones push de antemano, lo cual puede ser &uacute;til como recordatorio para eventos programados.<\/p><h4 class=\"wp-block-heading\" id=\"h-caracteristicas-principales\">Caracter&iacute;sticas principales:<\/h4><ul class=\"wp-block-list\">\n<li>Agrega notificaciones push de Chrome y Firefox a tu sitio web.<\/li>\n\n\n\n<li>Configura notificaciones autom&aacute;ticas para nuevas publicaciones y actualizaciones de fuentes RSS.<\/li>\n\n\n\n<li>Incluye llamadas a la acci&oacute;n (Call to action) dentro de tus notificaciones.<\/li>\n\n\n\n<li>Programa mensajes por adelantado.<\/li>\n\n\n\n<li>Apunta a segmentos espec&iacute;ficos de tus suscriptores.<\/li>\n<\/ul><h4 class=\"wp-block-heading\" id=\"h-precios\">Precios:<\/h4><p>Este plugin ofrece un plan gratuito limitado y una variedad de planes premium.<\/p><h3 class=\"wp-block-heading\" id=\"h-2-push-notifications-for-wordpress-by-pushassist\">2. <a href=\"https:\/\/wordpress.org\/plugins\/push-notification-for-wp-by-pushassist\/\" target=\"_blank\" rel=\"noopener\">Push Notifications for WordPress by PushAssist<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"286\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushassist.jpg\" alt=\"Plugin de notificaciones PushAssist.\" class=\"wp-image-7193\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushassist.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushassist-150x48.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushassist-300x95.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/pushassist-768x244.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p><a href=\"https:\/\/wordpress.org\/plugins\/push-notification-for-wp-by-pushassist\/\" target=\"_blank\" rel=\"noopener\">Push Notifications for WordPress by PushAssist<\/a> te permite configurar notificaciones push para la mayor&iacute;a de los principales navegadores. Puedes configurar las acciones que activan estas notificaciones, e incluso enviar mensajes totalmente personalizados si lo deseas.<\/p><p>En general, este plugin se destaca debido a su interfaz pulida y lo f&aacute;cil que es configurarlo. Es una excelente opci&oacute;n si buscas un plugin de notificaciones push de WordPress. Sin embargo, el plan gratuito limita tu lista de suscriptores a 3000, lo que puede ser un inconveniente si no est&aacute;s dispuesto a pagar por la majora del plan.<\/p><h4 class=\"wp-block-heading\" id=\"h-caracteristicas-principales-0\">Caracter&iacute;sticas principales:<\/h4><ul class=\"wp-block-list\">\n<li>Env&iacute;a notificaciones push a todos los principales navegadores desde WordPress.<\/li>\n\n\n\n<li>Configura qu&eacute; acciones activan las notificaciones.<\/li>\n\n\n\n<li>Personaliza el estilo de tus notificaciones push.<\/li>\n<\/ul><h4 class=\"wp-block-heading\" id=\"h-precios-0\">Precios:<\/h4><p>Este plugin es gratis hasta 3,000 suscriptores. Tambi&eacute;n hay planes premium disponibles a partir de USD 9\/mes.<\/p><h3 class=\"wp-block-heading\" id=\"h-3-push-monkey-pro\">3. <a href=\"https:\/\/wordpress.org\/plugins\/push-monkey-desktop-push-notifications\/\" target=\"_blank\" rel=\"noopener\">Push Monkey Pro<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"900\" height=\"290\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/push-monkey-pro.jpg\" alt=\"&nbsp;El plugin Push Monkey Pro.\" class=\"wp-image-7192\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/push-monkey-pro.jpg 900w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/push-monkey-pro-150x48.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/push-monkey-pro-300x97.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/push-monkey-pro-768x247.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure><\/div><p>Hasta el momento, todos los plugins de notificaciones pushque hemos presentado son muy similares. <a href=\"https:\/\/wordpress.org\/plugins\/push-monkey-desktop-push-notifications\/\" target=\"_blank\" rel=\"noopener\">Push Monkey Pro<\/a> es un poco diferente, ya que te permite integrar tus notificaciones push con WooCommerce. De esta forma, podr&aacute;s apuntar a usuarios que hayan abandonado el carrito de tu sitio y decirles que vuelvan y finalicen su compra.<\/p><p>Adem&aacute;s de la integraci&oacute;n con WooCommerce, Push Monkey Pro tambi&eacute;n admite notificaciones push normales cuando publicas o actualizas un post. Adem&aacute;s, somos grandes admiradores de la pantalla de estad&iacute;sticas de este plugin, que muestra mucha informaci&oacute;n &uacute;til de un vistazo. El &uacute;nico inconveniente es que el plugin en s&iacute; mismo todav&iacute;a es bastante nuevo, por lo que no podemos darle nuestro aval por completo. Sin embargo, parece muy prometedor, por lo que podr&iacute;a valer la pena probarlo en sitios web peque&ntilde;os.<\/p><h4 class=\"wp-block-heading\" id=\"h-caracteristicas-principales-1\">Caracter&iacute;sticas principales:<\/h4><ul class=\"wp-block-list\">\n<li>Configura notificaciones push para carritos abandonados de WooCommerce.<\/li>\n\n\n\n<li>Configura notificaciones para publicaciones y actualizaciones de tus posts.<\/li>\n<\/ul><h4 class=\"wp-block-heading\" id=\"h-precios-1\">Precios:<\/h4><p>Push Monkey Pro es gratis hasta 100 suscriptores, despu&eacute;s de lo cual necesitar&aacute;s un plan premium.<\/p><h3 class=\"wp-block-heading\" id=\"h-4-smart-notification-wordpress-plugin\">4. <a href=\"https:\/\/codecanyon.net\/item\/desktop-mobile-push-notification-system-wordpress-plugin\/6548533\" target=\"_blank\" rel=\"noopener\">Smart Notification WordPress Plugin<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"852\" height=\"295\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/smart-notifications.jpg\" alt=\"El plugin Smart Notifications.\" class=\"wp-image-7191\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/smart-notifications.jpg 852w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/smart-notifications-150x52.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/smart-notifications-300x104.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/smart-notifications-768x266.jpg 768w\" sizes=\"(max-width: 852px) 100vw, 852px\" \/><\/figure><\/div><p><a href=\"https:\/\/codecanyon.net\/item\/desktop-mobile-push-notification-system-wordpress-plugin\/6548533\" target=\"_blank\" rel=\"noopener\">Smart Notification WordPress Plugin<\/a> es un plugin todo en uno que te permite enviar notificaciones push a trav&eacute;s de m&aacute;s plataformas y no solo navegadores. Adem&aacute;s de los b&aacute;sicos, como Chrome, Firefox y Safari, tambi&eacute;n es compatible con sistemas operativos m&oacute;viles.<\/p><p>La desventaja, en este caso, es que tienes que hacer un mont&oacute;n de trabajo de configuraci&oacute;n para que todos esos tipos de notificaciones funcionen. Esto es a&uacute;n m&aacute;s cierto si deseas integrar el plugin con WooCommerce o bbPress, que son otros dos plugins que ofrece la plataforma.<\/p><h4 class=\"wp-block-heading\" id=\"h-caracteristicas-principales-2\">Caracter&iacute;sticas principales:<\/h4><ul class=\"wp-block-list\">\n<li>Configura notificaciones web para Chrome, Firefox, Safari y Opera.<\/li>\n\n\n\n<li>Integra el plugin con WooCommerce, bbPress y otros.<\/li>\n<\/ul><h4 class=\"wp-block-heading\" id=\"h-precios-2\">Precios:<\/h4><p>Este es un plugin de notificaciones push premium, cuya licencia te costar&aacute; USD 59.<\/p><h3 class=\"wp-block-heading\" id=\"h-5-free-web-push-notification-tool-by-izooto\">5. <a href=\"https:\/\/wordpress.org\/plugins\/izooto-web-push\/\" target=\"_blank\" rel=\"noopener\">Free Web Push Notification Tool by iZooto<\/a><\/h3><div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" width=\"905\" height=\"290\" src=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/izooto.jpg\" alt=\"El plugin de notificaciones push de iZooto.\" class=\"wp-image-7190\" srcset=\"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/izooto.jpg 905w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/izooto-150x48.jpg 150w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/izooto-300x96.jpg 300w, https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-content\/uploads\/sites\/38\/2018\/07\/izooto-768x246.jpg 768w\" sizes=\"(max-width: 905px) 100vw, 905px\" \/><\/figure><\/div><p><a href=\"https:\/\/wordpress.org\/plugins\/izooto-web-push\/\" target=\"_blank\" rel=\"noopener\">Free Web Push Notification Tool by iZooto<\/a> es diferente de los otros plugins que hemos visto hasta ahora. No te permite configurar notificaciones push de WordPress para nuevas publicaciones o actualizaciones. En cambio, est&aacute; dise&ntilde;ado para ayudarte a crear y distribuir campa&ntilde;as a trav&eacute;s de notificaciones push.<\/p><p>Esto puede ser &uacute;til si tienes una tienda virtual en lugar de un blog, por ejemplo. Este no es el &uacute;nico plugin de esta lista que admite campa&ntilde;as, pero es el &uacute;nico que ofrece la funci&oacute;n de forma gratuita. Adem&aacute;s, proporciona una cantidad decente de opciones de estilo para tus notificaciones push de WordPress. El &uacute;nico inconveniente es que el plugin en s&iacute; es bastante nuevo, por lo que a&uacute;n podr&iacute;a tener algunos problemas por resolver.<\/p><h4 class=\"wp-block-heading\" id=\"h-caracteristicas-principales-3\">Caracter&iacute;sticas principales:<\/h4><ul class=\"wp-block-list\">\n<li>Crear y distribuir campa&ntilde;as a trav&eacute;s de notificaciones push.<\/li>\n\n\n\n<li>Distribuir notificaciones a todos los navegadores principales.<\/li>\n<\/ul><h4 class=\"wp-block-heading\" id=\"h-precios-3\">Precios:<\/h4><p>El plugin b&aacute;sico es gratuito, como su nombre lo indica. Pero tambi&eacute;n hay planes premium disponibles.<\/p><p>\n\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Aprende m&aacute;s sobre WordPress<\/h4>\n                    <p><a href=\"https:\/\/blog.hostinger.io\/com-ar-tutoriales\/datos-estructurados-wordpress\/\" target=\"_blank\" rel=\"noopener\">Por qu&eacute; necesitas datos estructurados y c&oacute;mo agregarlos a WordPress<\/a><br><a href=\"\/ar\/tutoriales\/seo-en-wordpress\">30 tips de SEO en WordPress<\/a><br><a href=\"\/ar\/tutoriales\/crear-tema-wordpress-responsive-usando-html5\/\">C&oacute;mo crear un tema de WordPress responsive usando HTML5<\/a><br><a href=\"\/ar\/tutoriales\/como-configurar-amp-wordpress\/\">C&oacute;mo configurar correctamente AMP para WordPress<\/a><br><a href=\"\/ar\/tutoriales\/como-optimizar-imagenes-wordpress\/\">C&oacute;mo optimizar im&aacute;genes para WordPress<\/a><\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-conclusion\">Conclusi&oacute;n<\/h2><p>Las notificaciones push de WordPress son una excelente manera de mantener a tus suscriptores actualizados con tus &uacute;ltimas publicaciones. El problema es que WordPress no incluye las notificaciones push como una caracter&iacute;stica incluida. Sin embargo, no es nada que no puedas solucionar con la ayuda del plugin correcto. Somos partidarios de <a href=\"https:\/\/wordpress.org\/plugins\/onesignal-free-web-push-notifications\/\" target=\"_blank\" rel=\"noopener\">OneSignal<\/a>, que solo requiere unos pocos pasos para la configuraci&oacute;n. Sin embargo, otras opciones excelentes incluyen <a href=\"https:\/\/wordpress.org\/plugins\/pushengage\/\" target=\"_blank\" rel=\"noopener\">PushEngage Web Push Notifications<\/a>&nbsp;y <a href=\"https:\/\/wordpress.org\/plugins\/push-notification-for-wp-by-pushassist\/\" target=\"_blank\" rel=\"noopener\">Push Notifications for WordPress by PushAssist<\/a>.<\/p><p>&iquest;Tienes alguna pregunta o sugerencia sobre el uso de las notificaciones push en WordPress? &iexcl;Hablemos en la secci&oacute;n de comentarios a continuaci&oacute;n!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una de las partes m&aacute;s dif&iacute;ciles de tener un sitio web es hacer que la gente vuelva una y otra vez. Incluso si tu contenido es interesante, debes encontrar la manera de enganchar a los lectores y mantenerte en contacto con ellos. Las notificaciones push de WordPress ofrecen una soluci&oacute;n elegante a este problema si [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/ar\/tutoriales\/agregar-notificaciones-push-wordpress-gratis-4-pasos\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":85,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"","rank_math_description":"Haz que tus visitantes regresen con las notificaciones push de WordPress. Es f\u00e1cil instalarlas y tendr\u00e1n un gran impacto en tu sitio web.","rank_math_focus_keyword":"notificaciones push de wordpress","footnotes":""},"categories":[4747],"tags":[5070],"class_list":["post-7148","post","type-post","status-publish","format-standard","hentry","category-wordpress","tag-plugins-wordpress"],"hreflangs":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/7148","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/users\/85"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/comments?post=7148"}],"version-history":[{"count":9,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/7148\/revisions"}],"predecessor-version":[{"id":40005,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/posts\/7148\/revisions\/40005"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/media?parent=7148"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/categories?post=7148"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/ar\/tutoriales\/wp-json\/wp\/v2\/tags?post=7148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}