{"id":403,"date":"2024-04-18T10:15:06","date_gmt":"2024-04-18T08:15:06","guid":{"rendered":"https:\/\/help.pushloop.io\/how-to-install-pushloop-without-a-plugin\/"},"modified":"2024-10-16T12:42:30","modified_gmt":"2024-10-16T10:42:30","slug":"how-to-install-pushloop-without-a-plugin","status":"publish","type":"post","link":"https:\/\/help.pushloop.io\/en\/how-to-install-pushloop-without-a-plugin\/","title":{"rendered":"How to install Pushloop without a plugin"},"content":{"rendered":"\n<p>If you want to start using Pushloop without installing any plugins, follow this step-by-step guide. This procedure is ideal if you prefer a manual integration, if you have a custom site or if it does not support plugins. <\/p>\n\n<h2 class=\"wp-block-heading\">Register on Pushloop<\/h2>\n\n<p>Go to <a href=\"http:\/\/app.pushloop.io\/register\">app.pushloop.io\/register<\/a> to make your first login.<\/p>\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"331\" height=\"591\" src=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/Registrazione.png\" alt=\"\" class=\"wp-image-260\" srcset=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/Registrazione.png 331w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/Registrazione-168x300.png 168w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/><\/figure>\n\n<p>Fill in the required fields:<\/p>\n\n<ol class=\"wp-block-list\">\n<li>Enter your name or company name<\/li>\n\n\n\n<li>Enter the email address you want to sign up with<\/li>\n\n\n\n<li>Choose a secure and memorable password.  <\/li>\n\n\n\n<li>Confirm your choice of password<\/li>\n\n\n\n<li>Select the role under which you want to register: <strong>E-commerce<\/strong>, <strong>Avertiser<\/strong> or <strong>Publisher<\/strong><\/li>\n\n\n\n<li>Click on <strong>&#8220;Register&#8221;<\/strong><\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\">Add Pushloop code to your site<\/h2>\n\n<p>Once you have registered, the Pushloop platform will open.  <\/p>\n\n<p><strong>1. Create Code<\/strong>: In the left column, look for the &#8220;<strong>Manage Sites<\/strong>&#8221; section and click on &#8220;<strong>Add New Site<\/strong>.&#8221; Fill in the required fields, entering the name and URL of your site, and then click &#8220;<strong>Create<\/strong>.&#8221; Your site will now appear in the list of added sites.  <\/p>\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-us.googleusercontent.com\/1Uz0cVDgROSzy-NkSSTaRopOhEkeVIlPWPvLzGnF7aLSmXfFQJ4effTwDNYwODh_Z53OV-6IfWTe6b9_Y0jPhAQcvMNdW_arZTrWwUZxd2n7UwP4QMIvm925j0WvATXHi4d5jhlNMZ_V-v-c-2PGmhQ\" alt=\"\"\/><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p><strong>2. Get the code<\/strong>: now your site displayed in the <strong>&#8220;Manage<\/strong> Sites <strong>&#8220;<\/strong> area in the list of sites entered. Click on the<strong> &#8220;Install&#8221;<\/strong> button next to your site name, 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>3. On this page, scroll down to <strong>&#8220;Manual Integration&#8221;<\/strong> and select it.<\/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-9e895b37432393c0be049f7897ad0856\"><strong>Note<\/strong>: If you have a site in AMP, then you will need to select the <strong>&#8220;AMP Integration&#8221;<\/strong> item and follow the <a href=\"https:\/\/help.pushloop.io\/come-installare-pushloop-per-amp\/\"><strong>instructions from this guide<\/strong><\/a><\/p>\n<\/blockquote>\n\n<p>4. <strong>Add code<\/strong>: Enter the code found in section &#8220;2.&#8221; within <code>&lt;head&gt;<\/code> of your site.<\/p>\n\n<figure class=\"wp-block-image size-large is-resized\"><img decoding=\"async\" width=\"1024\" height=\"335\" src=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/tag-pushloop-2-1024x335.png\" alt=\"\" class=\"wp-image-147\" style=\"width:689px;height:auto\" srcset=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/tag-pushloop-2-1024x335.png 1024w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/tag-pushloop-2-300x98.png 300w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/tag-pushloop-2-768x252.png 768w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/tag-pushloop-2.png 1270w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<h2 class=\"wp-block-heading\">Install the Service Worker<\/h2>\n\n<p>Every push notification sending service uses a service worker. This is a small file with the extension <code>.js<\/code> that acts as an intermediary between your Web site and the user&#8217;s browser, managing the cache and push notifications. <\/p>\n\n<p>1. <strong>Download the service worker<\/strong>: follow the path taken above, <strong>&#8220;Manage sites&#8221;<\/strong> &gt; <strong>&#8220;Install&#8221;<\/strong> &gt; <strong>&#8220;Manual Integration&#8221;<\/strong> and download the content indicated by the <strong>&#8220;Download&#8221;<\/strong> button in section &#8220;3.&#8221;<\/p>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"125\" src=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/download-service-worker.png\" alt=\"\" class=\"wp-image-161\" srcset=\"https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/download-service-worker.png 511w, https:\/\/help.pushloop.io\/wp-content\/uploads\/2024\/06\/download-service-worker-300x73.png 300w\" sizes=\"(max-width: 511px) 100vw, 511px\" \/><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p>2. Place the file inside the root of your site.<\/p>\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n<p><strong>You have completed the installation<\/strong>. Now you can start subscribing users to your database. If you already have users subscribed to your domain on the database offered by another push notification sending service, read this tutorial to understand <a href=\"https:\/\/help.pushloop.io\/en\/?p=399\">how to migrate subscribers<\/a>.  <\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you want to start using Pushloop without installing any plugins, follow this step-by-step guide. This procedure is ideal if you prefer a manual integration, if you have a custom site or if it does not support plugins. Register on Pushloop Go to app.pushloop.io\/register to make your first login. Fill in the required fields: Add [&hellip;]<\/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-403","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\/403","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=403"}],"version-history":[{"count":2,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/posts\/403\/revisions"}],"predecessor-version":[{"id":409,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/posts\/403\/revisions\/409"}],"wp:attachment":[{"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/media?parent=403"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/categories?post=403"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/help.pushloop.io\/en\/wp-json\/wp\/v2\/tags?post=403"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}