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 osadzać widżet Discord w 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.

Chcesz osadzać widżet Discord w WordPress?

Discord to dobrze znana aplikacja do czatowania VOIP, która pozwala budować własne społeczności i włącza twoich użytkowników do komunikowania się ze sobą za pomocą tekstu, głosu i filmu. Od 2024 roku Discord ma około 227 milionów włączonych użytkowników.

W tym artykule pokażemy, jak łatwo osadzać widżet Discord w WordPress.

How to Embed Discord Widget into WordPress

Dlaczego warto dodać widżet Discord do twojej witryny WordPress?

Czat Discord pozwala użytkownikom komunikować się ze sobą za pośrednictwem wiadomości, połączeń głosowych i filmowych.

Osadzając widżet Discord na swojej witrynie internetowej WordPress, możesz zapewnić swoim użytkownikom możliwość łączenia się. Widżet wyświetli całkowitą liczbę członków twojego serwera Discord, a także udostępni odnośnik z zaproszeniem dla nowych członków.

Pozwalając użytkownikom WordPressa na dołączenie do czatu Discord, możesz zbudować ogromną społeczność dla twojej witryny internetowej i zachęcić odwiedzających do pozostania dłużej na twojej witrynie.

Dodatkowo, możesz użyć widżetu Discord do zapewnienia pomocy technicznej dla klientów, tworząc dedykowane kanały dla pytań pomocy technicznej i zapewniając wsparcie na żywo dla twoich użytkowników.

To powiedziawszy, zobaczmy, jak można dodać widżet Discord w WordPress.

Jak osadzać widżet Discord w WordPressie?

Aby osadzać widżet Discord w WordPress, należy przejść na oficjalną witrynę internetową Discord.

Tutaj będziesz musiał utworzyć konto użytkownika Discord i serwer Discord dla twojej społeczności.

Krok 1: Tworzenie konta Discord i serwera

Gdy znajdziesz się na witrynie internetowej Discord, po prostu kliknij przycisk „Zaloguj się” w prawym górnym rogu ekranu, jeśli masz już konto Discord.

Jeśli jednak nie posiadasz konta, kliknij przycisk „Otwórz Discord w twojej przeglądarce”.

Login to your Discord account or create a new account

Następnie zostaniesz poproszony o wybranie nazwy użytkownika dla twojego konta Discord.

Będzie to twój uchwyt, za pomocą którego inni będą mogli cię znaleźć, ale możesz zmienić swoją nazwę wyświetlaną na poszczególnych serwerach.

Choose a username for your discord account

Następnie Discord przeniesie cię na stronę „Kanały” i poprosi o podanie twojej daty urodzenia.

Po prostu wpisz swoje dane i kliknij przycisk „Dalej”, aby kontynuować.

Type your date of birth and click Next button

Następnie zostaniesz poproszony o utworzenie twojego pierwszego serwera Discord. Teraz możesz stworzyć swój własny szablon lub wybrać jeden z gotowych.

W tym poradniku będziemy używać szablonu serwera „Gaming”.

Create a discord server

Następnie zostaniesz poproszony o wybranie „Nazwy serwera” dla twojego pokoju rozmów. Możesz również przesłać obrazek dla serwera.

Gdy to zrobisz, po prostu kliknij przycisk „Utwórz”, aby utworzyć twój serwer Discord.

Type a name for your discord server

Na koniec zostaniesz poproszony o podanie twojego adresu e-mail i wybranie hasła do konta Discord.

Po podaniu tych danych kliknij przycisk „Odbierz konto”.

Provide your email and password

Teraz na twój adres e-mail zostanie wysłana wiadomość weryfikacyjna przez Discord.

Po zweryfikowaniu konta Twój serwer zostanie skonfigurowany.

Email for verification

Teraz wystarczy osadzać widżet Discord w WordPress.

Aby to zrobić, kliknij ikonkę strzałki obok nazwy twojego serwera w górnej części strony „Kanały” Discord.

Spowoduje to otwarcie menu rozwijanego, w którym należy kliknąć opcję „Ustawienia serwera”.

Click server settings option

Zostaniesz przekierowany na stronę „Ustawienia serwera”. Następnie kliknij kartę „Widżet” na panelu bocznym.

Spowoduje to otwarcie ustawień „Widżet serwera” na ekranie, na którym należy przełączyć przełącznik „Włącz widżet serwera”.

Toggle the enable server widget switch

Następnie przewiń w dół do sekcji „Gotowy widżet” i kliknij przycisk „Kopiuj” pod opcją „Gotowy widżet”.

Możesz teraz osadzać widżet Discord w dowolnym miejscu twojej witryny internetowej, wklejając ten kod.

Copy premade widget shortcode

Krok 2: Osadzanie widżetu Discord w WordPressie

Najpierw przejdź do strony WordPress lub wpisu, w którym chcesz osadzać widżet Discord.

Gdy już tam będziesz, kliknij przycisk dodawania bloku „+” w lewym górnym rogu ekranu, aby otworzyć menu bloków.

Następnie znajdź i dodaj własny blok HTML do strony/wpisu. Następnie wystarczy wkleić kod HTML widżetu do bloku.

Paste the discord widget shortcode into the HTML block

Następnie kliknij przycisk „Opublikuj” lub „Aktualizuj” u góry, aby zapisać twoje ustawienia. Widżet Discord będzie teraz osadzany na twoim blogu lub witrynie internetowej WordPress.

Tak wyglądał widżet Discord na naszej witrynie demonstracyjnej.

Discord widget on your website

Widżet Discord można osadzać w dowolnym obszarze twojego motywu, który włącza bloki, takim jak panel boczny, nagłówek lub stopka.

Bonus: Tworzenie czatów w WordPress

Jeśli nie chcesz korzystać z Discorda, możesz utworzyć czat bezpośrednio na twoim blogu WordPress. W ten sposób na twojej witrynie zostanie wyświetlony komunikator, w którym użytkownicy będą mogli zostawić swoje opinie na temat twoich wpisów lub omówić je z innymi odwiedzającymi.

Możesz łatwo utworzyć pokój rozmów za pomocą Simple Ajax Chat. Aby uzyskać szczegółowe informacje, zobacz nasz przewodnik dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu przejdź na stronę Ustawienia ” Simple Ajax Chat, gdzie możesz dodać nazwę i domyślną wiadomość dla czatu. Możesz także zdecydować, czy chcesz zezwolić niezarejestrowanym klientom na uczestnictwo, dodać własne logo, skonfigurować kolory marki i wiele więcej.

Add a name and message for chat room

Po zakończeniu kliknij przycisk „Zapisz ustawienia”, aby zapisać twoje ustawienia. Następnie przewiń w dół do sekcji Shortcode & Template Tag i rozwiń kartę.

Stąd możesz skopiować krótki kod i wkleić go w dowolnym miejscu na twojej witrynie internetowej, gdzie chcesz dodać pokój rozmów.

Copy shortcode for the chat room

Aby uzyskać szczegółowe informacje, możesz zapoznać się z naszym poradnikiem na temat tworzenia czatu w WordPressie dla twoich użytkowników.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak łatwo osadzać widżet Discord w WordPress. Warto również zapoznać się z naszymi najlepszymi motywami VOIP w WordPress i naszym artykułem na temat 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

Jeden komentarzZostaw 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!

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ę.