Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać powiadomienia Web Push do twojej witryny WordPress

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Zastanawiasz się, jak dodać powiadomienia web push do twojej witryny WordPress?

Powiadomienia push pozwalają wysyłać wiadomości do użytkowników nawet wtedy, gdy nie są oni na Twojej witrynie internetowej. Pomaga to sprowadzić użytkowników z powrotem na twoją witrynę internetową, zwiększyć ruch i zarobić więcej pieniędzy.

W tym artykule pokażemy, jak łatwo dodać powiadomienia web push do twojej witryny WordPress.

Add web push notifications to your WordPress site

W naszym poradniku omówimy wszystko, co musisz wiedzieć o wysyłaniu powiadomień push, a za pomocą poniższych szybkich odnośników możesz przejść do różnych sekcji:

Czym są powiadomienia push?

Powiadomienia push to krótkie, klikalne komunikaty, które pojawiają się jako wyskakujące okienko na komputerach stacjonarnych lub urządzeniach mobilnych użytkowników.

Wyświetlają się na pulpicie lub w obszarze powiadomień na urządzeniu mobilnym. Najlepsze jest to, że mogą być wyświetlane nawet wtedy, gdy przeglądarka użytkownika nie jest otwarta.

Oto przykład powiadomienia push.

Web Push Notification desktop preview

Powiadomienia push pozwalają dotrzeć do użytkowników na różnych urządzeniach z twoimi najnowszymi aktualizacjami i ofertami, dzięki czemu są skutecznym sposobem na przekształcenie odwiedzających witrynę internetową w lojalnych obserwujących i klientów.

Dlaczego warto dodać powiadomienia Web Push do twojej witryny WordPress?

Czy wiesz, że 70% osób, które opuszczają twoją witrynę internetową, nigdy na nią nie wraca? Właśnie dlatego musisz przekształcić tych odwiedzających witrynę WordPress w subskrybentów i klientów.

Można to zrobić, korzystając z wielu kanałów jednocześnie. Mogą to być e-mail marketing, media społecznościowe, marketing mobilny lub SMS oraz powiadomienia web push.

Listy mailingowe są nadal najpotężniejszymi dostępnymi narzędziami marketingowymi, a 51% konsumentów woli kontaktować się z firmami za pośrednictwem poczty elektronicznej. Okazuje się jednak, że powiadomienia push są również bardzo skuteczne.

Na witrynie WPBeginner powiadomienia push są stale jednym z 5 najlepszych źródeł ruchu.

Oto tylko niektóre z powodów, dla których powiadomienia push są doskonałym narzędziem marketingowym:

  • Użytkownicy muszą wyrazić wyraźną zgodę na otrzymywanie powiadomień push. Oznacza to, że są już zainteresowani tym, co masz do zaoferowania i są bardziej skłonni do angażowania się w powiadomienia.
  • Powiadomienia push są krótsze i wymagają mniej uwagi niż wiadomości e-mail lub aktualizacje w mediach społecznościowych.
  • Nie ma algorytmu, jak w mediach społecznościowych, który ograniczałby twój zasięg. Prawie 100% wiadomości jest dostarczanych.
  • Użytkownicy mogą kontrolować sposób wyświetlania powiadomień na swoich urządzeniach. Mogą je wyciszyć lub całkowicie wyłączyć.
  • Nie tak wiele firm korzysta z powiadomień push.

Popularne witryny, w tym Facebook, Pinterest, LinkedIn i wiele innych, rozumieją znaczenie i już wykorzystują powiadomienia web push jako strategię marketingową.

Powiadomienia push mają 10-krotnie wyższy wskaźnik otwarć niż e-mail i 14-krotnie wyższy wskaźnik kliknięć. Są bardziej angażujące niż SMS-y, e-mail marketing i platformy mediów społecznościowych.

Powiedziawszy to, przyjrzyjmy się, jak łatwo dodać powiadomienia web push do witryny internetowej WordPress.

Konfiguracja powiadomień Web Push w WordPress za pomocą PushEngage

PushEngage to najlepsza na rynku usługa powiadomień push, która umożliwia łatwe dodawanie powiadomień push do twojej witryny WordPress.

Pozwala to łączyć się z odwiedzającymi nawet po opuszczeniu Twojej witryny za pomocą ukierunkowanych wiadomości push.

Krok 1: Utworzenie twojego konta PushEngage

