Продажа через форму регистрации на стороннем сайте

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

Основные шаги для настройки

1. Создайте предложение

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

Подробнее о создании предложения.

2. Добавьте платежную систему

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

Инструкция по интеграции платежной системы.

3. Создайте виджет и настройте вид формы регистрации

Чтобы создать виджет регистрации, перейдите в раздел Сайт — Виджет, мини-лендинг в вашем кабинете Kwiga.

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

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

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

Чтобы добавить форму для сбора контактов, кликнуть на +Блок. Если планируете чтобы форма открывалась на вашем сайте при клике на кнопку, можете образа сделать зеленым переключатель напротив Использовать в модальном окне.

Далее нужно добавить новый блок, а именно добавить новую форму(Form).

И перейти к настройке Блоков и элементов.

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

Выбрать элемент Field, чтобы добавить еще одно поле на форму.

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

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

Чтобы вернуться от настроек отдельного поля (элемента) к настройкам блока, используйте стрелочку назад слева вверху на боковой панели.

Так по аналогии можно добавить еще элементов (полей на форму) с помощью кнопки +Элемент.

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

4. Настройте применение данных из формы

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

Выберите Доступ к продукту.

Добавьте нужные теги, чтобы потом фильтровать по ним контакты в CRM, если нужно, и настройте перенаправление пользователя — Отправить пользователя в профиль на Kwiga.

Изменить переключатель с полного доступа на Предложение, и по кнопке +Добавить выбрать название нужного тарифа (предложения). После отправки формы система автоматически перенаправит покупателя на страницу оплаты.

При необходимости можно дополнительно настроить передачу заполненных данных контакта в сторонний сервис.

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

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

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

5. Интегрируйте виджет на сайт

После завершения настроек формы и сохранения изменений рекомендуем выйти из конструктора и перейти к этапу установки виджета.

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

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

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

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

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

Если вы используете конструкторы сайтов, такие как Weblium, SendPulse или Wix, ознакомьтесь с соответствующими инструкциями для корректной установки виджета.

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

Процесс регистрации и покупки курса через ваш сайт максимально простой и интуитивно понятный для пользователей.

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

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

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

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

1. Создать предложение — настроить доступ к курсу, цену и способы оплаты.

2. Настроить оплату без авторизации. 

Стоит отметить, что не все платежные системы поддерживают оплату без авторизации.

3. Скопировать ссылку на предложение — ее можно найти в настройках тарифного плана.

4. Добавить эту ссылку, вставьте ее в кнопку на вашем сайте, в пост в соцсетях или email-рассылку.

5. Покупатель перейдет по ссылке и сможет произвести оплату.

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

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