OneSignal instalacja wtyczki WordPress

OneSignal Free Web Push Notifications to wtyczka pozwalająca na wyświetlanie komunikatów w przeglądarkach takich, jak Google Chrome, Mozilla Firefox oraz Apple Safari. Plugin umożliwia te funkcje również na urządzeniach mobilnych, a WordPress jest jedną z platform na jakiej działa OneSignal. Spora ilość opcji konfiguracji pozwoli dopasować działanie wtyczki do własnych potrzeb. Instalacja zajmuje około 15 minut, natomiast zapoznanie się z wtyczką może zabrać więcej czasu. Co najważniejsze, wtyczka jest całkowicie DARMOWA.

OneSignal Free Web Push Notifications

Wtyczka dostępna jest do pobrania z katalogu WordPress.

OneSignal Free Web Push Notifications

Po aktywacji wtyczki i przejściu do jej ustawień pojawi się taki komunikat:

OneSignal Push: Your setup is not complete. Please follow the Setup guide to set up web push notifications. Both the App ID and REST API Key fields are required.

Oznacza on, że wtyczka nie jest skonfigurowana. Podążaj dalej według poradnika, aby dokończyć konfigurację.

Overview

OneSignal Free Web Push Notifications

Wyjaśnienie:

Poprowadzimy się przez dodanie powiadomień dla przeglądarek Chrome, Safari oraz Firefox dla WordPress.

W pierwszej kolejności będziesz potrzebować wymagane klucze od Google. Potem stworzysz nową aplikację i ustawisz powiadomienia dla każdej z przeglądarek. Całość powinno zająć około 15 minut.

Proszę podążać krokami w odpowiedniej kolejności.

Kliknij Chrome & Firefox Push by zacząć.

 

Chrome & Firefox Push

Konieczne jest założenie konta na www.Onesignal.com.

Następnie należy utworzyć nową aplikację.

OneSignal Free Web Push Notifications

Wprowadź dowolna nazwę aplikacji.

OneSignal Free Web Push Notifications

Wybierz platformę, w której maja być wyświetlane powiadomienia.

OneSignal Free Web Push Notifications

Konfiguracja przeglądarek jest podzielona na 2 części (Chrome i Firefox oraz Safari). W pierwszej kolejności wybierz Chrome & Firefox.

OneSignal Free Web Push Notifications

Następnie wypełnij odpowiednie pola:

  • adres URL strony internetowej (przykład: http://centrumblogera.pl)
  • adres URL ikony wyświetlanej przy powiadomieniach

OneSignal Free Web Push Notifications

Jeśli nie korzystasz z protokołu HTTPS, lub tylko na części strony, koniecznie sprawdź czy jest zaznaczona opcja „My site is not fully HTTPS„.

W przypadku zaznaczonej opcji musimy jeszcze podać Subdomenę aplikacji, w naszym przykładzie wpisaliśmy „centrumblogera”.

Kolejnym etapem jest wybranie platformy, z której korzystasz, w naszym przypadku jest to WordPress

OneSignal Free Web Push Notifications

UWAGA: Nie zamykaj kolejnego okienka pochopnie!

Zobaczysz klucze, które musisz skopiować i wkleić do zakładki w ustawieniach wtyczki Configuration. Uzupełnij w niej również subdomenę.

OneSignal Free Web Push Notifications

Po skopiowaniu zapisz ustawienia i przejdź na swoją stronę, by sprawdzić czy wszystko poszło zgodnie z planem. Zatwierdź pozwolenie na komunikaty, następnie wróć do panelu OneSignal.com i kliknij „Check Subscribed Users„, jeśli pojawi się zielony komunikat, wszystko jest dobrze. Możesz zakończyć konfigurację powiadomień w przeglądarkach Chrome & Firefox.

Na koniec możesz cieszyć się nowym dodatkiem na swojej stronie 🙂

OneSignal Free Web Push Notifications

Dokumentacja wtyczki:

Pobierz wtyczkę:

 

Jeśli potrzebujesz pomocy przy instalacji lub masz jakieś pytania, pisz w komentarzach. Już niedługo ukaże się kontynuacja artykułu, a w niej bardziej szczegółowy opis możliwości pluginu.

Przydało się? Udostępnij!

4 KOMENTARZE

    • W konfiguracji wtyczki jest bardzo dużo funkcji oraz ich konfiguracji, do których zalicza się automatyczne powiadomienie po opublikowaniu nowego artykułu na stronie.

      „Automatically send a push notification when I create a post from the WordPress editor. when you create a new post from WordPress’s editor, the checkbox ‚Send notification on post publish/update’ will be automatically checked. The checkbox can be unchecked to prevent sending a notification.”

      https://i.imgsafe.org/99cc08cd5e.jpeg

Dodaj komentarz