Dodawanie powiadomień web push do witryny WordPress

Czy chcesz dodać powiadomienia push do swojej witryny WordPress?

Powiadomienia Push umożliwiają wysyłanie wiadomości do użytkowników, nawet gdy nie odwiedzają Twojej witryny. Pomaga to przywrócić użytkowników do swojej witryny, zwiększyć ruch i zarobić więcej pieniędzy.

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

Adding web push notifications to a WordPress website

Czym są Powiadomienia Push?

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

Pojawiają 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 w systemie Windows 10:

The welcome / thank you notification message, as seen by the user

Powiadomienia Push umożliwiają dotarcie do użytkowników na różnych urządzeniach z najnowszymi aktualizacjami i ofertami. Powiadomienia web push to bardzo skuteczny sposób na przekształcenie odwiedzających witrynę w lojalnych obserwujących i klientów.

Po co dodawać powiadomienia Web Push do witryny WordPress?

Czy wiesz, że 70% osób, które opuszczą Twoją stronę, nigdy nie wróci? Dlatego musisz przekonwertować tych użytkowników Witryny na subskrybentów lub klientów.

Możesz to zrobić za pomocą wielu kanałów jednocześnie. Obejmuje to e-mail marketing, media społecznościowe, marketing mobilny lub SMS oraz powiadomienia web push.

Listy e-mailowe są nadal najpotężniejszym dostępnym narzędziem marketingowym. Jednak stwierdzamy, że powiadomienia push są również bardzo skuteczne.

Na stronie WPBeginner powiadomienia push są konsekwentnie najlepszym źródłem ruchu 5.

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 częściej angażują się w Powiadomienia.
  • Powiadomienia Push są krótsze i wymagają mniejszej uwagi niż wiadomości e-mail lub aktualizacje w mediach społecznościowych.
  • Nie ma takiego algorytmu jak w mediach społecznościowych, aby ograniczyć twój zasięg. Dostarczanych jest prawie 100% wiadomości.
  • Użytkownicy mogą kontrolować sposób wyświetlania powiadomień na swoich urządzeniach. Mogą je odłożyć 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. Używają już powiadomień web push.

Według ankiety powiadomienia push mają o 50% wyższą otwartość niż e-mail i dwa razy większą liczbę kliknięć. Są bardziej angażujące niż SMS, e-mail marketing i platformy społecznościowe.

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

Konfigurowanie powiadomień web Push w WordPress z PushEngage

PushEngage to najlepsza usługa powiadomień push na rynku. Pozwala łatwo dodawać powiadomienia push do witryny WordPress.

Jesteśmy w trakcie przechodzenia na PushEngage dla WPBeginner, dzięki czemu możemy wykorzystać ich potężne funkcje automatycznej segmentacji użytkowników, aby jeszcze bardziej zwiększyć nasze zaangażowanie.

Tworzenie Konta PushEngage

Najpierw musisz przejść do strony PushEngage i kliknąć przycisk „Rozpocznij za darmo”:

PushEngage - Push Notification Software

Bezpłatny plan obejmuje do 500 subskrybentów i 30 kampanii powiadomień miesięcznie. Musisz uaktualnić, ponieważ zdobędziesz więcej subskrybentów i będziesz musiał wysłać więcej kampanii.

Po wybraniu planu cenowego musisz utworzyć konto PushEngage. Możesz użyć istniejącego konta Google, aby zarejestrować się lub utworzyć nowe konto.

Create a PushEngage account

Po rejestracji dotrzesz do Pulpitu Nawigacyjnego PushEngage. Jeśli zarejestrowałeś się za pomocą konta Google, PushEngage poprosi Cię o wprowadzenie danych witryny:

Updating your site name and URL after creating your PushEngage account

Powinieneś teraz zobaczyć Ustawienia „Ustawienia Witryny” Ustawienia Instalacji strona w pulpicie nawigacyjnym PushEngage.

