{"id":938,"date":"2026-01-16T13:44:42","date_gmt":"2026-01-16T12:44:42","guid":{"rendered":"https:\/\/heyloyalty.com\/support\/knowledge-base\/webpush\/"},"modified":"2026-03-30T07:53:39","modified_gmt":"2026-03-30T05:53:39","slug":"webpush","status":"publish","type":"ht_kb","link":"https:\/\/guides.heyloyalty.com\/en\/help\/webpush\/","title":{"rendered":"Webpush"},"content":{"rendered":"<div class=\"wp-block-post-date__modified-date wp-block-post-date\"><time datetime=\"2026-03-30T07:53:39+02:00\">30. March 2026<\/time><\/div>\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><strong>Webpush: What is it and what does it require? <\/strong><br><br>Webpush is an addon in Heyloyalty. <br><br>In addition to making sure you have access to Webpush, you need to have the integration set up. Find a guide to setting up the integration below. <br><br>Send small, effective push notifications directly to the recipient&#8217;s browser and drive increased traffic to your website. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ops\u00e6tning af Webpush-integrationen <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Setup Webpush by clicking on Integrations &#8211;&gt; List Integrations &#8211;&gt; Webpush &#8211;&gt; Setup Integration &#8211;&gt; Create new Webpush <\/p>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6a457c0283ee8&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6a457c0283ee8\" class=\"wp-block-image size-full wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"911\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/heyloyalty.com\/support\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2.png\" alt=\"\" class=\"wp-image-409\" style=\"box-shadow:var(--wp--preset--shadow--natural)\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2.png 1920w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-300x142.png 300w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-1024x486.png 1024w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-768x364.png 768w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-50x24.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-1536x729.png 1536w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-60x28.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/1.1-Webpush-2-100x47.png 100w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Fill in the fields. Make sure to fill in <strong>File path <\/strong>with an exact name. <strong>Heyloyalty <\/strong>strongly recommends that you enter <em>\/webpushworker.js<\/em> here. <strong>Opt-in delay <\/strong>is typically <strong>5<\/strong> seconds. It defines how many seconds a user must be on your website before the option to sign up for web push notifications on your website appears. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Under <strong>Default icon <\/strong>many choose to add their company logo. This way, your logo will be included by default in the webpush messages you send.  Du kan dog til enhver tid \u00e6ndre dette ikon ifm. ops\u00e6tningen af webpush-kampagnen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finish with Save integration. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Implementation of Webpush (workerfile and script) <\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Integrations <\/strong>&#8211;&gt; <strong>List Integrations &#8212;<\/strong>&gt; <strong>Webpush <\/strong>&#8211;&gt; <strong>Edit Integration&#8211;<\/strong>&gt;  <strong>\u205d <\/strong>&#8211;&gt; <strong>Installation wizard <\/strong>&#8211;&gt; <strong>Open worker file. <\/strong>When you click <strong>open worker file <\/strong>a new window opens. I dette vindue h\u00f8jreklikker du og v\u00e6lger <strong>Gem som<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Save the file to your desktop and name the file precisely: webpushworker. Before you click Save, make sure that the File Type is set to JavaScript File. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This file should now be placed in the root of your website. For this, you can use a program like Filezilla.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Go back to the window with the <strong>installation guide<\/strong>. If you clicked away from there, find it here: Integrations &#8211;&gt; List integrations &#8211;&gt; Web push &#8211;&gt; Edit integration &#8211;&gt;\u205d &#8211;&gt; Installation guide. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Select and copy the script in the light grey box and paste it on your website on all the pages from which a visitor should have the opportunity to sign up for webpush notifications from your site. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\"><form role=\"search\" method=\"get\" action=\"https:\/\/guides.heyloyalty.com\/en\/\" class=\"wp-block-search__button-outside wp-block-search__icon-button wp-block-search\"    ><label class=\"wp-block-search__label\" for=\"wp-block-search__input-1\" >Didn&#8217;t find what you were looking for?<\/label><div class=\"wp-block-search__inside-wrapper\" ><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"Search for topics, features or pages\" value=\"\" type=\"search\" name=\"s\" required \/><button aria-label=\"Search\" class=\"wp-block-search__button has-icon wp-element-button\" type=\"submit\" ><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form>\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f56f613f wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"208\" height=\"118\" src=\"https:\/\/heyloyalty.com\/support\/wp-content\/uploads\/sites\/2\/2026\/01\/HL-Logo.png\" alt=\"\" class=\"wp-image-85\" style=\"width:108px;height:auto\" srcset=\"https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/HL-Logo.png 208w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/HL-Logo-50x28.png 50w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/HL-Logo-60x34.png 60w, https:\/\/guides.heyloyalty.com\/wp-content\/uploads\/sites\/2\/2026\/01\/HL-Logo-100x57.png 100w\" sizes=\"(max-width: 208px) 100vw, 208px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><br>If you need information or help that you cannot find here on the guide site, you are always welcome to contact our support! <br><a href=\"mailto:support@ubivox.com\">support@heyloyalty.com<\/a> \/ tel. 87 300 399<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ops\u00e6tning af Webpush-integrationen Setup Webpush by clicking on Integrations &#8211;&gt; List Integrations &#8211;&gt; Webpush &#8211;&gt; Setup Integration &#8211;&gt; Create new Webpush Fill in the fields. Make sure to fill in File path with an exact name. Heyloyalty strongly recommends that you enter \/webpushworker.js here. Opt-in delay is typically 5 seconds&#8230;.<\/p>\n","protected":false},"author":6,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[75,74],"ht-kb-tag":[],"class_list":["post-938","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-web-push","ht_kb_category-addon-til-heyloyalty"],"_links":{"self":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb\/938","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/comments?post=938"}],"version-history":[{"count":3,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb\/938\/revisions"}],"predecessor-version":[{"id":3233,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb\/938\/revisions\/3233"}],"wp:attachment":[{"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/media?parent=938"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb-category?post=938"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/guides.heyloyalty.com\/en\/wp-json\/wp\/v2\/ht-kb-tag?post=938"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}