Najpierw należy przejść do witryny internetowej PushEngage i kliknąć przycisk „Get Started For Free Now”.

PushEngage

Darmowy plan obejmuje do 200 subskrybentów i 30 kampanii powiadomień miesięcznie. Będziesz musiał dokonać aktualizacji, gdy zdobędziesz więcej subskrybentów i będziesz musiał wysyłać więcej kampanii.

Po wybraniu planu cenowego należy utworzyć konto PushEngage. Do rejestracji można użyć Twojego istniejącego konta Google lub utworzyć nowe konto.

Register for a PushEngage account

Gdy to zrobisz, zostaniesz przeniesiony na stronę „Skonfiguruj swoje konto”, gdzie musisz dodać domenę witryny internetowej, branżę i wielkość firmy.

Twoja subdomena zostanie automatycznie wygenerowana zgodnie z tymi informacjami. Następnie będziesz musiał podać dane Twojej karty kredytowej.

Provide website details to complete the signup process

Po zarejestrowaniu się zostaniesz przeniesiony do twojego kokpitu PushEngage.

Pamiętaj, że jeśli zarejestrowałeś się przy użyciu konta Google, to tutaj będziesz musiał podać dane swojej witryny internetowej.

Gdy to zrobisz, przejdź na stronę Ustawienia witryny ” Szczegóły witryny z lewej kolumny w kokpicie PushEngage.

W tym miejscu możesz edytować nazwę witryny i adres URL, jeśli chcesz. Następnie należy przesłać obrazek, który będzie używany jako ikonka witryny dla twoich powiadomień web push.

Aby to zrobić, kliknij przycisk „Wybierz obrazek”.

Choose an icon image for push notifications

Spowoduje to wyświetlenie na ekranie monitu o przesłanie obrazka z twojego komputera.

Możesz również dodać obrazek używając jego adresu URL. Po wybraniu obrazka wystarczy kliknąć przycisk „Użyj”.

Następnie nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.

Upload an image from the computer

Pamiętaj, że twój obrazek musi być w formacie PNG lub JPG, a zalecany rozmiar to 192×192.

Uzupełniłeś teraz kluczowe informacje dla twojego konta PushEngage.

Krok 2: Połączenie twojej witryny WordPress z PushEngage

Następnym krokiem jest połączenie Twojej witryny internetowej WordPress z PushEngage.

W tym celu należy zainstalować i włączyć wtyczkę PushEngage WordPress. Więcej szczegółów można znaleźć w naszym przewodniku krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu na twoim ekranie pojawi się komunikat „Witamy w kreatorze konfiguracji PushEngage!”, w którym należy kliknąć przycisk „Połącz istniejące konto”.

Click Connect to your existing account button

Spowoduje to otwarcie monitu „Add Your Site to PushEngage” w nowym oknie. Tutaj musisz upewnić się, że witryna zarejestrowana w PushEngage jest tą samą, której używasz teraz.

Następnie wystarczy kliknąć przycisk „Rozpocznijmy”.

Connect PushEngage account to WordPress

Po połączeniu konta PushEngage z WordPressem, na twoim ekranie uruchomi się kreator konfiguracji, który możesz skonfigurować według własnych upodobań.

Po zakończeniu kliknij przycisk „PushEngage Dashboard”, aby zostać przekierowanym do twojego kokpitu WordPress.

Click the PushEngage dashboard button in the setup wizard

Teraz nadszedł czas, abyś zaczął tworzyć powiadomienia web push dla twojego bloga lub witryny internetowej WordPress.

Krok 3: Konfiguracja twoich powiadomień push

Aby utworzyć powiadomienie push, przejdź do strony PushEngage ” Kampanie i kliknij przycisk „Utwórz nowe”.

Spowoduje to przekierowanie do ekranu „Create New Push Broadcast” w twoim kokpicie WordPress.

Create a new push engage campaign by clicking the Add New button

W tym miejscu możesz zacząć od wpisania nazwy twojego powiadomienia push w polu „Tytuł powiadomienia”. Następnie w polu „Message” należy wpisać rodzaj wiadomości, która ma być wyświetlana w powiadomieniu push.

Następnie należy dodać adres URL twojej witryny internetowej do pola „Adres URL powiadomienia”.

Po dodaniu tytułu i wiadomości będziesz mógł zobaczyć podgląd twojego powiadomienia push w prawym rogu ekranu.

Type the title, message, and URL for the push notification