Tutaj musisz przesłać obraz do wykorzystania w powiadomieniach push. Śmiało i kliknij przycisk „Zmień” poniżej pustego pola obrazu.

Adding your logo image to PushEngage

Twój obraz musi być w formacie PNG lub JPG, a zalecany rozmiar to 256x256px. Ten obraz będzie wyświetlany w powiadomieniach push.

Uzupełniłeś kluczowe informacje dla swojego konta PushEngage.

Łączenie witryny WordPress z PushEngage

Następnym krokiem jest podłączenie witryny do PushEngage.

Aby to zrobić, musisz zainstalować i aktywować wtyczkę PushEngage WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Gdy wtyczka jest aktywna, przejdź do PushEngage z panelu administracyjnego WordPress. Następnie kliknij kartę „Ustawienia” u góry. Wtyczka poprosi cię teraz o wprowadzenie klucza API.

Enter API Key

Aby uzyskać klucz API, po prostu przejdź do Ustawienia „Ustawienia witryny” klucze API na pulpicie nawigacyjnym PushEngage. Następnie kliknij przycisk „Wygeneruj nowy klucz API”:

Generating a new API key to use with PushEngage

Następnie powinieneś zobaczyć swój klucz API.

Your API key shown in the PushEngage dashboard

Następnie musisz wprowadzić klucz API we wtyczce PushEngage. Aby to zrobić, przejdź do pulpitu WordPress i przejdź do PushEngage. Następnie kliknij kartę „Ustawienia”.

Pojawi się okno klucza API. Po prostu wprowadź klucz API tutaj i kliknij przycisk „Wyślij”.

Entering the API key into the PushEngage plugin's Setup page in WordPress

Konfigurowanie Powiadomień Push

Teraz zobaczysz ustawienia PushEngage. Sprawdź, czy Ustawienia Ogólne są dla ciebie odpowiednie. Możesz zmienić dane swojego konta tutaj lub na stronie PushEngage:

Viewing your PushEngage dashboard in WordPress

Następnie nadszedł czas, aby skonfigurować wiadomość, którą ludzie zobaczą, gdy pojawią się na twojej stronie. Wystarczy kliknąć zakładkę „okno dialogowe subskrypcji”, aby wyświetlić I zmienić ustawienia.

Changing the text in your subscription dialogbox

Zobaczysz swoje logo w wiadomości, a także domyślny tekst. Możesz to zmienić na własną wiadomość. Nie zapomnij kliknąć przycisku „Aktualizuj Ustawienia Optin”, aby zapisać zmiany.

Make sure you click the update button to save your changes to the subscription dialogbox

Poniżej możesz zmienić komunikat wyświetlany na stronie pośredniej. Jest to strona, która pojawia się po pierwszym kliknięciu przez użytkownika Zezwól.

Uwaga: Nie możesz zmienić tego, co jest wyświetlane w wyskakującym okienku przeglądarki. Będzie to zawsze mieć tekst „Pokaż powiadomienia” oraz przyciski Zezwalaj i blokuj.

Wystarczy wpisać tekst, którego chcesz użyć. Nie zapomnij kliknąć przycisku „Aktualizuj Ustawienia strony”.

Changing the intermediate page text in the PushEngage dashboard

Możesz utworzyć powiadomienie powitalne, aby podziękować ludziom za subskrypcję. Pozwala to również łatwo sprawdzić, czy powiadomienia działają.

Wystarczy kliknąć zakładkę „Ustawienia powiadomień powitalnych”, aby ją skonfigurować. Tutaj musisz wpisać tytuł i wiadomość dla powiadomienia powitalnego. Możesz użyć strony głównej jako adresu URL lub wysłać użytkowników do określonej strony.

Upewnij się, że zaznaczyłeś pole „Wyślij powiadomienia Powitalne do subskrybentów”, aby aktywować powiadomienia powitalne. Musisz również kliknąć przycisk Aktualizuj, aby zapisać zmiany.

