Tworzenie niestandardowej witryny członkowskiej na WordPress: pięć wyzwań

Idea witryny członkowskiej jest prosta: niektóre posty, strony lub akcje są dostępne tylko dla uprzywilejowanych użytkowników (członków). Z punktu widzenia programisty witryny członkowskie są największym wyzwaniem w zakresie tworzenia witryny członkowskiej WordPress.

W tym artykule omówiono wyzwania, które napotykasz podczas tworzenia dostosowanej witryny członkowskiej w WordPress, zwłaszcza jeśli nie jesteś programistą. Wyjaśnia również, jak podejść do niektórych z tych wyzwań z wykorzystaniem wtyczek zestawu narzędzi.

Co to jest witryna członkowska?

Każda witryna internetowa, która zapewnia kontom użytkowników dostęp do zasobów (których zwykli użytkownicy nie mogą zobaczyć) może być uznana za witrynę członkowską.

Powody uruchomienia witryn członkowskich mogą się różnić:

• Mała firma musi umieścić na swojej stronie internetowej informacje przeznaczone wyłącznie dla personelu (które powinny być całkowicie ukryte przed odwiedzającymi).
• Aby zbudować listę mailingową, blogerzy mogą chcieć oferować dodatkowe treści dla zarejestrowanych użytkowników.

Witryny członkowskie mogą również mieć różne grupy członków. Na przykład osoby poszukujące pracy (grupa 1) mogą zarejestrować się, aby opublikować swoje CV za darmo, ale headhunterzy (grupa 2) musieliby zapłacić, aby uzyskać dostęp i uruchomić zaawansowane wyszukiwanie w celu szybkiego znalezienia wybranych przez siebie kandydatów.

Czy WordPress jest dobrą platformą do tworzenia witryny członkowskiej?

Aby odpowiedzieć na to pytanie, najpierw musimy ustalić zestaw podstawowych funkcji, które powinna posiadać strona członkowska. Obejmują one:

• Formularze rejestracji i logowania.
• Możliwość definiowania różnych ról użytkownika o różnych możliwościach, na przykład:
  • Osoby poszukujące pracy (rola A) mogą dodawać CV
  • Liczniki głowy (rola B) mogą przeprowadzać zaawansowane wyszukiwania w tych CV.
  • Odwiedzający (rola C) mogą jedynie przeglądać CV, widząc podstawowe informacje o osobach poszukujących pracy.
• Opłaty pobierane (opcjonalnie).

Oprócz pobierania opłat, rdzeń WordPressa ze swoją koncepcją ról i możliwości oraz formularzami rejestracyjnymi zapewnia wszystkie niezbędne mechanizmy rozwoju witryny członkowskiej. Ponadto, ponieważ istnieją niezawodne wtyczki WordPress dla e-commerce, opłaty manipulacyjne również nie stanowią większego problemu.

Domyślne ustawienia WordPressa. Po włączeniu opcji Członkostwo w Ustawieniach ogólnych WordPress, użytkownicy mogą zarejestrować się w Twojej witrynie.

Domyślne ustawienia w WordPressie dla ról użytkowników. Nowo zarejestrowani użytkownicy pojawiają się na ekranie użytkownika.

W tym momencie możemy powiedzieć, że WordPress można uznać za platformę wystarczającą do zbudowania witryny członkowskiej.

Jednak, jak to się mówi: diabeł tkwi w szczegółach.

Dlaczego budowanie niestandardowej witryny członkowskiej jest wyzwaniem?

Z jakiegoś powodu wielu twórców stron internetowych odrzuca lukratywne projekty, jeśli zawierają one elementy członkostwa. Czym dokładnie jest wyzwanie w witrynie członkostwa budynku?

Zadaliśmy niektórym programistom internetowym następujące pytanie:

P: „Co powstrzymuje Cię przed stworzeniem pierwszej strony dla członków?”

Zobaczmy, jak odpowiedzieli.

Deweloper A: „Zdaję sobie sprawę, że musiałbym ukryć niektóre moje strony przed odwiedzającymi i wyświetlać chronioną zawartość tylko wtedy, gdy użytkownik jest zalogowany. Więc na pewno potrzebuję formularza logowania. Jeśli jednak wymagany jest formularz logowania, potrzebny byłby również formularz rejestracyjny, prawda? Domyślne WordPressa nie liczą się, ponieważ są zbyt brzydkie. Poza tym użytkownicy końcowi nie chcą wiedzieć, co kryje się za WordPressem. W związku z tym formularze musiałyby pasować do ogólnego wyglądu mojej witryny… a następnie musiałbyś ukryć strony. Może dostosowując możliwości WordPressa? To wymagałoby trochę kodowania PHP, jak sądzę…”