Następnie przewiń w dół do sekcji „Show Large Image” i włącz przełącznik, jeśli chcesz dodać obrazek do twojego powiadomienia push.

Obrazek ten będzie wyświetlany w górnej części twojego powiadomienia i nie będzie zakłócał wyrównania tytułu powiadomienia i wiadomości.

Add image to the push notification

Następnie przewiń w dół do sekcji „Czas trwania powiadomienia” i włącz przełącznik.

Gdy to zrobisz, możesz teraz zaznaczyć opcję „Utrzymuj powiadomienie otwarte do czasu interakcji”. Oznacza to, że powiadomienie będzie stale wyświetlane, chyba że użytkownik wejdzie z nim w interakcję.

Możesz również dostosować czas trwania powiadomienia push z rozwijanego menu. To ustawienie określa, jak długo będzie wyświetlane powiadomienie push.

Należy pamiętać, że funkcje te działają tylko w Chrome 47 i nowszych wersjach, a nie w innych przeglądarkach.

Po skonfigurowaniu ustawień wystarczy kliknąć przycisk „Zapisz i wybierz odbiorców” u góry.

Add duration for push notification

Spowoduje to przejście do następnego kroku, w którym należy wybrać odbiorców, do których mają być wysyłane powiadomienia push.

Tutaj wybierzemy opcję „Wyślij do wszystkich subskrybentów”, aby nasze powiadomienie push zostało wyświetlone wszystkim naszym subskrybentom.

Następnie kliknij przycisk „Wyślij/Planuj” u góry, aby przejść dalej.

Choose an audience to send push notifications

W następnym kroku musisz zaplanować czas powiadomień web push.

Na przykład, jeśli chcesz natychmiast rozpocząć wysyłanie twoich powiadomień push, możesz wybrać opcję „Rozpocznij wysyłanie natychmiast”. Możesz jednak również zaplanować wysyłanie twojego powiadomienia o określonej godzinie lub przekształcić je w powtarzające się powiadomienie push.

Należy jednak pamiętać, że aby uzyskać dostęp do tych dwóch funkcji, potrzebny jest płatny plan PushEngage.

Schedule and send your notification to your users

Na koniec kliknij przycisk „Wyślij powiadomienie teraz”, aby zapisać twoją kampanię i rozpocząć wysyłanie powiadomień web push.

Po skonfigurowaniu powiadomień push najlepszą praktyką jest sprawdzenie, czy działają one zgodnie z oczekiwaniami.

Aby przetestować powiadomienia push, otwórz twoją witrynę internetową na komputerze lub telefonie. Tutaj powinieneś natychmiast zobaczyć właśnie utworzone powiadomienie web push.

Oto nasza wersja na komputerze stacjonarnym:

Push notification preview

Należy jednak pamiętać, że to powiadomienie web push będzie wyświetlane tylko użytkownikom, którzy są częścią twojej listy subskrybentów PushEngage.

Tworzenie listy subskrybentów za pomocą PushEngage

Jeśli nie masz jeszcze listy subskrybentów z PushEngage, musisz przejść na stronę PushEngage ” Design z panelu bocznego administratora WordPress.

Gdy już tam będziesz, po prostu włącz przełącznik dla szablonu popup, który ci się podoba. Następnie kliknij przycisk „Edytuj wyskakujące okienko”.

Choose popup template

Spowoduje to otwarcie kokpitu witryny PushEngage na nowej stronie.

Z tego miejsca możesz skonfigurować układ, wiadomość i zasady subskrypcji dla twojego wyskakującego okienka.

Po zakończeniu nie zapomnij kliknąć przycisku „Zapisz i wybierz opcje wyświetlania” u góry.

Configure popup design

Wyświetlą się teraz opcje wyświetlania, w których można wybrać czas trwania pliku ciasteczka, włączyć wyzwalacz subskrypcji i nie tylko.

Na koniec kliknij przycisk „Zapisz i włącz wyskakujące okienko”, aby zapisać twoje ustawienia i włączyć wyskakujące okienko.

Save and enable popup

Teraz musisz przejść na twoją witrynę internetową za pomocą innego konta Google. Tutaj zobaczysz wyskakujące okienko w górnej części Twojej witryny internetowej z prośbą o zezwolenie na wyświetlanie powiadomień.

Teraz, gdy użytkownicy klikną przycisk „Zezwól”, automatycznie staną się częścią twojej listy dozwolonych subskrybentów PushEngage.

Allow notification preview

