Продаж через форму реєстрації на сторонньому сайті

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

Основні кроки для налаштування

1. Створіть пропозицію

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

2. Додайте платіжну систему

Далі слід додати платіжну систему. Kwiga підтримує інтеграцію з такими сервісами, як plata by mono, Stripe, Liqpay, WayForPay та іншими. Це дозволить вашим клієнтам швидко та безпечно оплачувати обрані продукти. Після підключення системи оплати та налштування пропозиції ви зможете приймати платежі безпосередньо через форму реєстрації.
Інструкція з інтеграції платіжної системи.

3. Створіть віджет та налаштуйте вигляд форми реєстрації

Щоб створити віджет реєстрації, перейдіть у розділ Сайт – Віджет, мінілендинг у вашому кабінеті Kwiga.

Натисніть кнопку +, для створення нового віджета, дайте йому назву та перейдіть до конструктора.

За замовчуванням одразу створюється блок із текстом і кнопкою, який можна відредагувати або видалити.

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

Щоб додати форму для сбору контактів, клікнути на +Блок. Якщо плануєте щоб форма відкривалась на вашому сайті при кліку на кнопку, можете образу зробити зеленим перемикач навпроти Використовувати в модальному вікні.

Далі потрібно додати новий блок, а саме додати нову форму(Form).

І перейти доі налаштування Блоки та елементи.

За замовчуванням форма вже містить поля для імені та електронної пошти, але ви можете додати будь-яку кількість додаткових полів. Так з допомогою кнопки +Елемент можна, наприклад, додати поле для телефону.

Обрати елемент Field, щоб додати ще одне поле на форму.

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

Для кожного поля доступні додакові налашування, такі як наприклад текст кнопки чи підказки, зміна шрифта, розміру та кольору тощо.
Щоб повернутись від налаштувння окремого поля(елемента) до налаштувань блоку, використовуйте стрілочку назад зліва вгорі на боковй панелі.

Так за аналогією можна додати ще елементів(полів на форму) з допомогою кнопки +Елемент.
Щоб змінити положення поля, наприклад розмістити поле для вводу телефону під іменем, перетягніть елемент вище у налаштуваннях блоку та розмістіть у потрібному місці.

4. Налаштуйте застосування даних із форми

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

Оберіть Доступ до продукту.

Додайте потрібні теги, щоб потім фільтрувати за ними контакти у CRM, якщо потрібно,  і налаштуйте перенаправлення користувача - Надіслати користувача у профіль на Kwiga.
Змінити перемикач з повного доступу на Пропозицію, і по кнопці +Додати обрати назву потрібного тарифу(пропозиції). Після надсилання форми система автоматично перенаправить покупця на сторінку оплати.

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

Примітка: не потрібно додавати в налаштуваннях віджету, зокрема на кнопку, посилання на платіжну систему. При кліку на кнопку, відбувається відправлення даних форми(ствроються автоматично контакт в срм) та автоматично відбувається перенаправлення на оплату пропозиції. 

Стиль, розмір і колір віджета можна змінювати відповідно до дизайну вашого сайту. Після внесення змін не забудьте клікнути на Зберегти. Це дозволяє зробити форму реєстрації не тільки функціональною, а й візуально привабливою. Детальна інструкція з налаштування віджетів.

5. Інтегруйте віджет на сайт

Після завершення налаштувань форми та збереження змін рекомендуємо вийти з конструктора та перейти до етапу встановлення віджета.

Натисніть кнопку Встановити віджет, після чого відкриються варіанти інтеграції. 

Ви можете вибрати один із двох способів відображення:

Вбудований віджет — форма відображатиметься безпосередньо на сторінці вашого сайту. Скопіюйте згенерований код та вставте його в потрібне місце на сторінці сайту.

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


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

Якщо ви використовуєте конструктори сайтів, такі як Weblium, SendPulse або Wix, ознайомтеся з відповідними інструкціями для коректного встановлення віджета.

Процес для учасників

Процес реєстрації та покупки курсу через ваш сайт максимально простий та інтуїтивно зрозумілий для користувачів.
Покупець заповнює форму на вашому сайті, вводить свої контактні дані: ім’я, email та (за потреби) телефон чи інші дані. 

Після заповнення форми його одразу перенаправляє на сторінку оплати. А щойно оплата підтверджена, користувач автоматично отримує доступ до курсу. Вхід до особистого кабінету на платформі здійснюється за вказаним email(він виступатиме лоігном на платформі), а всі доступні матеріали відкриваються відповідно до налаштувань курсу та оплаченої пропозиції. 

Альтернативний спосіб

Якщо вам не потрібен віджет або ви шукаєте інший спосіб продажу, можна налаштувати продаж через пряме посилання. Для цього:

1. Створити пропозицію - налаштувати доступ до курсу, ціну та способи оплати.

2. Налаштувати оплату без авторизації.
   Варто зазначити, що не всі платіжні системи підтримують оплату без авторизації.

3. Скопіювати посилання на пропозицію - його можна знайти у налаштуваннях тарифного плану.

4. Додати це посилання, вставте його у кнопку на вашому сайті, у пост у соцмережах або email-розсилку.

5. Покупець перейде за посиланням і зможе здійснити оплату.

 Після успішної оплати доступ до курсу відкривається автоматично, без додаткових дій з вашого боку. Система самостійно підтверджує оплату та надає доступ, що дозволяє вам економити час і забезпечувати клієнтам миттєвий старт навчання.

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