{"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":"2025-01-19T19:02:01","modified_gmt":"2025-01-19T19:02:01","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 web push"},"content":{"rendered":"\n<p><em>Este tutorial le explicar\u00e1 c\u00f3mo programar una notificaci\u00f3n web push 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>Acceda al men\u00fa <strong>Campa\u00f1as &gt; Newsletters<\/strong> y haga clic en <strong>Crear una newsletter<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Nombr\u00e9 su newsletter.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>En la lista desplegable <strong>Canal<\/strong>, seleccione <strong>Notificaci\u00f3n Web push<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Haga clic en <strong>Crear <\/strong>para validar.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Ser\u00e1 redirigido autom\u00e1ticamente a la p\u00e1gina de su 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><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>Haga 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, haga clic en <strong>Crear un template<\/strong>.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Puede elegir partir de una base vac\u00eda seleccionando <strong>Nuevo template<\/strong>, o copiar el template de una campa\u00f1a existente seleccionando \u00e9sta en la lista. El bot\u00f3n <strong>B\u00fasqueda avanzada<\/strong> le 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>Haga clic en <strong>Usar <\/strong>para validar su selecci\u00f3n.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Defina luego el contenido de su notificaci\u00f3n. Una notificaci\u00f3n contiene:\n<ul class=\"wp-block-list\">\n<li>Un \u00edcono, 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 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><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>Haga clic en <strong>Guardar<\/strong> para guardar su 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>La secci\u00f3n <strong>Segmentaci\u00f3n <\/strong>le 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>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>Le 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>Para definir las caracter\u00edsticas de env\u00edo de la notificaci\u00f3n, siga los siguientes pasos.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Acceda 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 otras 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>Complete &#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>Haga 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>Antes de activar su notificaci\u00f3n, le recomendamos generar una prueba para verificar el contenido y la visualizaci\u00f3n de la notificaci\u00f3n que recibir\u00e1n sus contactos.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Haga 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 su notificaci\u00f3n contienen campos de personalizaci\u00f3n, la secci\u00f3n <strong>Personalizaci\u00f3n del perfil<\/strong> le 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>Haga clic en<strong> Enviar<\/strong> para generar su notificaci\u00f3n. La prueba se mostrar\u00e1 autom\u00e1ticamente en su pantalla. Tambi\u00e9n puede obtener una URL que 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>Una vez definido todo, programe y active 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>En la secci\u00f3n <strong>Timing<\/strong>, indique la fecha y hora deseadas.<\/p>\n\n\n\n<p>Active 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>Seleccione una fecha de env\u00edo para el mismo d\u00eda y un horario pasado.<\/p>\n\n\n\n<p>Active 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><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><strong>Atenci\u00f3n:<\/strong> Si modifica un elemento de la campa\u00f1a despu\u00e9s de activarla, esta volver\u00e1 autom\u00e1ticamente al estado <strong>Inactivo<\/strong>. No olvide 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=\"f834b2436e\" \/><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=\"6cc3867c56\" \/><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 le explicar\u00e1 c\u00f3mo programar una notificaci\u00f3n web push 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 [&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}]}}