Wysyłanie powiadomień push do subskrybentów za każdym razem, gdy publikujesz nowy wpis na WordPressie

Dzięki PushEngage możesz również wysyłać powiadomienia push do subskrybentów za każdym razem, gdy publikujesz wpis na blogu w WordPress.

Aby to zrobić, przejdź na stronę PushEngage ” Ustawienia z kokpitu WordPress i przełącz się na kartę „Ustawienia Auto Push”. W tym miejscu przełącz przełącznik „Auto Push” na włączanie.

Następnie musisz wybrać, czy chcesz wyświetlać wyróżniający się obrazek wpisu w powiadomieniu push i włączyć przyciski wielozadaniowe.

Toggle auto push switch

Dzięki wpisom z wieloma działaniami możesz pozwolić użytkownikom na interakcję z powiadomieniami push na wiele sposobów, np. przejdź na twój wpis na blogu, zasubskrybuj twój kanał YouTube i zapisz się do newslettera e-mail.

Można również użyć wyróżniającego obrazka wpisu na blogu lub ikony witryny jako obrazu ikony powiadomienia.

Na koniec kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.

Teraz utwórz nowy wpis w edytorze bloków WordPress i przewiń w dół do sekcji „Ustawienia powiadomień PushEngage”.

Z tego miejsca możesz dodać tytuł i wiadomość dla twojego powiadomienia web push, a nawet wybrać dla niego grupę odbiorców.

Add title and message for blog post push notification

Gdy skończysz, po prostu kliknij przycisk „Opublikuj”, aby zapisać zmiany i udostępnić twój wpis.

Teraz twoi subskrybenci otrzymają powiadomienie o nowym wpisie na blogu w witrynie internetowej.

Preview for push notifications for blog post publications

Bonus: Skonfiguruj automatyczne powiadomienia Drip za pomocą PushEngage

Jeśli chcesz, możesz również skonfigurować automatyczne powiadomienia Drip za pomocą PushEngage. Kampanie Drip to zautomatyzowane wiadomości, które są zwykle wysyłane do subskrybentów, aby powitać ich na twojej witrynie internetowej, ogłosić wyprzedaż lub zaoferować kupony rabatowe.

Może to pomóc zwiększyć zaangażowanie użytkowników i wygenerować więcej potencjalnych klientów.

Aby skonfigurować kampanię drip, przejdź na stronę PushEngage ” Drip z kokpitu WordPress i kliknij przycisk „Utwórz nową”.

Add new drip responder

Następnie możesz zaprojektować różne powiadomienia push zgodnie z twoimi upodobaniami. Możesz dodać tytuł, wiadomość, adres URL lub obrazek ikonki, rozwijając każde powiadomienie.

Gdy to zrobisz, PushEngage pozwoli ci wybrać, kiedy wysłać każde powiadomienie z kampanii. Możesz na przykład wysłać pierwsze powiadomienie push, gdy użytkownik dołączy do Twojej listy subskrybentów.

Aby to zrobić, wystarczy kliknąć menu rozwijane „Wyślij powiadomienie”.

Select when to send the notification

Następnie możesz ustawić różne czasy dla każdego powiadomienia w twojej kampanii. Możesz również wysyłać określone powiadomienia do wybranej grupy odbiorców spośród twoich subskrybentów.

Po zakończeniu nie zapomnij kliknąć przycisku „Włącz Autoresponder”, aby włączyć automatyczne powiadomienia push. Aby uzyskać bardziej szczegółowe instrukcje, możesz zapoznać się z naszym poradnikiem na temat konfigurowania automatycznych powiadomień Drip w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać powiadomienia web push do twojej witryny WordPress. Zachęcamy również do zapoznania się z naszym przewodnikiem dla początkujących na temat budowania listy mailing owej oraz wyborem najlepszych usług e-mail marketingu dla małych firm.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