Deweloper B: „Nawet nie wiedziałbym, jak zacząć”.

Deweloper C: „Kiedyś podjąłem próbę stworzenia czegoś w rodzaju strony członkowskiej. Wersja beta wciąż działa i niektórzy z niej korzystają. Ale brakuje mu wielu funkcji. Na przykład nie wiem, jak wdrożyć możliwość przedłużenia subskrypcji po jej wygaśnięciu, aby moi obecni użytkownicy nie musieli się ponownie rejestrować.”

Tak, tworzenie niestandardowej witryny członkowskiej nie jest łatwe. Należy uwzględnić wiele funkcji i wymagań użytkownika.

Pozwól nam omówić typowe wyzwania, które napotykasz podczas tworzenia witryny dla członków.

Wyzwanie nr 1: Jak zacząć?

Wielu użytkowników nie wie, jak zacząć, co jest zrozumiałe. Nie sugerujemy, że budowanie strony członkowskiej to „bułka z masłem”. Nie jest i nigdy nie było. Jednak po podzieleniu zadań na mniejsze kawałki łatwiej nimi zarządzać.

Rozważmy uproszczoną wersję projektu Twojego klienta.

„Firma X chce osiągnąć zysk, dostarczając artykuły eksperckie. Niektóre artykuły muszą być dostępne bezpłatnie dla każdego, aby zarówno autorzy, jak i sama firma mogli zyskać wiarygodność jako eksperci. Niektóre artykuły będą dostępne za darmo, ale tylko te, które są członkami serwisu. Niektóre bezpłatne artykuły zawierają ukryte części, które można wykorzystać jako zwiastuny, aby zachęcić potencjalnych członków do zakupu pełnego członkostwa. Drugi będzie zarezerwowany dla użytkowników, którzy już zapłacili.”

Krok 1: Zdefiniuj potrzeby klienta

Najpierw postaraj się bardziej systematycznie określić potrzeby klienta. Innymi słowy, zamień je w wymagania, które określają, co powinno być dostępne i dla kogo. Na przykład:

• Możliwość przeglądania bezpłatnych artykułów dla wszystkich.
• Możliwość przeglądania przez subskrybentów artykułów, które są dostępne tylko dla użytkowników, którzy się zarejestrowali.
• Możliwość przeglądania artykułów zarezerwowanych tylko dla tej grupy przez członków premium.
• Możliwość ukrywania części artykułów przez menedżerów witryn i udostępniania tych ukrytych części tylko dla płatnych członków.

To tylko kilka przykładów. Bardziej początkowo „ukryte” wymagania mogą pojawić się, gdy zagłębisz się w temat, to normalne.

Krok 2: Zidentyfikuj grupy użytkowników

Zwróć uwagę, że skupienie się na tym, kto powinien co robić, pozwala zidentyfikować tak zwanych „aktorów”, czyli użytkowników o różnych rolach. Przykłady mogą obejmować:

• Odwiedzający: osoby, które odwiedzają witrynę i nie są zalogowane.
• Subskrybenci: ci, którzy zarejestrowali się za darmo.
• Członkowie premium: ci, którzy zarejestrowali się i opłacili członkostwo.
• Menedżerowie witryny: użytkownicy, którzy mają dostęp do zaplecza witryny, ale nie powinni być tak potężni jak administratorzy.

Po zidentyfikowaniu aktorów możesz łatwo zmapować ich do ról WordPress . Role zostaną omówione w dalszej części tego artykułu.

Pomocne będzie również uwzględnienie Twoich wymagań w tabeli. Twój klient (właściciel firmy) również to doceni, zwłaszcza jeśli nie mówi w Twoim języku technicznym.

Krok 3: Zrób listę potrzebnych informacji

Zanim zaczniesz szukać konkretnych rozwiązań do realizacji wymagań Twojego klienta, zastanów się, z czym tak naprawdę wiąże się każde z wymagań.

Zadaj sobie kilka konkretnych pytań, takich jak:

