Налаштування форми реєстрації

Щоб ваша мережа мала унікальний вигляд серед інших SaaS-рішень на платформі WordPress, Ultimate Multisite дозволяє налаштовувати сторінки реєстрації та входу за допомогою функції Checkout Forms.

Хоча ці форми — простий і гнучкий спосіб експериментувати з різними підходами для залучення нових клієнтів, здебільшого їх використовують для створення персоналізованих форм реєстрації. У цій статті ми покажемо, як це зробити.

Сторінки входу та реєстрації:

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

Розглянемо кожну з опцій, які можна налаштувати на сторінці Login & Registration:

• Enable registration: Ця опція вмикає або вимикає реєстрацію у вашій мережі. Якщо її вимкнено, клієнти не зможуть реєструватися та підписуватися на ваші продукти.

• Enable email verification: Якщо цю опцію ввімкнено, клієнти, які підписуються на безкоштовний тариф або платний тариф із пробним періодом, отримають лист для підтвердження і повинні будуть натиснути на посилання підтвердження, щоб їхні сайти були створені.

• Default registration page: Це сторінка реєстрації за замовчуванням. Ця сторінка має бути опублікована на вашому сайті та містити форму реєстрації (також відому як checkout form) — де ваші клієнти підписуватимуться на ваші продукти. Ви можете створити скільки завгодно сторінок реєстрації та checkout-форм, просто не забудьте додати shortcode checkout-форми на сторінку реєстрації, інакше вона не з'явиться.

• Use custom login page: Ця опція дозволяє використовувати власну сторінку входу замість стандартної wp-login.php. Якщо її ввімкнено, ви можете вибрати, яка сторінка буде використовуватися для входу, в опції Default login page (нижче).

• Obfuscate the original login url (wp-login.php): Якщо ви хочете приховати оригінальну URL-адресу входу, увімкніть цю опцію. Це корисно для захисту від brute-force атак. Якщо цю опцію ввімкнено, Ultimate Multisite покаже помилку 404, коли користувач спробує перейти за оригінальним посиланням wp-login.php.

• Force synchronous site publication: Після того як клієнт підписується на продукт у мережі, новий сайт у статусі очікування потрібно перетворити на справжній мережевий сайт. Процес публікації відбувається через Job Queue асинхронно. Увімкніть цю опцію, щоб публікація відбувалася в тому ж запиті, що й реєстрація.

Тепер розглянемо інші опції, які також стосуються процесу входу та реєстрації. Вони знаходяться нижче під Other options на тій самій сторінці Login & Registration:

• Default role: Це роль, яку матимуть ваші клієнти на своєму сайті після процесу реєстрації.

• Add users to the main site as well: Увімкнення цієї опції також додасть користувача на головний сайт вашої мережі після реєстрації. Якщо ви ввімкнете цю опцію, нижче з'явиться можливість встановити default role цих користувачів на вашому сайті.

• Enable multiple accounts: Дозволяє користувачам мати облікові записи на різних сайтах вашої мережі з однією email-адресою. Якщо цю опцію вимкнено, ваші клієнти не зможуть створювати обліковий запис на інших сайтах вашої мережі з тією ж email-адресою.

Ось і всі опції, пов'язані з входом та реєстрацією, які можна налаштувати! Не забудьте зберегти налаштування після редагування.

Використання кількох форм реєстрації:

Ultimate Multisite 2.0 пропонує редактор checkout-форм, який дозволяє створювати скільки завгодно форм із різними полями, продуктами тощо.

Сторінки входу та реєстрації містять shortcode: [wu_login_form] на сторінці входу та [wu_checkout] на сторінці реєстрації. Ви можете додатково налаштувати сторінку реєстрації, створюючи checkout-форми.

Щоб отримати доступ до цієї функції, перейдіть до меню Checkout Forms на бічній панелі ліворуч.

На цій сторінці ви побачите всі ваші checkout-форми.

Якщо ви хочете створити нову, просто натисніть Add Checkout Form у верхній частині сторінки.

Ви можете вибрати один із трьох варіантів як відправну точку: single step, multi-step або blank. Потім натисніть Go to the Editor.

