Jak tworzyć czaty w WordPress dla użytkowników (2 metody)

Budowanie kwitnącej społeczności online może odmienić Twoją stronę internetową, ale większość rozwiązań czatu stwarza więcej problemów niż rozwiązuje. Wielu właścicieli witryn przekonuje się o tym na własnej skórze, gdy po raz pierwszy zaczynają eksperymentować z pokojami czatu – każda opcja wydaje się wymagać drogich miesięcznych opłat lub zmusza do wysyłania odwiedzających na zewnętrzne platformy.

Dlatego właśnie przetestowaliśmy wszystkie najpopularniejsze opcje i znaleźliśmy rozwiązania do tworzenia pokoi czatu, które faktycznie działają dla właścicieli stron WordPress.

Oto jak dodać angażujący, hostowany samodzielnie pokój czatu do swojej witryny WordPress bez drogich miesięcznych subskrypcji, polegania na usługach stron trzecich lub wysyłania użytkowników do zewnętrznych klientów czatu, takich jak Slack lub Discord.

Dlaczego warto dodać pokój czatu w WordPress?

Jeśli prowadzisz witrynę członkowską lub forum internetowe, być może będziesz chciał utworzyć dla swoich użytkowników pokój czatu do natychmiastowej komunikacji.

Niektórzy właściciele witryn decydują się na korzystanie z usług stron trzecich, takich jak Slack, WhatsApp, grupy na Facebooku lub Discord. Jednak te metody odciągają ludzi od Twojej witryny, więc są złymi wiadomościami dla Twoich wyświetleń stron i współczynnika odrzuceń. Ponadto nie masz pełnej kontroli nad doświadczeniem czatu.

Osadzając pokój czatu na swojej stronie internetowej, możesz zatrzymać ludzi na dłużej i zbudować silniejsze poczucie wspólnoty. Co więcej, tworząc samodzielnie hostowany pokój czatu, często możesz uniknąć kosztownych bieżących opłat abonamentowych.

Powiedziawszy to, przyjrzyjmy się, jak dodać pokój czatu do Twojego bloga lub strony WordPress. Po prostu skorzystaj z poniższych szybkich linków, aby przejść bezpośrednio do metody, której chcesz użyć:

• Metoda 1. Używanie Simple Ajax Chat (darmowa wtyczka WordPress)
• Metoda 2. Używanie BuddyBoss (najlepsze do tworzenia społeczności online)
• Dodatkowe poradniki

Metoda 1. Używanie Simple Ajax Chat (darmowa wtyczka WordPress)

Chcesz dodać prosty pokój czatu do swojej witryny bez konieczności budżetowania na wtyczkę premium WordPress lub bieżącą subskrypcję? Simple Ajax Chat pozwala dodać prosty, samodzielnie hostowany pokój czatu do dowolnej strony, wpisu lub obszaru gotowego na widżety bez konieczności płacenia ani centa.

Pozwala również ograniczyć dostęp do zalogowanych użytkowników lub nawet stworzyć całkowicie otwarty dla publiczności pokój czatu. Więcej szczegółów znajdziesz w naszej recenzji Simple Ajax Chat.

Krok 1. Skonfiguruj prosty czat Ajax

Najpierw musisz zainstalować i aktywować wtyczkę. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat jak zainstalować wtyczkę WordPress.

Po aktywacji przejdź do Ustawienia » Prosty czat Ajax, aby skonfigurować swój pokój czatu.

Aby rozpocząć, kliknij, aby rozwinąć sekcję „Ustawienia wtyczki”, a następnie zmień „Domyślną nazwę” na cokolwiek chcesz.

Możesz również wpisać „Domyślną wiadomość”, która pojawi się za pierwszym razem, gdy ktoś odwiedzi Twój pokój czatu.

Następnie możesz zdecydować, czy użytkownicy muszą być zalogowani, aby korzystać z pokoju czatu. Wymaganie rejestracji użytkowników może pomóc w walce ze spamem i trollami, ale publiczny pokój czatu może przyciągnąć więcej użytkowników.

Aby podjąć tę decyzję, zaznacz lub odznacz pole obok opcji „Wymagaj od użytkowników zalogowania się, aby wyświetlać i używać pola czatu”.

Możesz również zaznaczyć pole obok opcji „Nazwa użytkownika zalogowanego”, aby WordPress wyświetlał nazwę użytkownika danej osoby na czacie.

Inną opcją jest zezwolenie niezarejestrowanym gościom na czytanie czatu, ale nie na interakcję.