• Jak odróżnisz artykuły przeznaczone do czytania dla wszystkich od artykułów zarezerwowanych dla uprzywilejowanych użytkowników? Pogrupujesz je według kategorii? Czy będziesz używać oddzielnych typów postów dla każdej grupy?
  → Potrzeba: sposób na grupowanie zastrzeżonych postów
• Jak ukryłbyś zbiór artykułów przed nieuprzywilejowanymi użytkownikami?
  → Potrzeba: sposób na ograniczenie dostępu do grup postów
• Jak zmienić odwiedzającego w subskrybenta?
  → Potrzeba: sposób na dołączenie formularzy rejestracyjnych
• Co widzą nieuprzywilejowani użytkownicy na chronionych stronach?
  → Potrzeba: sposób na dołączenie niestandardowych szablonów

Nie powinieneś rozważać rozwiązań technicznych, dopóki nie zapiszesz wszystkich tych pytań.

„Częstym błędem popełnianym przez twórców stron internetowych jest chwytanie dowolnej wtyczki, która wydaje się obsługiwać ich podstawowe funkcje, tylko po to, aby później odkryć, że istnieją pewne „drobne szczegóły”, których nie brali pod uwagę i które stają się „wskazówkami” w projekcie.

Załóżmy, że właściciel witryny musi kontrolować, co jest wyświetlane, gdy nieuprzywilejowani użytkownicy próbują uzyskać dostęp do chronionych stron. W związku z tym może dostarczyć tym użytkownikom zwiastuny lub wyróżnić niektóre ważne funkcje.

Jeśli Twoja wtyczka pozwala wyświetlić tylko prosty komunikat, taki jak „Musisz być zalogowany, aby zobaczyć tę stronę”, Twój klient może być bardzo rozczarowany. Twoje rozwiązanie działa, ale nie obsługuje planów biznesowych właściciela witryny.

diki.pl (słownik online), strona internetowa, w której chronione treści są ukryte za niestandardowym szablonem (wyskakujące okienko po prawej stronie), a tym samym ujawniają zalety rejestracji jako członek.

Krok 4: Znajdź narzędzia do realizacji wymagań projektu

Gdy już wiesz, czego wymaga zarówno Twój klient, jak i Ty jako programista, możesz zacząć szukać rozwiązań.

Szanse na to, że znajdziesz jedną wtyczkę, która obejmie wszystko, są niskie. Jednak połączenie kilku wtyczek, aby Twoja witryna członkowska działała, jest normalne. Jeśli masz umiejętności kodowania, możesz zaimplementować brakujące funkcje za pomocą niestandardowego kodowania lub uzgodnić, które działają z programistą.

Wskazówka: nie wymyślaj koła na nowo. Niezależnie od tego, czy stosujesz niestandardowe kodowanie PHP, czy korzystasz z wtyczek (lub obu), czy Twoje rozwiązania obracają się wokół mechanizmów WordPressa, takich jak profile użytkowników, role i możliwości? Dzięki temu Twoja witryna będzie łatwiejsza do rozszerzenia i będzie kompatybilna z różnymi wtyczkami.

Wyzwanie #2: Definiowanie niestandardowych ról użytkownika

Jak więc będziesz kontrolować dostęp do różnych zasobów dla każdej grupy swoich członków ? Najlepszą opcją jest użycie ról .

Zamiast przyznawać każdemu użytkownikowi dostęp do nowych zasobów, możesz po prostu przydzielić użytkownikom określone role, a także kontrolować wszystko inne na poziomie roli .

Na przykład, możesz skonfigurować Rolę A do czytania kilku konkretnych postów i Rolę B do czytania większej liczby postów niż Rola A, a Rolę C do dodawania nowych postów, co oznacza, że ​​wszyscy użytkownicy z daną rolą będą mogli robić wszystko, co im się podoba. rola pozwala im to zrobić.

Kontrola dostępu poprzez role użytkowników znacznie upraszcza zarządzanie zasobami.

Jeśli konto użytkownika wygaśnie i nadal chcesz zachować tego użytkownika w swoim systemie, nie musisz usuwać wszystkich połączeń z jego zasobami. Po prostu zmień jego rolę na taką, która ma ograniczone uprawnienia.

Wygaśnięcie konta jest łatwe w obsłudze za pomocą ról. Powyższy zrzut ekranu pochodzi z wtyczki Subskrypcja WooCommerce.

