Форми за плащане (Checkout Forms)

Формите за плащане са лесен и гъвкав начин за експериментиране с различни подходи, когато се опитвате да конвертирате нови клиенти.

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

За да получите достъп до тази функция, отидете в менюто „Checkout Forms“ (Форми за плащане) в лявата странична лента.

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

Таблицата със списък включва колона Status (Статус), така че да можете да потвърдите дали всяка форма е налична за клиентите:

Status	Meaning
Active	Формата може да бъде използвана навсякъде, където е публикуван нейният шорткод или страница за регистрация.
Inactive	Формата е запазена, но е деактивирана. Клиентите не могат да завършат плащането с нея, докато не я активирате отново.

Използвайте колоната със статуса, преди да редактирате публичен процес на регистрация, особено когато запазвате драфт или сезонни форми за плащане заедно с активните форми.

Ако искате да създадете нова, просто кликнете върху „Add Checkout Form“ (Добави форма за плащане) в горната част на страницата.

Можете да изберете една от тези три опции като отправна точка: single step (едностъпна), multi-step (многостъпна) или blank (празна). След това кликнете върху „Go to the Editor“ (Отиди в редактора).

Когато изберете single step или multi-step като отправна точка, шаблонът на формата автоматично включва поле Template Selection (Избор на шаблон). Това поле позволява на вашите клиенти да изберет шаблон на сайта по време на процеса на регистрация. Можете да го оставите, да го премахнете или да го преместите като всяко друго поле в редактора.

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

Преглед на редактора на форми за плащане (Checkout Form Editor Overview)

Редакторът на форми за плащане предоставя изчерпателен интерфейс за изграждане на вашите форми за регистрация. Ето преглед на разположението на редактора:

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

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

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

