Перейти к основному содержимому

Настройка вашей регистрационной формы

Чтобы ваша сеть выглядела уникально среди всех остальных SaaS, построенных на платформе WordPress, Ultimate Multisite позволяет настроить страницы регистрации и входа с помощью нашей функции Формы оформления.

Хотя они являются простым и гибким способом экспериментировать с разными подходами при попытке привлечь новых клиентов, они в основном используются для создания персонализированных регистрационных форм. Эта статья поможет вам понять, как это сделать.

Страницы входа и регистрации:

После установки Ultimate Multisite автоматически создаются пользовательские страницы входа и регистрации на вашем основном сайте. Вы можете изменить эти страницы по любой момент, перейдя на страницу Ultimate Multisite > Settings > Login & Registration.

Login and Registration settings page

Давайте рассмотрим каждую из опций, которые вы можете настроить на странице Login & Registration:

  • Включить регистрацию: Эта опция включит или отключит регистрацию в вашей сети. Если она отключена, ваши клиенты не смогут зарегистрироваться и подписаться на ваши продукты.

  • Включить проверку электронной почты: Если эта опция включена, клиенты, подписывающиеся на бесплатный план или платный план с пробным периодом, получат письмо с подтверждением и должны будут нажать на ссылку подтверждения, чтобы их сайты были созданы.

  • Страница регистрации по умолчанию: Это страница по умолчанию для регистрации. На этой странице должна быть опубликована регистрационная форма (также известная как форма оформления) – где ваши клиенты будут подписываться на ваши продукты. Вы можете создать столько страниц регистрации и форм оформления, сколько захотите, просто помните, что нужно вставить шорткод формы оформления на страницу регистрации, иначе она не появится.

  • Использовать пользовательскую страницу входа: Эта опция позволяет использовать пользовательскую страницу входа, отличную от стандартной wp-login.php. Если эта опция включена, вы можете выбрать, какая страница будет использоваться для входа в опции Default login page (сразу ниже).

  • Скрыть оригинальный URL входа (wp-login.php) : Если вы хотите скрыть оригинальный URL входа, вы можете включить эту опцию. Это полезно для предотвращения атак методом перебора. Если эта опция включена, Ultimate Multisite отобразит ошибку 404, когда пользователь попытается получить доступ к оригинальной ссылке wp-login.php.

  • Принудительная синхронная публикация сайта: После того как клиент подпишется на продукт в сети, новый ожидающий сайт необходимо преобразовать в реальный сайт сети. Процесс публикации происходит через очередь задач, асинхронно. Включите эту опцию, чтобы принудительно выполнить публикацию в том же запросе, что и регистрация.

Теперь давайте посмотрим другие опции, которые все еще актуальны для процесса входа и регистрации. Они находятся прямо под Other options на той же странице Login & registration:

  • Роль по умолчанию: Это роль, которую ваши клиенты будут иметь на своем сайте после процесса регистрации.

  • Добавлять пользователей также на основной сайт: Включение этой опции также добавит пользователя на основной сайт вашей сети после процесса регистрации. Если вы включите эту опцию, опция установки default role этих пользователей на вашем сайте также появится прямо ниже.

  • Включить несколько аккаунтов: Позволяет пользователям иметь аккаунты на разных сайтах вашей сети с одним и тем же адресом электронной почты. Если эта опция отключена, ваши клиенты не смогут создать аккаунт на других сайтах, работающих в вашей сети, с тем же адресом электронной почты.

И это все опции, связанные с входом и регистрацией, которые вы можете настроить! Не забудьте сохранить свои настройки после завершения редактирования.

Использование нескольких регистрационных форм:

Ultimate Multisite 2.0 предлагает редактор форм оформления, который позволяет создавать столько форм, сколько захотите, с разными полями, предлагаемыми продуктами и т.д.

Обе страницы входа и регистрации включают шорткоды: [wu_login_form] на странице входа и [wu_checkout] для страницы регистрации. Вы можете дополнительно настроить страницу регистрации, создавая или строя формы оформления.

Чтобы получить доступ к этой функции, перейдите в меню Checkout Forms в левой боковой панели.

Checkout Forms menu in the sidebar

На этой странице вы можете увидеть все формы оформления, которые у вас есть.

Если вы хотите создать новую, просто нажмите Add Checkout Form вверху страницы.

Вы можете выбрать одну из этих трех опций в качестве отправной точки: один шаг, несколько шагов или пустая. Затем нажмите Go to the Editor.

Add Checkout Form with single step, multi-step, or blank options

В качестве альтернативы вы можете редактировать или дублировать уже имеющиеся формы, щелкнув по опциям под их именем. Там вы также найдете опции для копирования шорткода формы или удаления формы.

Checkout form hover actions with edit, duplicate, and delete

Если вы выберете один шаг или несколько шагов, форма оформления уже будет предварительно заполнена базовыми шагами для работы. Затем, если хотите, вы можете добавить к ней дополнительные шаги.