Osoby, którym spodoba się to, co zobaczą, mogą utworzyć konto, aby dołączyć do rozmowy, dlatego warto zaznaczyć pole obok opcji „Wyświetl wiadomości czatu jako tylko do odczytu”.

Krok 2. Dostosuj swój pokój czatu

Po wykonaniu tej czynności możesz dostosować pokój czatu. Na przykład możesz dodać własne logo, niestandardowe kolory i branding. Jest to duża zaleta wyboru rozwiązania hostowanego samodzielnie, takiego jak Simple Ajax Chat, w porównaniu do oddzielnej platformy, takiej jak Discord.

Aby wprowadzić te zmiany, po prostu użyj ustawień w polach „Czasy i kolory” oraz „Wygląd”.

Możesz również zastąpić domyślną ikonę powiadomienia własnym obrazem. Na przykład, możesz użyć swojego logo, ikony lub dowolnego innego obrazu, który stworzyłeś za pomocą oprogramowania do projektowania stron internetowych, takiego jak Canva.

Aby dodać własną grafikę, znajdź pole „Domyślna ikona powiadomienia” i kliknij „Prześlij”.

Możesz teraz wybrać obraz z biblioteki multimediów WordPress lub przesłać plik z komputera.

Jeśli dokonujesz jakichkolwiek zmian w tej sekcji, nie zapomnij kliknąć „Zapisz ustawienia”.

Krok 3. Dodaj funkcje moderacji

Następnie możesz kliknąć, aby rozwinąć sekcję „Zablokowane frazy”, a następnie wpisać wszelkie słowa, które nigdy nie powinny pojawiać się na Twoim czacie. Może to być nazwa konkurenta, obraźliwe słowa lub cokolwiek innego, co mogłoby zaszkodzić doświadczeniu odwiedzających i Twojej reputacji.

Ponieważ jest to rozwiązanie samo-hostowane, masz pełną kontrolę nad słowami, które chcesz widzieć, i słowami, które nie mają miejsca w Twojej społeczności.

Po prostu oddziel każde słowo przecinkiem.

Ponownie, nie zapomnij kliknąć „Zapisz ustawienia”, aby zachować wprowadzone zmiany.

Jest znacznie więcej ustawień do odkrycia, więc warto je przejrzeć i zobaczyć, jakie zmiany można wprowadzić. Jednak to wszystko, czego potrzebujesz, aby stworzyć prosty czat, więc zobaczmy, jak możesz go dodać do swojej strony WordPress.

Krok 4. Wyświetl swój pokój czatu w WordPress

Simple Ajax Chat pozwala kontrolować, gdzie dokładnie wyświetlasz swoje pokoje czatu, dzięki czemu możesz dodać je do dowolnej strony, wpisu lub obszaru gotowego na widżety.

Gdy będziesz zadowolony z konfiguracji pokoju czatu, przewiń w dół do obszaru Shortcode & Template Tag i kliknij, aby go otworzyć. Tutaj zobaczysz krótki kod, którego możesz użyć.

Aby dodać pokój czatu do strony, po prostu przejdź do Strony » Dodaj nową w panelu WordPress.

Możesz teraz wpisać tytuł, dodać obrazek wyróżniający, dodać kategorie i tagi, a także inne treści, które chcesz wyświetlić na stronie.

Możesz nawet pójść o krok dalej i dodać ankietę dotyczącą doświadczenia użytkownika za pomocą wtyczki takiej jak UserFeedback.

Pomaga to uzyskać cenne sugestie i pomysły, jak ulepszyć swój pokój czatu.

Ta elastyczność jest kolejnym powodem, dla którego zawsze zalecamy korzystanie z wtyczki, takiej jak Simple Ajax Chat, w porównaniu do sztywnych narzędzi stron trzecich.

Aby osadzić swój pokój czatu, kliknij znak „+”, a następnie wpisz „Shortcode”. Możesz teraz wybrać odpowiedni blok, gdy się pojawi.

Następnie po prostu dodaj skrócony kod [sac_happens] do bloku skróconego kodu.

Teraz możesz kliknąć „Opublikuj” lub „Zaktualizuj”, aby pokój czatu stał się aktywny.

Inną opcją jest dodanie pokoju czatu do obszaru gotowego na widżety. Jest to łatwy sposób na wyświetlanie okna czatu na wielu stronach.

Jeśli korzystasz z jednego z nowszych motywów opartych na blokach, możesz nawet dodać czat do obszarów swojej witryny, których nie można edytować za pomocą standardowego edytora treści WordPress.

Instrukcje krok po kroku znajdziesz w naszym przewodniku jak dodawać i używać widżetów.

