Jak skonfigurować powiadomienia Web Push na swojej stronie?

Opublikowany: 2022-02-17

Szukasz szybkiego i prostego poradnika, jak skonfigurować powiadomienia web push na swojej stronie?

Jesteśmy z Tobą.

W tym artykule pokażemy Ci, jak skonfigurować powiadomienia web push na swojej stronie, nawet jeśli:

  • Nigdy wcześniej tego nie robiłeś
  • Nie masz programisty, który zrobi to za Ciebie
  • Próbowałeś i nie udało się dodać powiadomień push do swojej witryny

Najlepsza część? Zrobimy to bez technicznego żargonu. Tak więc, nawet jeśli nie jesteś programistą, nadal możesz dość łatwo instalować powiadomienia push.

W tym artykule użyjemy PushEngage do skonfigurowania powiadomień push w Twojej witrynie. PushEngage to oprogramowanie do powiadomień push nr 1 na świecie. Twoje kampanie będą więc w dobrych rękach.

Zanurzmy się.

Jak zainstalować powiadomienia push w swojej witrynie?

Zanim zaczniemy, oto krótki przegląd tego, czego możesz się spodziewać w swojej witrynie na końcu tego artykułu. Jeśli wykonasz kroki opisane w tym samouczku, powinieneś być w stanie wysyłać powiadomienia push ze swojej witryny, tak jak ta:

Zdrowe automatyczne powiadomienia push Yum

Nie ma znaczenia, w jaki sposób opracowałeś swoją witrynę, jaką prowadzisz firmę, ani jakakolwiek inna specyfikacja techniczna. W obu przypadkach będziesz mógł zainstalować powiadomienia push w swojej witrynie.

Zanurzmy się.

Krok #1: Skonfiguruj swoje konto PushEngage

Przejdź do strony głównej PushEngage i kliknij przycisk Rozpocznij :

PushZaangażuj

Możesz wybrać darmowy plan, aby wypróbować PushEngage, ale jeśli poważnie myślisz o rozwoju swojej firmy, wybierz plan płatny. Płatne plany obejmują lepsze opcje kierowania na odbiorców i funkcje automatyzacji kampanii.

Po zarejestrowaniu konta przejdź do pulpitu nawigacyjnego PushEngage i przejdź do Ustawienia » Ustawienia witryny » Ustawienia instalacji :

Ustawienia witryny PushEngage

Na tym ekranie możesz skonfigurować adres URL i tożsamość swojej witryny. Śmiało ustaw logo i adres URL witryny dla swoich kampanii i transmisji powiadomień push.

Wszyscy subskrybenci powiadomień push zobaczą nazwę witryny , obraz witryny i adres URL witryny w powiadomieniach. Dlatego powinieneś je teraz skonfigurować, aby później móc przetestować powiadomienia push.

Krok #2: Uzyskaj kod instalacyjny z PushEngage

Następnie musisz przejść do pulpitu nawigacyjnego PushEngage i uzyskać kod instalacyjny. Przejdź do Ustawienia »Ustawienia witryny »Ustawienia instalacji :

Dodaj powiadomienia push na stronie Squarespace

Na tej karcie zobaczysz, że możesz uzyskać inny kod dla różnych typów witryn. Znajdź odpowiedni dla swojej witryny i skopiuj go. Jeśli prowadzisz witrynę w systemie CMS, którego nie ma na liście, możesz przejść do kart HTTP lub HTTPS w zależności od tego, czy Twoja witryna ma zainstalowany certyfikat SSL.

Ta następna część jest bardzo ważna. Jeśli nie wykonasz tego kroku, Twoja witryna nie będzie mogła gromadzić subskrybentów powiadomień push.

Jeśli korzystasz z witryny HTTPS i masz dostęp do folderu głównego serwera, musisz pobrać plik service-wroker.js z tej samej karty. Następnie prześlij go do swojego folderu głównego.

UWAGA: Jeśli nie możesz przesłać pliku service-worker do folderu głównego, nadal możesz przesłać plik do innego folderu. Przejdź do Pulpitu nawigacyjnego PushEngage » Ustawienia » Ustawienia witryny » Ustawienia zaawansowane .

Wystarczy postępować zgodnie z instrukcjami w ustawieniach Service Worker i jesteś złoty:

Ustawienia pracownika serwisu

Na koniec będziesz chciał umieścić kod instalacyjny PushEngage w HTML <head> swojej witryny. Jeśli jesteś programistą przyzwyczajonym do kodowania w HTML, już wiesz, jak to zrobić.