Формите се състоят от стъпки (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. И така нататък.

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

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

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

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

За да изтриете формата, кликнете върху опцията за изтриване в действията на формата:

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

За да получите шорткода на формата си, кликнете върху „Generate Shortcode“ (Генерирай шорткод) и копирайте резултата, показан в модалното изваждане.

Полето Pricing Table (Таблица с цени)

Полето Pricing Table показва вашите продукти във формата за плащане, така че клиентите да могат да изберет план. Когато редактирате това поле, можете да конфигурирате няколко опции:

Ето как изглежда таблицата с цени на фронтенд формата за регистрация:

• Products (Продукти): Изберете кои продукти да бъдат показани и в как ред.
• Force Different Durations (Принудително различни продължителности): Когато е активирано, всички продукти се показват, независимо дали имат съответстваща вариация на цената за текущия период на начисляване. Когато е деактивирано (по подразбиране), продуктите без вариация за избрания период се скриват.
• Hide when Pre-Selected (Скривай при предварително избрано): Скрива таблицата с цени, когато план вече е избран чрез URL (напр. /register/premium).
• Pricing Table Template (Шаблон на таблицата с цени): Изберете визуалния шаблон за таблицата с цени (Simple List, Legacy и т.н.).

Ако добавите продукт към Pricing Table, преди формата да включва полетата, необходими за завършване на процеса на плащане на този продукт, редакторът показва предупреждение. Използвайте предупреждението, за да добавите липсващото задължително поле, преди да публикувате или да запазите промени за активна форма за регистрация.

Добавяне на превключвател за избор на период (Period Selection Toggle)

Ако сте конфигурирали [Price Variations] (Вариации на цените) за вашите продукти (напр. месечно и годишно ценообразуване), можете да добавите поле Period Selection (Избор на период) към формата за плащане. Това поле показва превключвател, който позволява на клиентите да превключват между периоди на начисляване, а таблицата с цени се актуализира динамично в реално време.

Стъпка 1: Настройка на вариации на цените за продуктите ви

Преди да добавите полето Period Selection, уверете се, че продуктите ви имат конфигурирани вариации на цените. Отидете на Ultimate Multisite > Products, редактирайте продукт и отидете в заявката Price Variations, за да добавите алтернативни периоди на начисляване (напр. Годишно на отстъп цена).

Стъпка 2: Добавяне на полето Period Selection към формата за плащане

1. Отидете на Ultimate Multisite > Checkout Forms и редактирайте формата за плащане.

2. Скролнете надолу до стъпката, която съдържа полето Pricing Table, и кликнете върху „Add new Field“ (Добави ново поле).

3. В диалоговия прозорец за избор на тип поле, кликнете върху Period Select.

4. Конфигурирайте опциите за периода. Всеки вариант трябва да има:

   • Duration (Продължителност): Числото (напр. 1)
   • Duration unit (Единица на продължителност): Тип на периода (Дни, Седмици, Месеци или Години)
   • Label (Етикет): Текстът, който клиентите ще видят (напр. "Месечно", "Годишно")

5. Кликнете върху + Add Option (Добави опция), за да добавите повече избори на период. Тези опции трябва да съответстват на вариациите на цените, които сте конфигурирали за продуктите си.

Можете също така да конфигурирате опциите на полето директно:

6. Изберете Period Selector Template (Шаблон за избор на период) (Clean е по подразбиране, което рендира прост стилизиран избор, готов за персонализиран CSS).

7. Кликнете върху „Save Field“ (Запази полето).

Стъпка 3: Позициониране на полето над Pricing Table

За най-добро потребителско изживяване, уверете се, че полето Period Selection се появява преди полето Pricing Table в стъпката на формата за плащане. Можете да премествате полетата, за да ги прередите в редактора на формата за плащане. Така клиентите първо избират период на начисляване, а след това виждат цените за този период.

Как работи на фронтенд

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

• Таблицата с цени незабавно се актуализира, за да покаже цените за избрания период (не е необходим презареждане на страницата).
• Ако Force Different Durations (Принудително различни продължителности) е деактивирано в полето Pricing Table, продуктите без вариация на цена за избрания период ще бъдат скрити.
• Ако Force Different Durations е активирано, всички продукти остават видими, дори ако нямат вариация за избрания период (те ще показват стандартната си цена).

Предварително избиране на период на начисляване чрез URL

Можете също така предварително да изберете продукт и период на начисляване чрез URL. Ultimate Multisite поддържа тези URL модели:

• /register/premium — Предварително избира само продукта "Premium"
• /register/premium/12 — Предварително избира продукта и продължителност от 12 месеца
• /register/premium/1/year — Предварително избира продукта с продължителност от 1 година

Полето Template Selection (Избор на шаблон)

Полето Template Selection позволява на клиентите да избират шаблон на сайта по време на плащането. То вече е включено по подразбиране в шаблоните за форми за плащане single step и multi-step, добавени в Ultimate Multisite v2.6.1.

Добавяне на полето ръчно

Ако работите с форма, създадена преди v2.6.1, или започнала от празен шаблон:

1. Отидете на Ultimate Multisite > Checkout Forms и редактирайте формата за плащане.
2. В стъпката, където се събират данните за сайта, кликнете върху „Add new Field“ (Добави ново поле).
3. Изберете Template Selection от диалога за тип поле.
4. Конфигурирайте полето:
   • Label (Етикет) — Заглавието, което клиентите виждат над мрежата на шаблоните (напр. "Изберете шаблон на сайта").
   • Required (Задължително) — Дали клиентите трябва да изберет шаблон, преди да продължат.

Как работи

Когато клиент избере шаблон по време на плащането, Ultimate Multisite го използва, когато предоставя (provisioning) неговия нов сайт. Показаните шаблони идват от списъка ви Site Templates (Шаблони на сайтовете) (Ultimate Multisite > Site Templates). Тук се показват само шаблоните, маркирани като налични за клиенти.

Премахване на полето

Ако не предлагате шаблони на сайтове, премахнете полето Template Selection от формата си. Клиентите след това ще получат който и да е дефолтен шаблон, конфигуриран в Ultimate Multisite > Settings > Site Templates.