Setting up your welcome notification in PushEngage

Testowanie powiadomień Push w Twojej witrynie

Po skonfigurowaniu powiadomień push najlepiej sprawdzić, czy działają one zgodnie z oczekiwaniami.

Aby przetestować powiadomienia push, otwórz witrynę na komputerze lub telefonie.

Powinieneś natychmiast zobaczyć skonfigurowane okno dialogowe subskrypcja. Oto nasz na komputerze stacjonarnym:

The subscription dialogbox live on the website

A oto nasz dialogbox subskrypcji na urządzeniu mobilnym:

The subscription dialogbox on a mobile

Śmiało i kliknij przycisk „Zezwól”. Następnie powinieneś zobaczyć stronę pośrednią w wyskakującym oknie. Oto jak to wygląda na komputerze:

The live view of the intermediate page set up with PushEngage

Tutaj też musisz kliknąć „Zezwól”. Teraz pomyślnie zasubskrybowałeś powiadomienia push ze swojej witryny.

Powiadomienie powitalne powinno pojawić się na ekranie w ciągu kilku minut. Oto nasz, pokazujący wiadomość powitalną, którą stworzyliśmy wcześniej:

The welcome / thank you notification message, as seen by the user

Co zrobić, jeśli użytkownik zdecyduje się nie włączać powiadomień, ale później chce subskrybować? Jest to automatycznie włączane za pomocą funkcji PushEngage. Użytkownik zobaczy widżet dzwonka w prawym dolnym rogu witryny:

The bell notification widget at the bottom of the demo website

Mogą po prostu kliknąć na to, aby zasubskrybować Twoją witrynę. Aby zmienić widżet powiadomienia dzwonka, po prostu przejdź do Ustawienia „Ustawienia subskrypcji” Zarządzanie Opt-in na twoim koncie PushEngage.

Możesz zmienić kolor, pozycję i etykietę widżetu:

Customizing the bell notification widget in PushEngage

Możesz nawet zamienić dzwonek na przycisk, który pojawia się z boku strony w ten sposób:

A button notification widget shown on the demo website

Wysyłanie powiadomień Push do subskrybentów

Domyślnie PushEngage wyśle powiadomienie dla każdego nowego posta. Powiadomienia te będą zawierać tytuł postu i małą wersję polecanego obrazu. Gdy użytkownik kliknie powiadomienie, zostanie przeniesiony bezpośrednio do Twojego posta na blogu:

An automatic new post notification, as seen by the user

Jeśli nie chcesz automatycznych powiadomień, możesz je wyłączyć, odwiedzając stronę PushEngage ” Ustawienia Ogólne w panelu WordPress.

Po prostu przewiń w dół do sekcji „Ustawienia postów WordPress” i odznacz pole „Auto Push”. Nie zapomnij kliknąć przycisku „Zapisz Ustawienia WordPress”.

Turning off the automatic post notifications in the WordPress PushEngage dashboard

Możesz tworzyć niestandardowe powiadomienia w dowolnym momencie w PushEngage. Po prostu zaloguj się na swoje konto na stronie PushEngage, a następnie przejdź do Powiadomienia „Utwórz” Nowe Powiadomienie.

Ten ekran daje możliwość ustawienia tytułu, wiadomości, adresu URL, obrazu i innych. Możesz zaplanować wysyłanie powiadomień w późniejszym czasie lub wysłać je natychmiast.

Tip: Jeśli wstępnie planujesz powiadomienia, upewnij się, że Twoja strefa czasowa jest prawidłowa. Łatwo to sprawdzić lub zmienić pod Ustawienia „Ustawienia Witryny” Preferencje Witryny na twoim koncie na stronie PushEngage.

Stworzyliśmy specjalne powiadomienie dla naszego wpisu na blogu z niestandardowym tytułem i wiadomością.

Creating a new notification in your PushEngage account

Inne funkcje PushEngage do wykorzystania w Twojej witrynie