61 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez says

    I really like this feature of the plugin, I used to see in many website, one signup by users, the notification features alerts visitors even without needing to login.

  3. mohadese esmaeeli says

    Is Push Notification still practical? I have heard a lot that it can be intrusive or weary users. In your opinion, is it recommended to use it?

    • WPBeginner Support says

      If done poorly they can cause problems for your users but if you keep your push notifications helpful then they are still a good tool to use.

      Administrator

    • Moinuddin Waheed says

      I think it should be use with very much caution.
      I used to think its usability and its positive sides but recently as I subscribed to
      some websites push notifications, as soon as I open my chrome browser, it starts
      bombarding with so many push notifications and it feels really annoying at times.
      It doesn’t let us do any thing until and unless we either close or click on the link.
      We should use it but in a very limited sense of use and with limited number of push
      notifications.

  4. Ralph says

    I was alywas thinking about implementing push notifications on my website but I consider them to be spamy myself. I always block them as soon I see them and think people do the same, but maybe I am wrong?
    Is it really so much better than email marketing? In my country it is reported that 50-55% of web users are using adblockers so I don’t know if I should try it.

    • WPBeginner Support says

      It depends on your product and how you use them. If used poorly any method can be considered spam but there are also plenty of ways to make a tool useful for your users.

      Administrator

  5. Moinuddin Waheed says

    I was looking for a way to use push notifications on my website and I found this article by push notification. This post includes all that is required to send a push notification and keep the post engaging and to keep the website traffic intact.
    I want to know if we can build an email list through this push notification and if we can send our posts or articles to that subscribers list. if so, then do we need other email building lists or this push engage will suffice.
    I am new to WordPress , so may be my question may seem weird to you.
    once again,Thank you for this amazing post.

  6. Mic says

    Thanks for this post. I guess I may agree with you regarding OneSignal’s support. I’m also switching to PushEngage.

  7. jasen hudson says

    I am seriously looking for a blog like this So wonderfully you have explained easily to set up the push notification to the website.

    • WPBeginner Support says

      It would depend on the tools you are using, if you reach out to the plugin’s support with your specific setup they may be able to assist.

      Administrator

    • WPBeginner Support says

      You may be using a blocker or other tool that is preventing you from seeing our notification request.

      Administrator

  8. Odins says

    Please which software are they using to blur out private information of certain parts of images and the red circle stuff they are using to emphasize certain stuffs

  9. kovin says

    hello guys
    i have a social network and i would like whenever someone like or comments or sent a message to one of his friends that friend will receive a push notification
    is that possible with this plugin

    please guys need your assistance thank you.

    • WPBeginner Support says

      You would need to reach out to the support for the plugin you are using for creating the friends list to see if they have the ability to work with push notifications.

      Administrator

  10. Deepak Baghel says

    Thank You for share valueable notes it really help me to send push notification to my users. Thank You

  11. Sasha Lizaveta says

    Hi,

    Is there a way to exclude the notification prompt from certain pages in our WordPress site such as from the opt-in email pages?

    Regards,
    Sasha

    • WPBeginner Support says

      If you reach out to the plugin’s support they will let you know how to set that up :)

      Administrator

    • WPBeginner Support says

      We can certainly understand disliking them but some users have found these alerts useful and when used properly they can be used for good :)

      Administrator

  12. Alekciss says

    Hi, nice work !

    I would like to know if using a web push notification is against Adsense Policy.

    Thank you in advance !

    • Muhammad Junaid says

      I am using it on my Adsense enabled website. Also, they told that starting from January 2019 we will be able to send web push to 30000 subscribers. Anything beyond that will require an upgrade to the paid plan. For mobile app subscribers, we will be able to send unlimited messages.

  13. Vandana says

    Hello Sir,
    I am doing everything correctly but there is no button to enable google messaging service

    Ca you plz help me

  14. Ashley Bailey says

    Under Step 1, the setting fields have changed under the Configuration tab.

    It’s not called Sender ID anymore. Where do I put the sender ID?

  15. Saurabh says

    Hi, How can I setup Push notification on my subfolder website? I have followed the above-mentioned steps but it is not working. Although I have successfully implemented it on my other website but I am not able to implement it on subfolder website

  16. subramanyam says

    I didn’t whatever you said, but nothing works to me, I didn’t get push notification image. Please kindly suggest me.

    Note: I didn’t add any image while it ask me.

  17. Mihai says

    great tutorial.

    I see that Amazon have also a push notification offer with a great price.

    A tutorial with amazon integration would be great for your subscribers (and for me) because there are not many plugins yet for this

  18. Tim Boehm says

    This was a good article. I am a little confused though as to how this compares to 'Notifications’ that is already a tool with the Jetpack plugin?

    Love the site and find it enormously helpful.

    thx
    Tim

  19. Dragam says

    Tried it and is working about fine, but after a while Firefox users just stop receiving updates. Chrome users do not have the same issue. Even if you apply again to receive notifications, it doesn’t work for Firefox users. Well at least on my site.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.