Руководство: Как создать сайт членства на WordPress
Приветствую!
Давно про это думал, но наконец то решился: хочу представить вашему вниманию статью о том, как сделать сайт членства на WordPress.
Мне самому стало интересно как это сделать, но не потому что я хочу из своего блога сделать сайт для подписчиков, а просто ради познания WordPress.
Давайте начнем — не будем медлить!
Сайты для подписчиков (на WordPress) представляют собой действительно интересную концепцию, особенно когда речь идет о поиске уникального способа предоставления премиального контента вашей аудитории или клиентам.
Когда вы смотрите на это, вряд ли найдется какой-либо другой метод, который позволил бы вам полностью контролировать, к какой части вашего контента пользователи могут получить доступ. Например, для стандартного продукта или книги такой контроль просто невозможен. Люди склонны раздавать книги и другие формы физических продуктов. Но в большинстве случаев они не передают детали своего сайта.
Поэтому идея создания сайтов для подписчиков на WordPress сама по себе великолепна при условии, что вы или компания, для которой вы создаете сайт, обладаете нужным контентом для совместного использования на основе членства.
В этом руководстве я расскажу вам обо всех тонкостях сайтов, посвященных членству, и о том, как создать их на WordPress. Мы собираемся пройти весь процесс шаг за шагом, от чистого сайта WordPress до полнофункционального членского сайта на WordPress.
Обзор
Прежде всего, тема не так проста, как вы думаете. Создание сайта членства на WordPress — это гораздо больше, чем просто установка и активация нескольких плагинов, а затем надежда на то, что все само о себе позаботится.
Здесь действительно важно выбрать правильные плагины, которые будут решать свои конкретные задачи, затем правильно их настроить, а затем создать свой членский контент WordPress и связать все это вместе.
Итак, что я собираюсь сделать здесь, так это представить — какие плагины членства выбрать и как их правильно настроить.
Черты правильного членства на сайте WordPress
Давайте начнем с минутки, чтобы обсудить, почему WordPress изначально не предназначался для запуска сайта членства.
«Чего ждать?!» — спросите вы.
Подождите, я имею в виду не то, что WordPress нельзя использовать для запуска отличного сайта. Я имею в виду только то, что он не был предназначен для этой цели, когда платформа была изначально создана.
Но мы можем преодолеть недостатки WordPress, создав приятное краткое изложение того, чего мы действительно хотим достичь с помощью нашего творения.
Вот некоторые подробности о WordPress, которые необходимо рассмотреть и решить:
1. Отсутствие правильных форм входа в систему, регистрации переднего плана или страниц профиля пользователя в WordPress по умолчанию
Хорошо, я знаю, что каждый может зарегистрировать учетную запись на сайте WordPress, перейдя по адресу /wp-login.php?action=register, но это не совсем то, что мы хотим.
Таким образом, на нашем членском сайте WordPress нам нужна внешняя форма регистрации, которая больше похожа на Facebook (как будто она предназначена для обычных людей), а не на что-то, предназначенное для разработчиков.
То же самое касается страниц входа и страниц профиля пользователя. В то время как каждый пользователь на сайте WordPress имеет доступ к /wp-admin/profile.php, опять же, обычные люди могут испытывать проблемы с поиском обхода админ-панели.
2. Отсутствие дополнительных пользовательских ролей
В WordPress вы получаете только одну разумную роль пользователя, которую вы можете назначить своим членам — подписчик. Но что, если у вас есть больше уровней членства? Что делать, если у вас есть больше программ членства на одном сайте? Что делать, если вы хотите предоставить своим сотрудникам учетные записи?
В конце концов, нам просто нужно иметь способ создавать дополнительные роли пользователей.
3. Нет возможности установить, кто и что смотрит на сайте
WordPress обладает только базовыми функциями защиты паролем и статусом «частный контент», когда речь идет о защите постов и страниц. Это не то, что мы можем запустить хороший сайт членства. Нам нужно расширить структуру контента по умолчанию, улучшив механизм установки того, какой контент заблокирован, а какой доступен каждому.
4. Нет расширенного контроля над меню
Большинство сайтов участников публикуют большое количество контента и классифицируют его различными способами (например, в зависимости от даты доступности, темы и т. д.). Все это означает, что нам также необходимо иметь некоторую форму расширенного управления меню. Что-то, что позволило бы нам показывать определенные пункты меню для определенных групп пользователей и скрывать их от других.
Хорошо, у нас есть список проблем WordPress, которые нам нужно преодолеть, если мы хотим назвать наш сайт — сайтом членства. Итак, теперь давайте обсудим еще одну вещь, и это то, какой тип сайта членства мы будем строить.
Это то, что нужно 90 процентам людей на сайте WordPress.
Я полагаю, что лучший способ решить эту тему — чтобы каждый мог извлечь выгоду — это создать стандартную среду членства, которая, вероятно, понадобится 90 процентам (это, кстати, предположительно) владельцев сайтов, когда они планируют ввести компонент членства в свой бизнес.
Следовательно, мы собираемся сделать следующее:
- Создайте сайт членства на WordPress, который позволяет доставить/провести онлайн-курсы. Это самая популярная форма членства на сайте. Это дает владельцу сайта возможность предоставлять премиальный/эксклюзивный контент только тем, кто присоединился к сайту, и не делает его доступным для широкой публики.
- Будет один основной тип пользователей членства, просто названный участниками. Однако структура сайта должна позволять нам добавлять другие уровни членства в будущем, если это необходимо.
- Участники смогут зарегистрироваться через интерфейсную страницу, без необходимости заходить в wp-admin.
- Участники также смогут редактировать свои профили и входить в систему через интерфейс.
- Вход в систему будет осуществляться в основном по электронной почте.
- Каждый участник должен будет предоставить основные сведения о себе (например, имя, фамилия, страна, адрес электронной почты).
- Там будет эксклюзивный контент, доступный только для членов.
- Участники увидят разные пункты меню.
- Нам нужна возможность настраивать электронные письма, которые получают новые участники при подписке.
- После входа член должен быть перенаправлен на домашнюю страницу области членства.
Шаг 1: Получение плагинов
Заметка. Представленное здесь решение включает в себя смесь плагинов. Два из них бесплатны, а третий является PRO-версией бесплатного плагина, доступного в каталоге WordPress. Чтобы получить полную функциональность, которую мы обсуждаем здесь, вам понадобится эта PRO версия. Однако, если вы просто хотите начать и узнать, как запустить функциональный сайт членства на WordPress, подойдет и бесплатная версия.
Вот плагины, с которыми мы будем работать:
После того, как вы загрузили и активировали их, переходите к следующему шагу.
Шаг 2: Создание дополнительных пользовательских ролей
Итак, по умолчанию WordPress предоставляет нам несколько пользовательских ролей: подписчик, участник, автор, редактор, администратор. Эти роли предназначены для того, чтобы регулировать, кто может редактировать/получать доступ к чему-либо на серверной части сайта WordPress. Однако они не полностью оптимизированы для работы с внешними пользователями (иначе говоря, нашими членами), поэтому нам нужны некоторые дополнительные роли.
Это делается с помощью плагина «Members». В админке перейдите на вкладку «Users — Roles» («Пользователи — Роли») и нажмите «Add New» («Добавить новую»).
Давайте назовем нашу первую роль «member», вот так:
В списке «Role Capabilities» («Возможности роли»), оставьте отмеченным только одно: «read«.
На этом этапе у вас должна быть дополнительная роль, видимая в диспетчере ролей в «Users — Roles» («Пользователи — Роли»):
Шаг 3: Создание формы регистрации и входа
Это выполняет другой плагин — «Profile Builder», тут он вступает в игру.
Во-первых, давайте перейдем «Profile Builder — General Settings» («Profile Builder — Общие настройки»), чтобы убедиться, что все основные параметры установлены правильно. Вот то, что там должно быть:
Как вы можете видеть, я разрешаю всем войти в систему по электронной почте, а также по имени пользователя на нашем сайте WordPress. Если оставить это «только для электронной почты», это может причинить неудобства существующим пользователям — редакторам и авторам, которые могут иметь свои учетные записи на сайте.
Также обстоят дела с паролями. Это мой собственный выбор: использовать как минимум шесть символов, а надежность пароля должна быть как минимум «слабой». Не стесняйтесь выбирать любой вариант, который вам подходит.
Далее вкладка «Profile Builder — Admin Bar Settings» («Profile Builder — Настройки панели администратора»). Вот что я советую вам выбрать там:
Панель администратора — родная вещь WordPress, и я просто не думаю, что участники должны видеть ее.
Теперь пришло время выбрать обязательные поля профиля для участников. Для этого перейдите «Profile Builder — Manage Fields» («Profile Builder — Управление полями»).
По умолчанию там много всего, но я собираюсь избавиться от большей части, щелкнув по ссылке «Delete» («Удалить»), которая находится в последнем столбце таблицы.
Когда я все настроил, вот что у меня осталось:
На данный момент мы можем создать нашу первую форму — форму регистрации.
Поскольку это WordPress, все можно сделать через стандартный интерфейс редактирования страниц, поэтому просто перейдите на «Pages — Add New» («Страницы — Добавить новую») и введите любую информацию, которую пожелаете (вероятно, отличный момент, чтобы объяснить, на что подписывается пользователь).
То, что у меня есть на моей странице регистрации, довольно просто:
Шорткод, который вы видите там, гарантирует, что тот, кто регистрируется, будет назначен на роль «Member» («Участник»). Снова шорткод:
[wppb-register role="member"]
Когда я опубликую эту страницу, вот как она будет выглядеть в интерфейсе (тема по умолчанию и на локальном компьютере):
Итак, теперь, когда у нас есть страница регистрации, пришло время где-нибудь отобразить форму входа.
Наиболее очевидным местом размещения будет одна из областей виджетов сайта. Так что я просто пойду «Appearance | Widgets» («Внешний вид — Виджеты») и использую «Profile Builder Login Widget» («Виджет входа Profile Builder»). Конфиг довольно простой:
Кроме того, я также собираюсь создать пользовательскую страницу входа и разместить на ней этот шорткод:
[wppb-login]
Это позаботится об отображении формы входа на отдельной странице. (Мы будем использовать эту страницу на более позднем этапе.)
Шаг 4: Создание редактирования профиля
Хотя только небольшая часть пользователей воспользуется такой возможностью, вы должны предоставить членам возможность изменить свою информацию. Вот где страница редактирования профиля вступает в игру.
Снова, давайте перейдем к «Pages — Add New» («Страницы — Добавить новую») и создайте страницу профиля. Страница моего профиля — еще одно очень простое создание. Основным элементом на нем является этот короткий код:
[wppb-edit-profile]
Я также делаю некоторые корректировки внутри одного из пользовательских блоков, видимых под основным полем редактирования страницы:
Это гарантирует, что только участники могут редактировать свои профили.
Фактическая форма для редактирования профиля очень похожа на регистрационную форму, поэтому здесь не о чем много говорить.
Шаг 5: Создание закрытого контента
Ядром любого сайта членства на WordPress, как очевидно, является контент, который доступен исключительно для участников.
Просто в качестве демонстрации я собираюсь создать одну страницу, которая будет моей «Домашней страницей в области членства», и одну страницу, действующую как вложенная область. Простой материал … все сделано через «Pages — Add New» («Страницы — Добавить новую»). Единственное, что мне нужно сделать, когда дело доходит до контроля доступа, это выбрать правильное поле в «Content Permission» («Разрешение на доступ к содержимому») (см. Изображение выше).
Конечно, насколько широко или насколько глубоко вы хотите углубиться в концепцию содержания членства, зависит от вас. WordPress и плагины, которые мы здесь используем, могут обрабатывать любой размер вашей области членства. Причина, по которой я создаю только две простые страницы, состоит в том, что этого достаточно, чтобы продемонстрировать, как все работает.
Шаг 6: Создание пользовательского меню
Следующим шагом в нашем списке является создание пользовательского меню, которое будет отображать все наши членские ссылки.
Однако вместо того, чтобы сделать его простым меню, мы на самом деле собираемся отображать определенные ссылки в зависимости от статуса участника, просматривающего сайт в данный момент. Круто, да?
Именно здесь в игру вступает последний плагин — «Nav Menu Roles».
Веселье начинается во вкладке «Appearance — Menus» («Внешний вид — Меню»).
Создание меню обычно и назовем его, скажем, «Members Area». Выберите все свои страницы членства и добавьте их в меню, например так:
Теперь самое интересное — сделать доступными подстраницы на основе уровней членства.
Когда вы нажимаете стрелку вниз рядом с любым пунктом меню, вы увидите следующее:
Эти дополнительные настройки позволяют назначать любой уровень доступа в зависимости от статуса членства пользователя. Вот мои настройки для каждой из страниц:
- Вход в членство: режим отображения — пользователи, вышедшие из системы.
- Регистрация: режим отображения — пользователи, вышедшие из системы.
- Изменить свой профиль: режим отображения — все, роль доступа — член.
- Домашняя страница зоны членства: режим отображения — все, роль доступа — член (плюс роли автора, редактора, администратора).
- Раздел «Другое членство»: режим отображения — все, роль доступа — член (плюс роли автора, редактора, администратора).
Как только это будет сделано, давайте добавим меню на боковую панель и посмотрим, как оно выглядит. Вот версия по умолчанию — никто не вошел в систему:
И с зарегистрированным участником:
Шаг 7: Настройка почтовых сообщений и перенаправлений
Чтобы этот шаг работал, нам нужно включить некоторые дополнительные модули в плагине «Profile Builder». Это делается в «Profile Builder — Modules» («Profile Builder — Модули»). В частности, нам понадобятся такие:
Во-первых, настройка сообщений электронной почты.
Почему это делается? Причина проста: нам просто не нужны стандартные письма «Добро пожаловать на мой сайт», когда кто-то подписывается. Настройка этих сообщений является обязательным условием, чтобы дать вашим участникам действительно оптимизированный опыт и дать им почувствовать себя желанными с первого дня.
Чтобы это произошло, перейдите в «Profile Builder — User Email Customizer» («Profile Builder — Настройка электронной почты пользователя»).
Этот раздел позволяет вам настраивать сообщения для различных сценариев регистрации, таких как: регистрация по умолчанию, регистрация с подтверждением по электронной почте, регистрация с одобрением администратора, уведомление об одобрении пользователя, электронная почта для сброса пароля и еще парочка.
Далее, давайте позаботимся о перенаправлениях, которые происходят после определенных действий, выполняемых участниками. Это делается в «Profile Builder — Custom Redirects» («Profile Builder — Пользовательский раздел перенаправлений»).
Там можно сделать много интересного, но я просто поэкспериментирую со следующим:
Здесь я просто устанавливаю основное перенаправление «после входа в систему», которое приведет пользователя на домашнюю страницу зоны членства.
И другая часть:
Здесь я забочусь о страницах входа и регистрации WordPress по умолчанию. Это перенаправит всех, кто пытается получить доступ к wp-login.php. Это хороший штрих для защиты вашего WordPress бэк-энда.
Это в значительной степени закрывает область демонстрации нашего сайта. Но держись …
Как насчет учителей?
Как вы можете видеть здесь, мы не уделяем много внимания создателям контента. Я думаю, что эта часть работы по-прежнему лучше всего выполняется внутри wp-admin. В большинстве случаев большую часть работы все равно будет выполнять один человек/администратор.
Обратите внимание, что при текущей настройке мы не обсуждаем, как обрабатывать платежи или иным образом создавать ваш сайт таким образом, чтобы вы могли взимать плату с участников за участие. Прямо сейчас любой может зарегистрироваться после заполнения регистрационной формы.
В заключении
Итак, это все! На данный момент наш сайт для участников на WordPress завершен и готов приветствовать некоторых новых участников.
Честно говоря, мне стало интересно, не мог бы я создать действительно функциональный сайт для членства с плагинами WordPress, без посторонней помощи, просто пройдя через настройки и оптимизируя все по пути. Но очень скоро меня поразили возможности этих трех плагинов и то, насколько функциональным будет конечный продукт.
Я имею в виду все эти формы, перенаправления, блокировку контента и т. д. Эти функции — действительно все, что вам нужно для создания действительно качественного сайта для ваших сотрудников.
Но это только мое мнение. А что вы думаете? Являются ли сайты членства тем, что вы либо сами хотите проверить, либо предлагаете своим клиентам?
На этом все — до скорых встреч!