Cum să trimiteți notificări push PWA (Cea ușoară)

Căutați o modalitate simplă de a adăuga notificări push PWA?

Progressive Web Apps (PWA) sunt aplicații care funcționează pe orice dispozitiv. Dar există întotdeauna un conflict cu trimiterea de notificări push web. De obicei, cea mai mare problemă o reprezintă tarifele de livrare. Puteți adăuga web push la PWA în mai multe moduri. Dar cum trimiți notificări push web care sunt livrate de fapt de la PWA?

Nu vă faceți griji! În acest articol, vă vom arăta pas cu pas cum puteți trimite notificări push PWA cu rate de livrare fiabile în mai puțin de 10 minute.

Să ne scufundăm.

Cum se instalează notificări push PWA

Adăugarea notificărilor push la un PWA este destul de simplă. Doar urmați pașii din acest articol. Dacă urmați fiecare pas, până la sfârșitul acestui articol, ar trebui să puteți trimite notificări push ca aceasta:

Principala provocare este că toate programele de notificare push web utilizează un fișier Javascript numit service_worker.js . Lucrătorul de servicii vă ajută să colectați abonați la notificări push prin intermediul unor moduri pop-up. Dar toate PWA au deja un fișier de lucrător al serviciului care servește un scop diferit. Și la un moment dat, PWA dvs. poate folosi doar un lucrător de service.

Cu cuvinte simple, serviciile web push vă încurcă PWA. Deci, uneori va colecta abonați la notificări push, iar uneori, nu. Uneori poți trimite notificări și alteori nu. S-ar putea chiar să ajungi să trimiți mesaje push către întreaga ta listă de abonați și să le primești doar câțiva abonați.

Desigur, constructorii PWA precum Mendix vin cu propriul sistem de notificare push. Dar ce se întâmplă dacă doriți să migrați la alt serviciu de notificare push? Ce se întâmplă dacă doriți mai multă flexibilitate și control asupra campaniilor dvs. de notificări push?

Vă recomandăm să utilizați PushEngage pentru a trimite notificări push PWA. PushEngage este software-ul de notificare push numărul 1 din lume. Deci, știți că campaniile dvs. sunt pe mâini sigure.

Să începem.

Pasul #1: Configurați contul dvs. PushEngage

Mergeți la pagina de pornire PushEngage și faceți clic pe butonul Începeți :

Puteți încerca PushEngage gratuit. Dacă rulați un blog mic care necesită trafic și implicare repetate, probabil că este suficient de bun. Dar dacă sunteți serios în privința vânzărilor, ar trebui să obțineți pachetul Enterprise și să deblocați campaniile automate.

După ce v-ați înscris pentru contul dvs. PushEngage, mergeți la tabloul de bord PushEngage și accesați Setări site » Detalii site :

Puteți seta logo-ul, numele site-ului și adresa URL a site-ului aici. Este foarte important să sortați aceste lucruri chiar acum, astfel încât să vă puteți testa întreaga configurație mai târziu.

Pasul 2: Obțineți codul de instalare de la PushEngage

Pentru a instala notificări push, va trebui să obțineți un cod de instalare. În ecranul Setări site , derulați în jos și faceți clic pe butonul Faceți clic aici pentru instrucțiuni de configurare :

Apoi, faceți clic pe fila Orice site :

Puteți utiliza codul Javascript pentru a începe să trimiteți notificări push.

Pasul #3: Adăugați codul de lucrător al serviciului pentru notificările push PWA

Cea mai dificilă parte a procesului este în sfârșit aici. În tabloul de bord PushEngage, sub Instrucțiuni de configurare , veți vedea și o opțiune de descărcare a fișierului de serviciu.

IMPORTANT: NU încărcați fișierul service worker în directorul rădăcină al aplicației așa cum este.

Deschideți lucrătorul de service PushEngage într-un editor de text precum Notepad și copiați codul pentru lucrătorul de service. Apoi, găsiți fișierul de lucrător de service pentru PWA și pur și simplu adăugați codul de lucrător de service PushEngage la fișier.

Dacă neglijezi acest pas, nu vei putea colecta abonați la notificări push.

Pasul #4: Configurați opțiunea PushEngage

Acum, întoarceți-vă la tabloul de bord PushEngage. Accesați Design » Popup Modals și selectați opțiunea dorită:

Ideea aici este de a oferi vizitatorilor un motiv solid pentru a se abona. Dacă aveți nevoie de ajutor în acest sens, consultați articolul nostru despre cum să creați o notificare push personalizată.

Și dacă doriți ca unele șabloane să înceapă, ar trebui să consultați acest articol despre opt-in-urile de notificare push cu conversie mare.

Pasul 5: Creați-vă prima campanie

Acum că site-ul dvs. Webflow poate trimite notificări push, ar trebui să creați o campanie reală.

Webflow nu este cu adevărat un constructor de site-uri gratuit frivol. Este un constructor avansat pentru dezvoltarea web personalizată. Deci, probabil veți vinde un produs pe pagina dvs. de destinație. Dacă ești tu, cu siguranță ar trebui să configurați un memento pentru coșul abandonat pentru magazinul dvs.

O campanie de coșuri abandonate ajută la generarea de venituri suplimentare prin conversia cărucioarelor abandonate. Este un simplu memento care vinde o mulțime de produse pe pilot automat. Deci, este o campanie grozavă pentru a sprijini orice pagină de destinație care aduce vânzări directe.

Mergeți doar la tabloul de bord PushEngage și accesați Campanii » Campanii declanșate » Creați o nouă campanie declanșată :

Apoi, selectați șablonul de campanie Abandonarea coșului :

Dacă sunteți nou în crearea de campanii de marketing automatizate, puteți pur și simplu să urmați articolul nostru despre cum să configurați o campanie de notificare push pentru coșul abandonat. Urmați fiecare pas și puteți configura notificări push ca aceasta:

Și în cazul în care vă întrebați, nu trebuie să fiți o marcă cunoscută pentru ca campaniile de notificare push să fie eficiente. De fapt, PushEngage a fost creat pentru a ajuta întreprinderile mici să se dezvolte folosind notificări push.

Dar înainte de a începe să vă comercializați site-ul, ar trebui să remediați orice probleme legate de procesul de abonare la notificarea push. Consultați acest articol despre testarea notificărilor push. Dacă totul funcționează perfect, ați terminat!

Ce să faceți după adăugarea notificărilor push PWA?

Asta e tot pentru asta, oameni buni!

Acum puteți trimite notificări push PWA. Până acum, ați creat și o campanie puternică de notificări push web pentru a vă stimula creșterea. Toate acestea, în mai puțin de 10 minute!

Aflați cum să creați și alte campanii automate de notificare push. Majoritatea campaniilor push sunt simple și eficiente. Prin urmare, vă recomandăm să configurați mai multe campanii pentru site-ul dvs. Iată câteva dintre ele grozave pentru a începe:

• Cum să trimiteți automat notificări push RSS
• Cum să configurați notificările push pentru abandonarea coșului folosind GTM
• Cum să programați notificări push într-un mod simplu [5 min. Ghid]

Și dacă nu ați făcut-o deja, începeți cu PushEngage. PushEngage este software-ul de notificare push numărul 1 din lume. Așadar, campaniile dvs. sunt pe mâini sigure.

Începeți cu PushEngage astăzi!