Кастомизиране на формата за регистрация

За да направите мрежата си уникална спрямо всички други 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) – където вашите клиенти ще се абонират за вашите продукти. Можете да създадете колкото и желаете страници за регистрация и форми за плащане, само помнете да поставите shortcode на формата за плащане на страницата за регистрация, иначе тя няма да се появи.

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

• Obfuscate the original login url (wp-login.php) : Ако искате да скриете оригиналния URL за вход, можете да активирате този избор. Това е полезно, за да предотвратите атаки с груба сила (brute-force attacks). Ако този избор е активиран, Ultimate Multisite ще покаже грешка 404, когато потребител се опита да достъпи оригиналния линк wp-login.php.

• Force synchronous site publication: След като клиент се абонира за продукт в мрежата, новия изчакват (pending) сайт трябва да бъде превърнат в реален сайт в мрежата. Процесът на публикуване се случва чрез Job Queue, асинхронно. Активирайте този избор, за да принудите публикуването да се случи в същия заявка като регистрацията.

Сега, нека видим други опции, които все още са свързани с процеса на вход и регистрация. Те са точно под Other options на същата страница Login & registration:

• Default role: Това е ролята, която вашите клиенти ще имат на своя сайт след процеса на регистрация.

• Enable Jumper: Активира Jumper ярлицата в административната зона. Jumper позволява на администраторите бързо да преминават до екрани на Ultimate Multisite, обекти в мрежата и други поддържани дестинации, без да преминават през всяко меню. Изключете го, ако предпочитате да скриете този инструмент за бърва навигация от административния интерфейс.

• Add users to the main site as well: Активирането на този избор също ще добави потребителя към основния сайт на вашата мрежа след процеса на регистрация. Ако активирате този избор, също така ще се появи опция за задаване на default role на тези потребители на вашия уебсайт, точно под нея.

• Enable multiple accounts: Позволява на потребителите да имат сметки в различни сайтове на вашата мрежа с един и същ имейл адрес. Ако този избор е изключен, вашите клиенти няма да могат да създадат сметка в други уебсайтове, работещи в вашата мрежа, с един и същ имейл адрес.

И това са всички опции, свързани с вход и регистрация, които можете да кастомизирате! Не забравяйте да запазите настройките, след като приключите с редактирането им.

Използване на множество форми за регистрация:

Ultimate Multisite 2.0 предлага редактор за форми за плащане (checkout form editor), който ви позволява да създавате колкото и желаете форми, с различни полета, продукти и т.н.

И страниците за вход, и страниците за регистрация са вградени с shortcodes: [wu_login_form] на страницата за вход и [wu_checkout] за страницата за регистрация. Можете допълнително да кастомизирате страницата за регистрация, като създавате или изграждате форми за плащане.

За достъп до тази функция отидете в менюто Checkout Forms в лявата странична лента.

На тази страница можете да видите всички форми за плащане, които имате.

Ако искате да създадете нова, просто кликнете върху Add Checkout Form в горната част на страницата.

Можете да изберете един от тези три избора като отправна точка: single step, multi-step или blank. След това кликнете върху Go to the Editor.

Алтернативно, можете да редактирате или дублирате вече съществуващите форми, като кликнете върху опциите под името им. Там също ще намерите опции за копиране на shortcode на формата или за изтриване на формата.

Ако изберете single step или multi-step, формата за плащане вече ще бъде предварително попълнена с основните стъпки за работа. След това, ако желаете, можете да добавите допълнителни стъпки.

Редактиране на форма за плащане (Checkout Form):

Както споменахме по-рано, можете да създавате форми за плащане за различни цели. В този пример ще работим върху форма за регистрация.

След навигиране до редактора на формата за плащане, задайте име на формата си (което ще се използва само за вътрешна справка) и slug (използва се за създаване на shortcodes, например).

Формите се състоят от стъпки (steps) и полета (fields). Можете да добавите нова стъпка, като кликнете върху 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. И така нататък.

Забележка: Ако създадете продукт след създаването на формата за плащане, ще трябва да добавите продукта в секцията Pricing table. Ако не го добавите, продуктът няма да се появи за вашите клиенти на страницата за регистрация.

Забележка 2: username, email, password, site title, site URL, order summary, payment и submit button са задължителни полета за създаване на форма за плащане.

Докато работите върху формата за плащане, винаги можете да използвате бутона Preview, за да видите как вашите клиенти ще виждат формата. Също така можете да превключвате между изглед като съществуващ потребител или като посетител.

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

Също така можете ръчно да активирате или деактивирате формата за плащане, като превключите този избор в дясната колона, или да изтриете формата напълно.

Не забравяйте да запазите формата за плащане!

За да получите shortcode на формата си, кликнете върху Generate Shortcode и копирайте резултата, показан в модалното прозорец.

Забележка: Трябва да добавите този shortcode към страницата за регистрация, за да бъде добавена тази форма за плащане.

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

Ако искате да създадете персонализирани таблици с цени за вашите продукти и предварително да изберете на формата за плащане продукта или шаблона, който клиентът ви избира от страницата с таблици с цени или шаблони, можете да използвате URL параметри за това.

За планове (Plans):

Отидете в Ultimate Multisite > Products > Select a plan. Трябва да видите бутона Click to copy Shareable Link в горната част на страницата. Това е линкът, който можете да използвате, за да предварително изберете този конкретен план във формата за плащане.

Забележка: Този споделен линк е валиден само за Plans. Не можете да използвате споделени линкове за пакети или услуги.

За шаблони (Templates):

Ако искате да предварително изберете шаблони на сайтове във формата за плащане, можете да използвате параметъра: ?template_id=X в URL на страницата за регистрация. "X" трябва да бъде заменен с site template ID номер. За да получите този номер, отидете в Ultimate Multisite > Sites.

Кликнете върху Manage точно под шаблон на сайта, който искате да използвате. Ще видите SITE ID номера. Просто използвайте този номер за този конкретен шаблон на сайта, за да бъде предварително избран във формата за плащане. В нашия случай, URL параметърът би бил ?template_id=2.

Да приемем, че уебсайтът на нашата мрежа е www.mynetwork.com и нашата страница за регистрация с формата за плащане се намира на страницата /register. Целият URL с предварително избран шаблон на сайта ще изглежда като www.mynetwork.com/register/?template_id=2.

И ако желаете, можете да предварително изберете както продукти, така и шаблони във формата за плащане. Всичко, което трябва да направите, е да копирате споделения линк на плана и да залепите параметъра за шаблона в края. Ще изглежда като www.mynetwork.com/register/premium-plan/?template_id=2.