Looking for a way to add web push notifications to your website?
Push notifications can help you generate a lot of traffic, engagement, and sales on autopilot and with very little effort. But a major question is how do you even do it?
In this article, we’ll show you how to add push notifications to your website even if you’ve never done it before.
För den här artikeln kommer vi att använda PushEngage för att konfigurera push-notiser på din webbplats. PushEngage är den främsta push-notisprogramvaran i världen. Så dina kampanjer kommer att vara i goda händer.
Låt oss dyka in.
Hur man installerar push-notiser på din webbplats
Let’s start with a preview of what you can expect as a result of this article. If you follow these steps, by the end of this article, you should be able to send push notifications from your site like this one:
It doesn’t matter what your website was built with. No matter what tech stack you used to develop your site, you can always install push notifications on your site. We’ll cover all of that in the next few segments.
Låt oss dyka in.
Steg #1: Konfigurera ditt PushEngage-konto
Gå till PushEngages startsida och klicka på knappen Kom igång:
Du kan välja gratisplanen för att prova PushEngage, eller välja en betald plan om du menar allvar med att växa ditt företag. De betalda planerna kommer med fler kampanjalternativ och möjligheten att bygga ännu större prenumerantlistor.
När du har registrerat ett konto, gå till PushEngage-instrumentpanelen och navigera till Inställningar » Webbplatsinställningar » Installationsinställningar:
Här konfigurerar du dina webbplatsdetaljer och varumärke. Fortsätt och ställ in en logotyp och webbplats-URL för dina push-notiser. Du bör göra detta nu så att du kan testa dina push-notiser ordentligt.
Steg #2: Hämta installationskoden från PushEngage
Därefter måste du gå till PushEngage-instrumentpanelen och hämta installationskoden. Gå till Inställningar » Webbplatsinställningar » Installationsinställningar:
This is where things start to get a little bit technical.
Inside this tab, you’ll see that you can get a different code for different types of websites.
Find the right one for your site and copy it.
Om du driver en webbplats på ett CMS som inte finns listat i fliken kan du gå till antingen HTTP- eller HTTPS-flikarna beroende på om din webbplats har ett SSL-certifikat installerat.
En mycket viktig del av det här steget om du använder en HTTPS-webbplats är att ha åtkomst till din servers rotmapp. För att push-notiser ska fungera på en HTTPS-webbplats måste du ladda ner service-worker.js-filen från samma flik. Och sedan ladda upp den till din rotmapp.
NOTE: If you can’t upload the service-worker file to the root folder, you have the option to upload the file to another folder. Go to PushEngage Dashboard » Settings » Site Settings » Advanced Settings.
Just follow the instruction in the Service Worker Settings and you’re golden:
Och det är allt!
Du har framgångsrikt installerat webb push-meddelanden till WordPress utan att använda ett plugin.
Step #3: Placing the Installation Code In Your Site’s HTML
Essentially, no matter what type of website you have, you’ll want to place this installation code in the HTML <head> of your website. And the process to do this is different for different platforms. If you’d like to get a platform-specific guide on how to install web push notifications to your website, check out these resources:
- Installera push-notiser på WordPress
- Installera push-notiser på WooCommerce
- Installera push-notiser på Wix
- Installera push-notiser på Zoho
- Installera push-notiser på Volusion
- Installera push-notiser på Weebly
- Installera push-notiser på ClickFunnels
- Installera push-notiser på PrestaShop
- Installera push-notiser på OpenCart
- Installera push-meddelanden på CS-Cart
- Installera push-meddelanden på Squarespace
If you’re running a custom site built on HTML, you’ll know exactly where to place the code. But The process of placing the installation code in the head of your site will change based on your CMS or website builder.
For certain CMSs, you can insert your installation code directly from your dashboard. In other instances as with PrestaShop, you’ll need to use the PushEngage API Key instead. So, we recommend following these platform-specific tutorials for any other site.
Steg #4: Konfigurera PushEngage Opt-In
Slutligen, gå till din PushEngage-instrumentpanel, navigera till Inställningar » Prenumerationsinställningar » Prenumerationsdialogruta » Redigera:
Här kan du anpassa din opt-in för push-notiser. Om du behöver hjälp med det bör du kolla in den här artikeln om hur du skapar en anpassad opt-in för push-notiser.
Om du behöver lite inspiration kan du kolla in den här artikeln om högkonverterande push-notis-opt-ins.
Steg #5: Skapa ett välkomstmeddelande
När du är klar med att ställa in opt-in kan din webbplats samla in prenumeranter.
Men hur vet du om dina push-notiser fungerar korrekt?
Vi rekommenderar att du skapar ett välkomstmeddelande för att testa om din installation gick smidigt. Ett välkomstmeddelande är ett pushmeddelande som du skickar till en ny prenumerant för att bekräfta deras prenumeration och välkomna dem ombord.
Gå till Inställningar » Webbplatsinställningar » Installationsinställningar och konfigurera ditt välkomstmeddelande:
Slutligen, gå tillbaka till din webbplats och välj dina egna pushmeddelanden för att testa om allt fungerar smidigt.
Och det var allt!
Du har nu konfigurerat webb push-notiser på din webbplats. Det är dags att gå tillbaka till din PushEngage-instrumentpanel och börja skapa dina push-notiskampanjer.
Avslutning
Det var allt för den här gången, gott folk!
Om du är nybörjare på pushmeddelanden bör du följa en fullständig testprocess för pushmeddelanden innan du går live. Det hjälper dig att felsöka vanliga problem innan dina besökare ser dem och börjar klaga på en trasig användarupplevelse.
Vi rekommenderar att du kontaktar våra Customer Success Managers om du fastnar med något av detta. Vi hjälper dig gärna med alla problem.
Och om du inte redan har gjort det, prova PushEngage. PushEngage är den främsta push-aviseringstjänsten i världen. Så om du menar allvar med att växa ditt företag bör du investera i PushEngage.