Niezależnie od sposobu dodania pokoju czatu do WordPress, ważne jest, aby sprawdzić, czy wygląda dobrze i działa poprawnie na wszystkich urządzeniach, testując mobilną wersję swojej witryny.

Więcej na ten temat znajdziesz w naszych poradach ekspertów dotyczących tworzenia strony przyjaznej dla urządzeń mobilnych.

Metoda 2. Używanie BuddyBoss (najlepsze do tworzenia społeczności online)

Chcesz stworzyć kwitnącą społeczność online, która sprawi, że ludzie będą wracać po więcej? Pokoje czatu to świetny początek, ale to tylko jedna część budowania udanej społeczności cyfrowej.

W tym właśnie tkwi siła takich funkcji, jak profile członków, przeszukiwalne katalogi, fora, grupy społecznościowe i kanały aktywności.

Dobre wieści? Nie musisz składać wielu różnych wtyczek, aby zapewnić tego rodzaju doświadczenie. BuddyBoss ma wszystkie te funkcje – i więcej. 

BuddyBoss to najlepsza platforma do tworzenia społeczności WordPress na rynku. W rzeczywistości mamy nawet pełną recenzję BuddyBoss, która przedstawia wszystkie powody, dla których jest to nasza ulubiona wtyczka społecznościowa. 

W tym przewodniku pokażemy, jak dodać wiadomości na żywo do Twojej witryny za pomocą BuddyBoss.

 Więcej informacji na temat korzystania z innych funkcji społecznościowych znajdziesz w naszym przewodniku jak stworzyć własną prywatną społeczność w WordPressie.

Krok 1. Utwórz konto Pusher

BuddyBoss może dodać wiadomości na żywo do Twojej witryny za pomocą Pusher Channels, usługi umożliwiającej użytkownikom komunikację w czasie rzeczywistym. 

Zanim zaczniemy z BuddyBoss, musisz utworzyć konto Pusher. Na szczęście Pusher ma darmowy plan, który pozwala wysyłać do 200 tys. wiadomości dziennie, co powinno wystarczyć dla większości blogów WordPress i stron internetowych. Jeśli jednak potrzebujesz uaktualnienia, możesz wysyłać do 1 miliona wiadomości dziennie za 49 USD miesięcznie.

Aby rozpocząć, przejdź do strony internetowej Pusher i kliknij przycisk „Zarejestruj się”.

Następnie możesz postępować zgodnie z instrukcjami wyświetlanymi na ekranie, aby utworzyć bezpłatne konto. 

Po wykonaniu tej czynności zostaniesz automatycznie przekierowany do pulpitu Pusher. Na tym ekranie kliknij przycisk „Rozpocznij” w sekcji „Kanały”.

Teraz możesz wpisać nazwę dla swojej aplikacji Pusher. Będzie ona reprezentować aplikację w Twoim panelu Pusher, więc warto użyć czegoś opisowego.

Możesz również wybrać Klaster, który jest fizyczną lokalizacją serwerów, które będą obsługiwać żądania z Twojej aplikacji Pusher. Wybierając lokalizację, pamiętaj, że europejskie przepisy dotyczące ochrony danych określają, że dane osobowe użytkowników nie mogą opuszczać granic UE. 

Ma również sens wybranie lokalizacji, która jest geograficznie blisko Twoich użytkowników lub własnych serwerów. Zmniejszy to opóźnienie, które może wystąpić podczas wysyłania i odbierania wiadomości. 

Aby wybrać lokalizację, otwórz menu rozwijane „Wybierz klaster” i wybierz opcję z listy. 

Po wykonaniu tej czynności kliknij „Utwórz aplikację”.

Aby zakończyć konfigurację aplikacji, wybierz „Ustawienia aplikacji” z menu po lewej stronie. Następnie przewiń do sekcji „Włącz zdarzenia klienta” i kliknij, aby włączyć jej przełącznik.

Następnie przewiń do sekcji „Włącz autoryzowane połączenia”.

Ponownie kliknij, aby włączyć ten przełącznik.

Twoja aplikacja jest teraz uruchomiona, więc kliknij „Klucze aplikacji” w menu po lewej stronie. Zawiera ona wszystkie informacje, które będziesz musiał dodać do swojego wtyczki BuddyBoss.

Mając to na uwadze, pozostaw ten ekran otwarty w osobnej karcie przez kilka następnych kroków.

Krok 2. Zainstaluj wtyczki i motyw BuddyBoss