PushEngage oferuje szeroką gamę innych funkcji, nawet w planie darmowym.

Na przykład można skonfigurować nakładkę. Pojawia się on w górnej części zawartości witryny i pokazuje użytkownikowi, gdzie kliknąć, aby zezwolić na powiadomienia. Oto nakładka w akcji na stronie PushEngage:

An example of a PushEngage overlay

Możesz skonfigurować nakładkę na swoim koncie na stronie PushEngage. Po prostu przejdź do Ustawienia „Ustawienia subskrypcji” Zarządzanie Opt-in i przewiń w dół do sekcji „Nakładka subskrypcji”.

Następnie zaznacz przycisk „Włącz nakładkę subskrypcji”. Możesz użyć domyślnej etykiety nakładki lub wpisać inną:

The subscription overlay settings in PushEngage

Ze względu na sposób działania przeglądarki Safari, musisz wykonać kilka dodatkowych kroków, jeśli chcesz, aby użytkownicy Safari mogli subskrybować powiadomienia push. Aby włączyć powiadomienia web push dla przeglądarki Safari, musisz mieć konto Apple developer ($99 / rok). Następnie możesz utworzyć unikalny identyfikator Push dla swojej witryny.

Po uzyskaniu identyfikatora Push ID i utworzeniu certyfikatu należy je dodać w obszarze Ustawienia „Ustawienia Subskrypcji” Safari Web Push:

Setting up web push notifications in Safari

Inne Dobre Wtyczki Powiadomień Push WordPress

Ważne jest, aby od samego początku wybrać odpowiednią usługę powiadomień web push. Wielu dostawców próbuje zablokować cię na swojej platformie. Oznacza to, że zmiana usługi powiadomień push może oznaczać utratę subskrybentów. Więc jeśli się przełączysz, zaczniesz od nowa.

Dlatego sugerujemy, aby zapytać wybranego dostawcę o wszystkie ustawienia, które musisz skonfigurować, aby Twoja lista abonentów była przenośna.

Zalecamy PushEngage, ponieważ ma hojny bezpłatny plan plus wiele potężnych płatnych funkcji. Dzięki płatnym planom PushEngage możesz:

  • Skonfiguruj autoresponder kroplówki, np. dla kampanii powitalnej
  • Wysyłaj powiadomienia, gdy użytkownik porzuci koszyk
  • Uruchamiaj kampanie na podstawie działań użytkowników
  • Zezwalaj użytkownikom na dodawanie powiadomień o tym, kiedy produkt trafi do sprzedaży lub jest ponownie dostępny
  • … i nie tylko

WordPress to wybór. Oto kilka innych wtyczek powiadomień push WordPress, które możesz wypróbować:

  • PushCrew-łączy twoją stronę z usługą powiadomień push PushCrew. Oferują bezpłatny plan ograniczony do subskrybentów 2000.
  • PushAlert-web Push Notifications-pomaga połączyć się z usługą powiadomień pushalert web push. Oferują również bezpłatny plan ograniczony do subskrybentów 3000.
  • PushAssist-wtyczka do usługi powiadomień push w sieci PushAssist. Ich bezpłatny plan jest ograniczony do subskrybentów 2000.
  • OneSignal – ma ograniczony bezpłatny plan, który zawiera podstawowe funkcje powiadomień web push. Ich taktyka sprzedaży jest bardzo agresywna, a wsparcie nie jest pomocne. Dlatego w nadchodzących tygodniach rezygnujemy z OneSignal.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać powiadomienia web push do swojej witryny WordPress. Możesz również zobaczyć nasz przewodnik po najlepszych usługach e-mail marketingu i jak uzyskać bezpłatny biznesowy adres e-mail dla swojej witryny.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

WordPress Pingbacks & Trackbacks: Ultimate A-Z Guide

W artykule: Czym są Pingbacks i Trackbacks? Plus, dlaczego są ważneCzym Są…