{"id":30297,"date":"2024-12-04T05:02:29","date_gmt":"2024-12-04T05:02:29","guid":{"rendered":"https:\/\/doc.probance.com\/?post_type=tutoriels&#038;p=30297"},"modified":"2026-06-09T08:22:36","modified_gmt":"2026-06-09T08:22:36","slug":"crear-y-enviar-una-notificacion-web-push","status":"publish","type":"tutoriels","link":"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/crear-y-enviar-una-notificacion-web-push\/","title":{"rendered":"Crear y enviar una notificaci\u00f3n Webpush"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>Este tutorial te explicar\u00e1 c\u00f3mo programar una notificaci\u00f3n Webpush en Probance One.<\/em><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">1. Crear una notificaci\u00f3n<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accede al men\u00fa <strong>Campa\u00f1as > Newsletters<\/strong> y haz clic en <strong>Crear una newsletter<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Nombra tu newsletter.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>En la lista desplegable <strong>Canal<\/strong>, selecciona <strong>Notificaci\u00f3n Webpush<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Haz clic en <strong>Crear <\/strong>para validar.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Ser\u00e1s redirigido autom\u00e1ticamente a la p\u00e1gina de tu notificaci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota:<\/strong> Por defecto, las newsletters reci\u00e9n creadas aparecer\u00e1n en la fecha del d\u00eda siguiente en el calendario.<\/p>\n<\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">2. Definir el contenido de la notificaci\u00f3n<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Haz clic en <strong>Editar el template<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>En la ventana que se abre, haz clic en <strong>Crear un template<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Puedes elegir partir de una base vac\u00eda seleccionando <strong>Nuevo template<\/strong>, o copiar el template de una campa\u00f1a existente seleccionando esta en la lista. El bot\u00f3n <strong>B\u00fasqueda avanzada<\/strong> te permite buscar el template de una campa\u00f1a espec\u00edfica filtrando por el nombre de la campa\u00f1a, sus fechas de env\u00edo y su tipo (newsletter\/escenario).<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Haz clic en <strong>Usar <\/strong>para validar tu selecci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Define luego el contenido de tu notificaci\u00f3n. Una notificaci\u00f3n contiene:\n<ul class=\"wp-block-list\">\n<li>Un icono, que se mostrar\u00e1 en el cuerpo de la notificaci\u00f3n<\/li>\n\n\n\n<li>Un t\u00edtulo y un mensaje, que pueden contener etiquetas de personalizaci\u00f3n y emojis<\/li>\n\n\n\n<li>Una imagen, en la cual se puede aplicar un enlace de destino<\/li>\n\n\n\n<li>Uno o dos botones CTA<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota: <\/strong>La visualizaci\u00f3n de la notificaci\u00f3n depender\u00e1 del sistema operativo, el navegador y el dispositivo del destinatario, y podr\u00eda ser diferente de la vista previa generada por el editor.<\/p>\n<\/blockquote>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Haz clic en <strong>Guardar<\/strong> para guardar tu notificaci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">3. Definir el p\u00fablico objetivo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La secci\u00f3n <strong>Segmentaci\u00f3n <\/strong>te permite definir a qui\u00e9n debe enviarse la newsletter a\u00f1adiendo <strong>grupos objetivos<\/strong>, <strong>filtros<\/strong> y <strong>exclusiones<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todas las newsletters contienen por defecto un filtro obligatorio Miembros contactables, que no se puede eliminar ni modificar. Este filtro asegura que se env\u00eden solo a los miembros cuyos datos de contacto est\u00e9n disponibles y sean v\u00e1lidos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Te recomendamos consultar <a href=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/crear-un-publico-objetivo-de-campana\/\" data-type=\"tutoriels\" data-id=\"27496\">nuestro tutorial sobre la construcci\u00f3n de p\u00fablico objetivo<\/a> para una gu\u00eda completa sobre el uso de la herramienta de segmentaci\u00f3n.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">4. Definir las caracter\u00edsticas de la notificaci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para definir las caracter\u00edsticas de env\u00edo de la notificaci\u00f3n, sigue los siguientes pasos.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Accede a la secci\u00f3n <strong>Asunto<\/strong> y haga clic en <strong>Editar<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>La duraci\u00f3n de validez es el tiempo durante el cual la notificaci\u00f3n estar\u00e1 disponible para ser visualizada por el destinatario. Puede definirse en horas o d\u00edas. Una vez pasado este tiempo, la notificaci\u00f3n ser\u00e1 eliminada de la cola y no ser\u00e1 elegible para el usuario.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>La<strong> prioridad <\/strong>determina la prevalencia de la notificaci\u00f3n cuando hay varias disponibles para el mismo contacto al mismo tiempo. Las notificaciones con alta prioridad se mostrar\u00e1n primero, luego las de prioridad media y finalmente las de baja prioridad. Esta prioridad se tiene en cuenta cuando el usuario est\u00e1 en su navegador y varias notificaciones son elegibles, respetando las restricciones de presi\u00f3n en caso de m\u00faltiples notificaciones en espera.<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Completa &#8211; si es aplicable &#8211; los par\u00e1metros UTM de la campa\u00f1a.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Haz clic en Guardar para confirmar los cambios.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">5. Probar la notificaci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de activar tu notificaci\u00f3n, te recomendamos generar una prueba para verificar el contenido y la visualizaci\u00f3n de la notificaci\u00f3n que recibir\u00e1n tus contactos.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Haz clic en <strong>Enviar una prueba<\/strong> en el encabezado de la campa\u00f1a.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Si tu notificaci\u00f3n contienen campos de personalizaci\u00f3n, la secci\u00f3n <strong>Personalizaci\u00f3n del perfil<\/strong> te permite definir los valores a utilizar en el email de prueba.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Haz clic en<strong> Enviar<\/strong> para generar tu notificaci\u00f3n. La prueba se mostrar\u00e1 autom\u00e1ticamente en tu pantalla. Tambi\u00e9n puedes obtener una URL que te permita generar la notificaci\u00f3n haciendo clic en <strong>Crear una vista previa<\/strong>. Este enlace ser\u00e1 v\u00e1lido durante 12 horas.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">6. Enviar la notificaci\u00f3n<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez definido todo, programa y activa el env\u00edo. Existen dos modos de env\u00edo.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">6.1. Env\u00edo programado<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En la secci\u00f3n <strong>Timing<\/strong>, indica la fecha y hora deseadas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Activa la notificaci\u00f3n antes del horario programado para que se env\u00ede a tiempo.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">6.2. Env\u00edo inmediato<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Selecciona una fecha de env\u00edo para el mismo d\u00eda y un horario pasado.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Activa la notificaci\u00f3n. Se enviar\u00e1 dentro de los 15 minutos posteriores a la activaci\u00f3n.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota:<\/strong> La hora de env\u00edo indica cu\u00e1ndo Probance One transmite la notificaci\u00f3n al navegador del destinatario, no el momento exacto en que el usuario la recibir\u00e1.<\/p>\n<\/blockquote>\n\n\n\n<blockquote class=\"wp-block-quote is-style-important is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Atenci\u00f3n:<\/strong> Si modificas un elemento de la campa\u00f1a despu\u00e9s de activarla, esta volver\u00e1 autom\u00e1ticamente al estado <strong>Inactivo<\/strong>. No olvides reactivarla tras realizar cambios.<\/p>\n<\/blockquote>\n<div id=\"wpmem_restricted_msg\"><p>Este contenido est\u00e1 restringido a los miembros del sitio. Si eres un usuario existente, por favor, accede. Los nuevos usuarios pueden registrarse a continuaci\u00f3n.<\/p><\/div><div id=\"wpmem_login\"><a id=\"login\"><\/a><form action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/crear-y-enviar-una-notificacion-web-push\/\" method=\"POST\" id=\"wpmem_login_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_login_nonce\" name=\"_wpmem_login_nonce\" value=\"6fcb0b519a\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/30297\" \/><fieldset><legend>Acceso de usuarios existentes<\/legend><label for=\"log\">Nombre de usuario o correo electr\u00f3nico<\/label><div class=\"div_text\"><input name=\"log\" type=\"text\" id=\"log\" value=\"\" class=\"username\" required  \/><\/div><label for=\"pwd\">Contrase\u00f1a<\/label><div class=\"div_text\"><input name=\"pwd\" type=\"password\" id=\"pwd\" class=\"password\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"login\" \/><input name=\"redirect_to\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/crear-y-enviar-una-notificacion-web-push\/\" \/><div class=\"button_div\"><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>&nbsp;<label for=\"rememberme\">Recu\u00e9rdame<\/label>&nbsp;&nbsp;<input type=\"submit\" name=\"Submit\" value=\"Acceder\" class=\"buttons\" \/><\/div><\/fieldset><\/form><\/div><div id=\"wpmem_reg\"><a id=\"register\"><\/a><form name=\"form\" method=\"post\" action=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/crear-y-enviar-una-notificacion-web-push\/\" id=\"wpmem_register_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_register_nonce\" name=\"_wpmem_register_nonce\" value=\"2980026aa5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/es\/wp-json\/wp\/v2\/tutoriels\/30297\" \/><fieldset><legend>Registro de un nuevo usuario<\/legend><label for=\"username\" class=\"text\">Elige un nombre de usuario<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"username\" type=\"text\" id=\"username\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"first_name\" class=\"text\">Nombre<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"first_name\" type=\"text\" id=\"first_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"last_name\" class=\"text\">Apellidos<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"last_name\" type=\"text\" id=\"last_name\" value=\"\" class=\"textbox\" required  \/><\/div><label for=\"user_email\" class=\"text\">Correo electr\u00f3nico<span class=\"req\">*<\/span><\/label><div class=\"div_text\"><input name=\"user_email\" type=\"email\" id=\"user_email\" value=\"\" class=\"textbox\" required  \/><\/div><input name=\"a\" type=\"hidden\" value=\"register\" \/><input name=\"wpmem_reg_page\" type=\"hidden\" value=\"https:\/\/doc.probance.com\/es\/base-de-conocimiento\/crear-y-enviar-una-notificacion-web-push\/\" \/><div class=\"button_div\"><input name=\"submit\" type=\"submit\" value=\"Registro\" class=\"buttons\" \/><\/div><div class=\"req-text\"><span class=\"req\">*<\/span>Campo necesario<\/div><\/fieldset><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>Este tutorial te explicar\u00e1 c\u00f3mo programar una notificaci\u00f3n Webpush en Probance One. 1. Crear una notificaci\u00f3n Nota: Por defecto, las newsletters reci\u00e9n creadas aparecer\u00e1n en la fecha del d\u00eda siguiente en el calendario. 2. Definir el contenido de la notificaci\u00f3n Nota: La visualizaci\u00f3n de la notificaci\u00f3n depender\u00e1 del sistema operativo, el navegador y el dispositivo [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","sujets":[746],"class_list":["post-30297","tutoriels","type-tutoriels","status-publish","hentry","sujets-notificaciones-webpush"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels\/30297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tutoriels"}],"about":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/types\/tutoriels"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/users\/6"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/media?parent=30297"}],"wp:term":[{"taxonomy":"sujets","embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/sujets?post=30297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}