Aby skonfigurować czat na żywo, będziesz potrzebować podstawowego wtyczki BuddyBoss, BuddyBoss Platform Pro i motywu BuddyBoss. Następnie przejdź do witryny BuddyBoss i zarejestruj się w pakiecie Web lub w pakiecie Bundle.

Po zakończeniu zakupu musisz zainstalować wtyczki BuddyBoss i BuddyBoss Platform Pro na swojej stronie. Więcej szczegółów znajdziesz w naszym poradniku na temat jak zainstalować wtyczkę WordPress.

Po wyświetleniu monitu wprowadź klucz licencyjny produktu. Te informacje znajdziesz na swoim koncie na stronie BuddyBoss.

Następnie musisz zainstalować motyw BuddyBoss, który jest dołączony do wszystkich pakietów Web i Bundle. 

Szczegółowe instrukcje krok po kroku znajdziesz w naszym poradniku jak zainstalować motyw WordPress. 

Krok 3. Włącz prywatne wiadomości 

BuddyBoss ma mnóstwo funkcji, więc aby ułatwić sprawę, wtyczka dzieli te funkcje na różne Komponenty. Możesz włączać lub wyłączać te Komponenty w zależności od potrzebnych funkcji.

Aby to zrobić, przejdź do strony BuddyBoss » Komponenty. 

Tutaj zobaczysz wszystkie różne komponenty, których możesz użyć.

Ponieważ chcemy dodać wiadomości na żywo do WordPressa, znajdź komponent Prywatne wiadomości i kliknij jego link „Aktywuj”.

Krok 4. Integracja z kanałem Pusher

Teraz jesteś gotowy, aby połączyć swoją stronę WordPress z kontem Pusher, przechodząc do BuddyBoss » Integracje. Tutaj kliknij link „Pusher”. 

Zobaczysz teraz obszar, w którym możesz dodać swój identyfikator i klucze Pusher. 

Po prostu skopiuj każdą informację z zakładki Pusher i wklej ją do odpowiedniego pola w panelu WordPress.

Może być również konieczne zmiana pola „Klaster Pusher”, tak aby pasowało do klastra wybranego w Twoim koncie Pusher. 

Gdy to zostanie zrobione, kliknij „Zapisz ustawienia” w swoim panelu WordPress. Jeśli wszystko działa poprawnie, zobaczysz zielony komunikat „Połączono” u góry ekranu.

Zobaczysz również nowe pole „Wiadomości na żywo”.

Zaznacz pole obok tej opcji.

Na koniec kliknij „Zapisz ustawienia”, aby zachować zmiany. 

Krok 5. Przetestuj swój czat na żywo 

Dobrym pomysłem jest przetestowanie nowej funkcji czatu, aby upewnić się, że wszystko działa poprawnie. Aby to zrobić, musisz zalogować się na dwa różne konta członkowskie przy użyciu trybu incognito w przeglądarce.

Następnie przejdź do strony „Członkowie”, którą BuddyBoss tworzy automatycznie. Jeśli nie jesteś pewien, gdzie znaleźć tę stronę, BuddyBoss zazwyczaj tworzy ją pod adresem twój-adres-strony-internetowej/members.

Na tej stronie znajdź inne konto członkowskie, którego używasz w swoim teście, i kliknij przycisk „Wyślij wiadomość”.  

Powinieneś zobaczyć zieloną ikonę wskazującą, że ta osoba jest online.

Wpisz wiadomość, a następnie kliknij „Wyślij”.

Teraz, jeśli przełączysz się na inne okno przeglądarki, powinieneś otrzymać tę wiadomość natychmiast, bez konieczności odświeżania karty.

Dodatkowe poradniki

Teraz, gdy już wiesz, jak tworzyć pokoje czatu na swojej stronie internetowej, możesz chcieć dowiedzieć się więcej wskazówek dotyczących ulepszania swojej społeczności online i doświadczenia użytkownika:

• Jak oferować kursy online oparte na kohortach — nauka grupowa w WordPress
• Jak stworzyć własną prywatną społeczność za pomocą WordPress
• Jak śledzić zaangażowanie użytkowników w WordPress za pomocą Google Analytics
• Co to jest Google Lighthouse? Jak może poprawić UX Twojej witryny?
• Jak uzyskać opinię na temat projektu strony internetowej w WordPress (krok po kroku)
• Jak łatwo przeprowadzić testy regresji wizualnej w WordPress

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak tworzyć czaty dla użytkowników WordPress. Możesz również zapoznać się z naszymi poradnikami na temat dodawania przycisków reakcji w celu zwiększenia zaangażowania oraz przeprowadzania audytu UX Twojej witryny WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.