Редактирование формы оформления:

Как мы уже упоминали, вы можете создавать формы оформления для разных целей. В этом примере мы будем работать с регистрационной формой.

После перехода к редактору формы оформления дайте вашей форме имя (которое будет использоваться только для внутренней ссылки) и slug (используется для создания шорткодов, например).

Checkout form editor with name and slug fields

Формы состоят из шагов и полей. Вы можете добавить новый шаг, щелкнув Add New Checkout Step.

Add New Checkout Step button

На первой вкладке модального окна заполните содержимое шага вашей формы. Укажите ему ID, имя и описание. Эти элементы в основном используются внутренне.

Checkout step content tab with ID, name, and description

Затем установите видимость шага. Вы можете выбрать Always show, Only show for logged in users или Only show for guests.

Checkout step visibility options

Наконец, настройте стиль шага. Это опциональные поля.

Checkout step style configuration

Теперь пришло время добавить поля к нашему первому шагу. Просто нажмите Add New Field и выберите тип секции, который хотите.

Add New Field buttonField type selection dropdown

Каждое поле имеет разные параметры, которые нужно заполнить. Для этого первого входа мы выберем поле Username.

Username field configurationUsername field parametersUsername field additional settings

Вы можете добавить столько шагов и полей, сколько нужно. Чтобы отобразить ваши продукты для выбора клиентами, используйте поле Pricing Table. Если хотите, чтобы ваши клиенты выбрали шаблон, добавьте поле Template Selection. И так далее.

Примечание: Если вы создадите продукт после создания формы оформления, вам понадобится добавить продукт в раздел Pricing table. Если вы не добавите его, продукт не появится вашим клиентам на странице регистрации.

Примечание 2: username, email, password, site title, site URL, order summary, payment, and submit button являются обязательными полями для создания формы оформления.

Пока вы работаете над формой оформления, вы всегда можете использовать кнопку Предпросмотр, чтобы увидеть, как ваши клиенты увидят форму. Вы также можете переключаться между просмотром как существующего пользователя или посетителя.

Preview button on the checkout form editorCheckout form preview as visitor or existing user

Наконец, в Advanced Options вы можете настроить сообщение для страницы Thank You, добавить сниппеты для отслеживания конверсий, добавить пользовательский CSS к вашей форме оформления или ограничить ее определенными странами.

Advanced Options with Thank You page, conversion tracking, and custom CSS

Вы также можете вручную включить или отключить вашу форму оформления, переключив эту опцию в правом столбце, или навсегда удалить форму.

Active toggle and delete option for checkout form

Не забудьте сохранить вашу форму оформления!

Save Checkout Form button

Чтобы получить шорткод вашей формы, нажмите Generate Shortcode и скопируйте результат, показанный в модальном окне.

Generate Shortcode modal with shortcode to copy

Примечание: Вам понадобится добавить этот шорткод на вашу страницу регистрации, чтобы добавить к ней эту форму оформления.

Предварительный выбор продуктов и шаблонов через параметры URL:

Если вы хотите создать индивидуальные таблицы цен для ваших продуктов и предварительно выбрать на форме оформления продукт или шаблон, выбранный вашим клиентом из таблицы цен или страницы шаблонов, вы можете использовать параметры URL для этого.

Для планов:

Перейдите в Ultimate Multisite > Products > Select a plan. Вы должны увидеть кнопку Click to copy Shareable Link вверху страницы. Это ссылка, которую вы можете использовать для предварительного выбора конкретного плана на вашей форме оформления.

Product page with shareable link button

Обратите внимание, что эта ссылка доступна только для Plans. Вы не можете использовать ссылки для пакетов или услуг.

Для шаблонов:

Если вы хотите предварительно выбрать шаблоны сайтов на вашей форме оформления, вы можете использовать параметр: ?template_id=X в URL вашей страницы регистрации. "X" нужно заменить на site template ID number. Чтобы получить это число, перейдите в Ultimate Multisite > Sites.

Нажмите Manage прямо под шаблоном сайта, который вы хотите использовать. Вы увидите номер SITE ID. Просто используйте это число для конкретного шаблона сайта, чтобы он был предварительно выбран на вашей форме оформления. В нашем случае параметр URL будет ?template_id=2.

Sites list showing site template ID

Допустим, наш сетевой сайт - www.mynetwork.com, а наша страница регистрации с формой оформления находится на странице /register. Полный URL с предварительно выбранным шаблоном сайта будет выглядеть так: www.mynetwork.com/register/?template_id=2.

И если хотите, вы можете предварительно выбрать как продукты, так и шаблоны для вашей формы оформления. Все, что вам нужно сделать, это скопировать ссылку для совместного использования плана и вставить параметр шаблона в конец. Это будет выглядеть так: www.mynetwork.com/register/premium-plan/?template_id=2.