Ale jeśli jesteś nowy w HTML i używasz CMS do uruchamiania swojej witryny, nie martw się. Proces edycji kodu HTML <head> różni się dla różnych platform. Dlatego stworzyliśmy dla Ciebie szczegółowe przewodniki krok po kroku dotyczące najpopularniejszych platform:

  • Zainstaluj powiadomienia push na WordPressie
  • Zainstaluj powiadomienia push na WordPressie (bez wtyczki)
  • Zainstaluj powiadomienia push na WooCommerce
  • Zainstaluj powiadomienia push na Wix
  • Zainstaluj powiadomienia push w Bloggerze
  • Zainstaluj powiadomienia push na Zoho
  • Zainstaluj powiadomienia push na Volusion
  • Zainstaluj powiadomienia push w Weebly
  • Zainstaluj powiadomienia push na ClickFunnels
  • Zainstaluj powiadomienia push w PrestaShop
  • Zainstaluj powiadomienia push na OpenCart
  • Zainstaluj powiadomienia push na CS-Cart
  • Zainstaluj powiadomienia push na Drupal
  • Zainstaluj powiadomienia push na Squarespace
  • Zainstaluj powiadomienia push na X-Cart
  • Zainstaluj powiadomienia push w BigCommerce
  • Zainstaluj powiadomienia push na Jimdo

WAŻNE: możesz wstawić kod instalacyjny bezpośrednio z pulpitu nawigacyjnego w niektórych programach do tworzenia witryn i CMS-ów. W innych przypadkach, takich jak PrestaShop, musisz zamiast tego użyć klucza API PushEngage. Dlatego zalecamy przestrzeganie samouczków specyficznych dla platformy, aby poprawnie dodać kod powiadomienia wypychanego.

Krok 3: Konfiguracja opcji zgody PushEngage

Na koniec w panelu PushEngage przejdź do Ustawienia » Ustawienia subskrypcji » Okno dialogowe subskrypcji » Edytuj :

Ustawienia instalacji PushEngage

Tutaj możesz dostosować swoją zgodę na powiadomienia push. Jeśli potrzebujesz pomocy, zapoznaj się z tym artykułem, jak utworzyć niestandardową zgodę na powiadomienie push.

Jeśli potrzebujesz inspiracji, możesz zapoznać się z tym artykułem na temat opcji akceptacji powiadomień push o wysokim współczynniku konwersji.

BONUS Krok: Utwórz powiadomienie powitalne

Po skonfigurowaniu zgody Twoja witryna może gromadzić subskrybentów.

Ale skąd wiesz, czy powiadomienia push działają prawidłowo?

Zalecamy utworzenie powitalnego powiadomienia push, aby sprawdzić, czy konfiguracja przebiegła bezproblemowo. Powiadomienie powitalne to powiadomienie push, które wysyłasz do nowego subskrybenta, aby potwierdzić jego subskrypcję i powitać go na pokładzie.

Przejdź do Ustawienia » Ustawienia witryny » Ustawienia instalacji i skonfiguruj wiadomość powitalną:

Nowe powitalne powiadomienie push

Na koniec wróć do swojej witryny i wybierz własne powiadomienia push, aby sprawdzić, czy wszystko działa płynnie.

I to wszystko!

Pomyślnie skonfigurowałeś powiadomienia web push na swojej stronie. Czas wrócić do pulpitu PushEngage i zacząć tworzyć kampanie powiadomień push.

Zawijanie

Jeśli dopiero zaczynasz korzystać z powiadomień wypychanych, przed rozpoczęciem transmisji na żywo wykonaj pełny proces testowania powiadomień wypychanych. Pomoże Ci to rozwiązywać typowe problemy, zanim odwiedzający je zobaczą i zaczną narzekać na zepsute środowisko użytkownika.

Zalecamy skontaktowanie się z naszymi menedżerami ds. sukcesu klienta, jeśli utkniesz z którymkolwiek z tych problemów. Z przyjemnością pomożemy Ci w każdym problemie. Powiadomienia push to świetny sposób na przyciągnięcie powtarzającego się ruchu do Twojej witryny oraz zwiększenie sprzedaży bezpośredniej i zaangażowania.

Nieprzekonany? Sprawdź te epickie zasoby:

  • Kampanie kropelkowe i autorespondery dla powiadomień Web Push
  • 5 korzyści z korzystania z kampanii powiadomień push o porzuceniu koszyka
  • Jak przekonwertować subskrybentów na kupujących za pomocą powiadomień Web Push?

Jeśli jeszcze tego nie zrobiłeś, śmiało wypróbuj PushEngage. PushEngage to najpopularniejsza usługa powiadomień push na świecie. Jeśli więc poważnie myślisz o rozwijaniu swojego biznesu, PushEngage jest odpowiednią opcją dla Ciebie.

Zacznij korzystać z PushEngage już dziś!