{"id":394,"date":"2024-06-05T12:15:51","date_gmt":"2024-06-05T10:15:51","guid":{"rendered":"https:\/\/help.pushloop.io\/place-the-unsubscribe-button-on-your-site\/"},"modified":"2024-10-16T12:42:29","modified_gmt":"2024-10-16T10:42:29","slug":"place-the-unsubscribe-button-on-your-site","status":"publish","type":"post","link":"https:\/\/help.pushloop.io\/en\/place-the-unsubscribe-button-on-your-site\/","title":{"rendered":"Place the Unsubscribe Button on Your Site"},"content":{"rendered":"\n<p>To <strong>keep a database active and engaged<\/strong>, it is essential to provide users with an easy way to unsubscribe from push notifications.  <\/p>\n\n<p>Ease of unsubscribing not only improves the user experience, but also ensures that your database consists of subscribers who are genuinely interested in your content. If users find it complicated to unsubscribe because they don&#8217;t know how to do it through the process through the browser, they may go so far as to ignore your notifications. That&#8217;s why putting an <em>Unsubscribe<\/em> button directly on your site is a smart move.  <\/p>\n\n<p>We recommend that you <strong>dedicate a specific, easily accessible area<\/strong> of your site for this button. This can be a dedicated page, the footer, a side column, or any section you see fit. <\/p>\n\n<h2 class=\"wp-block-heading\">Procedure for Inserting the Unsubscribe Button<\/h2>\n\n<p>1. <strong>Log in to the Pushloop platform:<\/strong> Go to <a href=\"http:\/\/app.pushloop.io\/login\">Pushloop<\/a> and log in with your credentials.<\/p>\n\n<p>2. Once logged in, select <strong>&#8220;Manage Sites&#8221;<\/strong> from the menu on the left.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/Manage-site-menu&#x300;.png\" alt=\"\" class=\"wp-image-129\"\/><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p>3. Click on the &#8220;Install&#8221; button next to the name of your site, under the <strong>&#8220;Action&#8221;<\/strong> column.<\/p>\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"370\" height=\"87\" src=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/pulsanti-Action.png\" alt=\"\" class=\"wp-image-130\" style=\"width:374px;height:auto\" srcset=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/pulsanti-Action.png 370w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/pulsanti-Action-300x71.png 300w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p>4. On this page, scroll down to the <strong>&#8220;Manual Integration&#8221;<\/strong> item and select it<\/p>\n\n<p>5. <strong>Copy and customize the button code:<\/strong> After clicking on <strong>&#8220;Manual Integ<\/strong>ration,&#8221; the list of manual integrations will open. <strong>Follow the instructions under 4.<\/strong> &#8220;<em>(OPTIONAL) This button allows users who are subscribed to your site to unsubscribe easily, with the option to resubscribe later. <\/em>&#8220;<\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"907\" height=\"349\" src=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/installazione-manuale-pulsante-disiscrizione.png\" alt=\"\" class=\"wp-image-140\" srcset=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/installazione-manuale-pulsante-disiscrizione.png 907w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/installazione-manuale-pulsante-disiscrizione-300x115.png 300w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/installazione-manuale-pulsante-disiscrizione-768x296.png 768w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">Unsubscribe Button Code<\/h2>\n\n<p>To properly place the unsubscribe button on your site, you need to copy the code provided and paste it into your chosen section of the site. Here&#8217;s how it will look and how you can customize it: <\/p>\n\n<h3 class=\"wp-block-heading\">Button with Bell Icon<\/h3>\n\n<p>This code will create a button with the text &#8220;UNSUBSCRIBE&#8221; and a bell icon, making the function of the button immediately clear to users, similar to the example below.<\/p>\n\n<p><button><i class=\"fa fa-bell\"><\/i>  UNSUBSCRIBE  <\/button><\/p>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-vivid-red-color has-text-color has-link-color has-small-font-size wp-elements-188f3b308ab27aa67deb8d9d54b762d0\"><strong>WARNING!<\/strong>  If your site does not have icon libraries, the bell icon inside this button will not be displayed. In that case you must arrange to import an icon library (there are plugins that do this automatically) or you can choose to use the code directly without the bell. <\/p>\n<\/blockquote>\n\n<h3 class=\"wp-block-heading\">Button Without Bell Icon<\/h3>\n\n<p>If you prefer a button without the bell icon, you can use the second code written in red. This code will create a button with only the text &#8220;UNSUBSCRIBE&#8221;, without the bell icon, similar to the one below. <\/p>\n\n<button>  UNSUBSCRIBE  <\/button>\n\n<h3 class=\"wp-block-heading\">Text Customization<\/h3>\n\n<p>In either case, you can customize the text within the button to better match the tone of voice of your site. For example, you can replace &#8220;UNSUBSCRIBE&#8221; with &#8220;UNSUBSCRIBE&#8221; or any other text you prefer. <\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<p>After copying and customizing the code, paste it into the area of the site you have chosen for the unsubscribe button.  <\/p>\n\n<p>If you need further assistance, please feel free to contact the Pushloop support team.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Guide to putting an unsubscribe button on your site.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"categories":[20],"tags":[],"class_list":["post-394","post","type-post","status-publish","format-standard","hentry","category-settings-and-customizations"],"_links":{"self":[{"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/posts\/394","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/comments?post=394"}],"version-history":[{"count":2,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/posts\/394\/revisions"}],"predecessor-version":[{"id":397,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/posts\/394\/revisions\/397"}],"wp:attachment":[{"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/media?parent=394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/categories?post=394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/tags?post=394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}