Pamiętaj, że ponieważ WordPress umożliwia definiowanie ról niestandardowych , różne wtyczki WordPress prawdopodobnie będą korzystać z tych samych mechanizmów i automatycznie wykryją zdefiniowane przez Ciebie role niestandardowe.

Jak dodać niestandardową rolę?

Aby dodać nową rolę, użyj funkcji dodawania roli . Jeśli nie jesteś programistą (lub chcesz zaoszczędzić czas), użyj wtyczki Toolset Access .

Dodawanie niestandardowej roli za pomocą wtyczki Toolset Access.

Zarządzanie możliwościami

Pamiętaj, że konfigurowanie ról niestandardowych idzie w parze z konfiguracją możliwości dla tej roli. Ponownie, za pomocą wtyczki Toolset Access, możesz przypisać możliwości za pomocą pól wyboru.

Korzystając z dostępu do zestawu narzędzi, kontrolujesz możliwości, zaznaczając opcje.

Wskazówka: zapoznaj się z domyślnymi rolami i możliwościami WP . Skorzystasz z tego na dwa sposoby. Po pierwsze, tworzenie roli niestandardowej nie jest konieczne, jeśli istniejąca rola spełnia (lub prawie spełnia) to, czego potrzebujesz. Po drugie, tworząc niestandardową rolę, odkryjesz, że zestaw domyślnych możliwości ma sens w Twoim przypadku.

Wyzwanie #3: Ograniczanie dostępu do różnych treści

Kontrolowanie dostępu do odczytu

Najbardziej oczekiwaną ochroną jest ograniczenie dostępu do odczytu Twoich stron i postów (w tym postów opartych na niestandardowym typie postów).

Dzieje się tak, ponieważ rdzeń WordPressa nie oferuje wiele w tym zakresie. Domyślnie możesz ustawić indywidualny post prywatnie lub chronić swoje posty hasłem .

Rdzeń WordPressa nie oferuje wielu opcji, które pozwalają ukryć niektóre z twoich postów przed publicznym dostępem.

Potrzebujesz więcej. Oto kilka przykładów tego, czego potrzebujesz:

1. Możliwość ograniczenia dostępu do odczytu na poziomie roli dla wszystkich postów danego typu postu.
2. Możliwość ograniczenia dostępu do odczytu na poziomie roli dla określonych postów/stron (np. grupy postów).
3. Możliwość ukrycia treści posta, ale tylko częściowo (tj. zachęcenie użytkownika do zostania członkiem).

Pamiętaj, że do Twojej witryny będą dodawane nowe posty. Jednak ustalenie z góry ustalonego zestawu chronionych słupków jest niemożliwe.

Dlatego potrzebny jest interfejs, który pozwoli administratorom witryny lub redaktorom ręcznie ustawić prawidłowe poziomy ochrony dla nowej zawartości.

W dostępie do zestawu narzędzi jest to kontrolowane przez grupy postów.

1. Utwórz nową grupę.
2. Dodaj do niego określone posty/strony.
3. Określ role, które są dostępne dla tej grupy.

Ograniczanie dostępu do odczytu do grupy postów za pomocą wtyczki Toolset Access.

Ustalenie, co zobaczą nieuprzywilejowani użytkownicy

W przypadku ograniczania dostępu do odczytu stron/postów kluczowe znaczenie ma również kontrolowanie tego, co mogą zobaczyć nieuprzywilejowani użytkownicy. Oto opcje do rozważenia:

• Uwzględnij „Nie znaleziono strony 404”
• Dołącz niestandardową wiadomość
• Dołącz w pełni konfigurowalny szablon, który może zawierać formularz logowania i/lub link do formularza rejestracji

„Niektórzy właściciele firm chcieliby wyświetlić coś specjalnego na chronionych stronach, które zachęcałyby odwiedzających do zarejestrowania się lub zakupu subskrypcji (np. oferta ograniczona czasowo). Im więcej elastyczności mają właściciele firm, tym lepiej”.

Użytkownicy nieuprzywilejowani

Uprzywilejowani użytkownicy

W programie Toolset Access możesz projektować własne szablony i przypisywać różne szablony do różnych grup postów. Gdy Twój szablon będzie gotowy, możesz połączyć go z grupą chronionych stron.

Konfigurowanie szablonu, który będzie wyświetlany użytkownikom, którzy nie mają uprawnień do czytania.

