{"id":30754,"date":"2025-01-14T11:36:29","date_gmt":"2025-01-14T11:36:29","guid":{"rendered":"https:\/\/doc.probance.com\/?post_type=tutoriels&#038;p=30754"},"modified":"2025-01-14T11:38:09","modified_gmt":"2025-01-14T11:38:09","slug":"customizing-the-subscription-pop-op-for-web-push-notifications","status":"publish","type":"tutoriels","link":"https:\/\/doc.probance.com\/en\/knowledge-base\/customizing-the-subscription-pop-op-for-web-push-notifications\/","title":{"rendered":"Customizing the subscription pop-op for web push notifications"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><em>The Webpush channel of Probance One allows you to send notifications to visitors of your website who have agreed to receive your notifications.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>This tutorial will explain how to customize your subscription pop-up for notifications.<\/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. Functioning<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">The subscription pop-up for notifications is displayed to all visitors of your website who are not recognized as opt-in (new visitors and those who previously declined the subscription) and offers them the choice to accept or decline receiving your notifications.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Probance One users with an administrator profile can customize this pop-up.<\/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\">2. Customizing the pop-up<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In the <strong>Administration &gt; Marketing<\/strong> menu, go to the <strong>Notification Settings<\/strong> section. The <strong>Webpush Subscriptions<\/strong> table lists all the web push platforms available on your project. The <strong>Rejection Period<\/strong> column allows you to configure the duration after which the pop-up can be displayed again to a member who previously declined to subscribe to your notifications.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Edit<\/strong>, then on the edit icon of the platform for which you want to modify the pop-up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>List of web push platforms available on your project<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The interface that appears contains the default HTML code of the pop-up, which you can modify according to your needs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Editing the subscription pop-up for notifications<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Save<\/strong> to confirm and return to marketing administration.<\/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\">3. Managing languages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If your customer base is multilingual, you can define a subscription pop-up for each language.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on the edit icon of the platform where you want to add a version, then click the <strong>Add<\/strong> button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The list of available versions for this platform is displayed. The input field on the left corresponds to the language code of the version (<strong>fr<\/strong> for French, <strong>es<\/strong> for Spanish, <strong>en<\/strong> for English, <strong>ja<\/strong> for Japanese, <strong>en_US<\/strong> for US English, etc.), and the input field in the center contains the HTML code of the corresponding pop-up.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To add an additional version, click the <strong>Add<\/strong> button. To delete a version, click the delete icon.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click <strong>Save<\/strong> to confirm.<\/p>\n<div id=\"wpmem_restricted_msg\"><p>This content is restricted to site members.  If you are an existing user, please log in.  New users may register below.<\/p><\/div><div id=\"wpmem_login\"><a id=\"login\"><\/a><form action=\"https:\/\/doc.probance.com\/en\/knowledge-base\/customizing-the-subscription-pop-op-for-web-push-notifications\/\" method=\"POST\" id=\"wpmem_login_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_login_nonce\" name=\"_wpmem_login_nonce\" value=\"af0e76e092\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/tutoriels\/30754\" \/><fieldset><legend>Existing Users Log In<\/legend><label for=\"log\">Username or Email<\/label><div class=\"div_text\"><input name=\"log\" type=\"text\" id=\"log\" value=\"\" class=\"username\" required  \/><\/div><label for=\"pwd\">Password<\/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\/en\/knowledge-base\/customizing-the-subscription-pop-op-for-web-push-notifications\/\" \/><div class=\"button_div\"><input name=\"rememberme\" type=\"checkbox\" id=\"rememberme\" value=\"forever\" \/>&nbsp;<label for=\"rememberme\">Remember Me<\/label>&nbsp;&nbsp;<input type=\"submit\" name=\"Submit\" value=\"Log In\" class=\"buttons\" \/><\/div><\/fieldset><\/form><\/div><div id=\"wpmem_reg\"><a id=\"register\"><\/a><form name=\"form\" method=\"post\" action=\"https:\/\/doc.probance.com\/en\/knowledge-base\/customizing-the-subscription-pop-op-for-web-push-notifications\/\" id=\"wpmem_register_form\" class=\"form\"><input type=\"hidden\" id=\"_wpmem_register_nonce\" name=\"_wpmem_register_nonce\" value=\"35f8bfaf05\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/tutoriels\/30754\" \/><fieldset><legend>New User Registration<\/legend><label for=\"username\" class=\"text\">Choose a Username<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\">First Name<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\">Last Name<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\">Email<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\/en\/knowledge-base\/customizing-the-subscription-pop-op-for-web-push-notifications\/\" \/><div class=\"button_div\"><input name=\"submit\" type=\"submit\" value=\"Register\" class=\"buttons\" \/><\/div><div class=\"req-text\"><span class=\"req\">*<\/span>Required field<\/div><\/fieldset><\/form><\/div>","protected":false},"excerpt":{"rendered":"<p>The Webpush channel of Probance One allows you to send notifications to visitors of your website who have agreed to receive your notifications. This tutorial will explain how to customize your subscription pop-up for notifications. 1. Functioning The subscription pop-up for notifications is displayed to all visitors of your website who are not recognized as [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"template":"","sujets":[696],"class_list":["post-30754","tutoriels","type-tutoriels","status-publish","hentry","sujets-webpush-notifications"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/tutoriels\/30754","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/tutoriels"}],"about":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/types\/tutoriels"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/users\/6"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/media?parent=30754"}],"wp:term":[{"taxonomy":"sujets","embeddable":true,"href":"https:\/\/doc.probance.com\/en\/wp-json\/wp\/v2\/sujets?post=30754"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}