Також ви можете редагувати або дублювати вже наявні форми, натиснувши на опції під їхньою назвою. Там же ви знайдете опції для копіювання shortcode форми або її видалення.

Якщо ви виберете single step або multi-step, checkout-форма вже буде заповнена базовими кроками для роботи. Потім за бажанням ви можете додати додаткові кроки.

Редагування Checkout Form:

Як ми згадували раніше, ви можете створювати checkout-форми для різних цілей. У цьому прикладі ми працюватимемо над формою реєстрації.

Після переходу до редактора checkout-форм дайте вашій формі назву (яка використовуватиметься лише для внутрішніх потреб) та slug (використовується для створення shortcode тощо).

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

На першій вкладці модального вікна заповніть вміст кроку вашої форми. Вкажіть ID, назву та опис. Ці елементи здебільшого використовуються для внутрішніх потреб.

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

Нарешті, налаштуйте стиль кроку. Це необов'язкові поля.

Тепер час додати поля до нашого першого кроку. Просто натисніть Add New Field і виберіть потрібний тип секції.

Кожне поле має різні параметри для заповнення. Для першого поля ми виберемо поле Username.

Ви можете додати стільки кроків і полів, скільки потрібно. Щоб показати ваші продукти клієнтам для вибору, використовуйте поле Pricing Table. Якщо ви хочете дозволити клієнтам обирати шаблон, додайте поле Template Selection. І так далі.

Примітка: Якщо ви створюєте продукт після створення checkout-форми, вам потрібно буде додати продукт у секцію Pricing table. Якщо ви його не додасте, продукт не з'явиться для ваших клієнтів на сторінці реєстрації.

Примітка 2: username, email, password, site title, site URL, order summary, payment та submit button — це обов'язкові поля для створення checkout-форми.

Під час роботи над checkout-формою ви завжди можете скористатися кнопкою Preview, щоб побачити, як форма виглядатиме для клієнтів. Ви також можете перемикатися між переглядом як existing user або visitor.

Нарешті, в Advanced Options ви можете налаштувати повідомлення для сторінки Thank You, додати сніпети для відстеження конверсій, додати власний CSS до checkout-форми або обмежити її певними країнами.

Ви також можете вручну ввімкнути або вимкнути checkout-форму за допомогою перемикача в правій колонці або остаточно видалити форму.

Не забудьте зберегти вашу checkout-форму!

Щоб отримати shortcode вашої форми, натисніть Generate Shortcode і скопіюйте результат, показаний у модальному вікні.

Примітка: Вам потрібно додати цей shortcode на сторінку реєстрації, щоб ця checkout-форма з'явилася на ній.

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

Якщо ви хочете створити власні таблиці цін для своїх продуктів і попередньо вибрати у checkout-формі продукт або шаблон, який клієнт обирає з вашої таблиці цін чи сторінки шаблонів, ви можете використовувати для цього URL-параметри.

Для тарифів:

Перейдіть до Ultimate Multisite > Products > Select a plan. У верхній частині сторінки ви побачите кнопку Click to copy Shareable Link. Це посилання, яке можна використовувати для попереднього вибору цього конкретного тарифу у вашій checkout-формі.

Зверніть увагу, що це shareable link працює лише для Plans. Ви не можете використовувати shareable links для packages або services.

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

Якщо ви хочете попередньо вибрати шаблони сайтів у checkout-формі, ви можете використовувати параметр: ?template_id=X в URL вашої сторінки реєстрації. «X» потрібно замінити на ID номер шаблону сайту. Щоб отримати цей номер, перейдіть до Ultimate Multisite > Sites.

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

Припустимо, що сайт нашої мережі — www.mynetwork.com, а сторінка реєстрації з checkout-формою знаходиться на сторінці /register. Повна URL-адреса з попередньо вибраним шаблоном сайту виглядатиме як www.mynetwork.com/register/?template_id=2.

І якщо хочете, ви можете попередньо вибрати і продукти, і шаблони для вашої checkout-форми. Все, що потрібно зробити — скопіювати shareable link тарифу і додати параметр шаблону в кінці. Це виглядатиме як www.mynetwork.com/register/premium-plan/?template_id=2.