Wyzwanie 4: Zarządzanie rejestracją i kontami użytkowników

Niestandardowe formularze rejestracji i logowania

Formularze rejestracji i logowania są niezbędne dla każdej strony członkowskiej. Rdzeń WordPressa oferuje dwa rodzaje formularzy:

• Zaloguj sie
• Zapisz się

Domyślne formularze logowania i rejestracji WordPress.

Chociaż niektórzy blogerzy mogą używać formularzy domyślnych, nie są one akceptowane przez większość właścicieli firm.

Czego właściciele firm oczekują od formularzy logowania i rejestracji:

• Możliwość włączenia dodatkowych pól.
• Możliwość pełnego dostosowania formularzy (w celu dostosowania do ogólnego projektu witryny).
• Elastyczność pod względem miejsca wstawienia formularza (osadzenia na stronie, w szablonie itp.).

Zarządzanie kontem front-end

Nie zapominaj, że Twoi użytkownicy potrzebują miejsca, w którym mogą zarządzać swoimi danymi, takimi jak nazwy, adresy e-mail i hasła. Pamiętaj, że użytkownicy końcowi nie muszą znać WordPressa. Co więcej, niektórzy woleliby w ogóle nie wchodzić do backendu WordPressa.

Wtyczka Toolset CRED umożliwia tworzenie formularzy front-end do dodawania i zarządzania profilami użytkowników. Są one również w pełni konfigurowalne.

Edycja profilu użytkownika przez backend WordPress.

Edycja profilu użytkownika na interfejsie użytkownika. Formularz stworzony za pomocą wtyczki Toolset CRED.

Wyzwanie 5: Pobieranie opłat za członkostwo

Uruchomienie witryny członkowskiej często ma na celu osiągnięcie zysku. Dlatego uwzględnienie rozwiązań e-commerce jest koniecznością dla witryn członkowskich.

Co możesz zrobić:

1. Znajdź wtyczkę członkowską, która jest już zintegrowana z płatnościami online.
2. Dodaj wtyczkę e-commerce ogólnego przeznaczenia, taką jak WooCommerce, i zintegruj ją ze swoją witryną .

Wtyczka Toolset CRED Commerce pozwala połączyć formularze front-endowe z produktami WooCommerce i wstrzymać główną akcję do czasu, gdy powiązane zamówienie zostanie oznaczone jako zakończone (tj. płatność zostanie pomyślnie zakończona).

Kiedy używasz formularzy front-end do dodawania nowych postów (np. użytkownicy dodają CV), nowy post pojawi się w statusie wersji roboczej i nie zostanie zmieniony na „opublikowany”, dopóki powiązane tłumaczenie nie zostanie pomyślnie zakończone.

Proces rejestracji w celu tworzenia kont użytkowników przebiega w podobny sposób: użytkownik nie zobaczy swojego profilu do momentu zakończenia zamówienia. Zobacz poniższy zrzut ekranu.

Połączenie formularza rejestracyjnego użytkownika z produktem WooCommerce we wtyczce Toolset CRED Commerce.

Obsługa płatności cyklicznych (subskrypcji, które są ograniczone w czasie i które można odnowić po określonym czasie) jest trudniejsza i wymaga użycia dedykowanego rozwiązania, takiego jak dodatek Subskrypcje WooCommerce .

Streszczenie

Opracowanie dostosowanej witryny członkowskiej obejmuje zrozumienie niektórych podstawowych operacji WordPress, takich jak tworzenie profili użytkowników, ról i możliwości. Często oznacza to przeprowadzenie badań i planowanie, zwłaszcza jeśli będzie to Twoja pierwsza tego typu witryna.

Po starannym wykonaniu witryna członkowska zapewnia większą elastyczność na różnych poziomach. Twoja witryna będzie łatwa do rozbudowy i łatwiejsza w zarządzaniu. Ponadto będziesz dobrze wyposażony w narzędzia i strategie, które możesz wykorzystać w różnych projektach.

Czy planujesz robić podobne projekty? Zestaw narzędzi może pomóc. Pamiętaj, że możesz próbować przez 30 dni . Jeśli nie będziesz w pełni zadowolony, otrzymasz pełny zwrot pieniędzy bez zadawania pytań.

Uwaga: ten artykuł został opublikowany we współpracy z Agnes Bury z WPML.