Віджет Авторизація в конструкторі сайтів
У конструкторі лендингів SendPulse ви можете використовувати віджет Авторизація, щоб на сторінку запису на курс із власним унікальним дизайном додати кнопки реєстрації на курс або входу в кабінет студента.
Наприклад, ви можете створити багатосторінковий сайт про школу або експерта, додати різні курси та презентувати їх у потрібному оформленні.
Ви можете додати віджет лише на сайт із прив'язаним курсом. Для цього перейдіть на сайт курсу, створіть нову сторінку та додайте на неї віджет.
Додайте елемент
Додайте віджет Авторизація (Course login) у потрібну частину шаблону.
Виберіть зовнішній вигляд
У розділі Відображення форм (Appearance) виберіть, як відображати віджет на сторінці. Доступні параметри форми залежать від вашого вибору.
| Вбудована форма (Embedded form) | Відображає форму розгорнутою на сторінці, з усіма видимими полями введення.
У налаштуванні Форма за замовчуванням (Default form) виберіть, яка форма відображатиметься за замовчуванням: Авторизація (Sign In) або Реєстрація (Sign Up). |
| Спливна форма (Pop-up form) | Відображає кнопки, після натискання на які форма відкривається у спливному вікні.
У налаштуванні Відображення кнопок (Button display) виберіть, які кнопки відображати: Авторизація або Реєстрація чи обидві. |
Щоб показати студентам, які вже мають акаунт, посилання для входу, позначте чекбокс Додати посилання для входу з написом «У мене вже є акаунт» (Add a login link labeled "I already have an account").
Виберіть курс і тарифний план
Якщо курс платний, у розділі Курс і тарифний план (Course and pricing plan) виберіть курс і тарифний план, який потрібно прив'язати до віджета. Ви можете знайти план за назвою курсу.
Налаштуйте поля форми
Щоб відкрити налаштування форми, у розділі Поля форми (Form fields) виберіть форму віджета: Авторизація або Реєстрація.
Реєстрація
Кнопка Реєстрація відкриває вікно запису на курс. Ви можете налаштувати різні поля для форми запису, а також налаштувати саму кнопку.
Після заповнення форми реєстрації на вказану пошту студенту буде надіслано лист із підтвердженням. Увійти в обліковий запис і почати навчання студент зможе після переходу за посиланням, указаним у листі.
Докладніше: Як дозволити студентам записуватися самостійно.
Ви можете налаштувати доступні поля або додати власні для збереження даних про студента. У наступному вікні виберіть тип поля та введіть його назву.
Для кожного поля виберіть, у яке поле контакту в CRM зберегти змінну. Також для кожного студента створюється угода.
Щоб зробити поле обов'язковим для заповнення, увімкніть відповідний перемикач.
Щоб відредагувати кнопку, яка веде на сторінку реєстрації на курс, у полі Кнопка реєстрації (Sign up button) натисніть на значок олівця. Ви можете налаштувати, який текст кнопки відображатиметься, залежно від того, чи був студент записаний раніше на будь-який курс цього ж викладача на цьому домені.
У наступному вікні виберіть текст для кожного сценарію:
| Текст для входу на курс (Course sign in text) | Ця версія тексту відображається, якщо студент не ввійшов в акаунт. |
| Текст для реєстрації на курс (Course sign up text) | Ця версія тексту відображається, якщо студент увійшов в акаунт, але не записався на курс. |
| Текст для переходу до курсу (Go-to-course text) | Ця версія тексту відображається, якщо студент увійшов в акаунт і записався на курс. |
Ви також можете додати в цьому розділі додаткову кнопку, щоб розмістити додаткову інформацію. Натисніть Додати кнопку (Add button). Натисніть на значок олівця, щоб перейти до налаштувань кнопки.
Авторизація
Кнопка Авторизація відкриває вікно для входу в кабінет студента. Студент може ввійти в кабінет, якщо реєструвався на будь-який курс цього ж викладача на цьому домені.
Ви можете налаштувати стандартні поля Email та Пароль (Password), відредагувавши їхні назви та плейсхолдери. Для цього натисніть на значок олівця поруч із кожним полем.
Щоб відредагувати текст кнопки, натисніть на значок олівця в розділі Кнопка входу (Login button).
Додайте чекбокс згоди у форму реєстрації
Щоб студенти приймали ваші умови перед реєстрацією, увімкніть перемикач Чекбокс у формі реєстрації (Checkbox in the registration form).
За замовчуванням у формі реєстрації з'явиться чекбокс Я погоджуюся з умовами використання (I agree to the terms of use). Щоб відредагувати його та додати посилання, натисніть на значок олівця. Щоб додати новий чекбокс, натисніть Додати (Add).
Налаштуйте стиль віджета
Щоб змінити стиль полів у вбудованій формі, натисніть Стиль полів (Field styles).
Ви можете налаштувати форму за допомогою таких параметрів:
| Фон модального вікна (Modal window background) | Налаштовує колір фону форми. Виберіть колір. |
| Заокруглення (Rounding) | Налаштовує заокруглення форми. Укажіть значення в пікселях. |
| Внутрішні відступи (Inner padding) | Налаштовує внутрішні відступи форми. Укажіть значення в пікселях. |
| Колір тексту форми (Form texts color) | Налаштовує колір тексту форми. Виберіть колір. |
| Вигляд поля (Field appearance) | Налаштовує форму полів. Виберіть заокруглену або прямокутну форму. |
| Колір тексту в полі введення (Input field text color) | Налаштовує колір тексту в полях введення. Виберіть колір. |
| Колір фону (Background color) | Налаштовує колір фону тексту форми. Виберіть колір. |
| Колір межі (Border color) | Налаштовує колір межі форми. Виберіть колір. |
| Розмір поля (Field size) | Налаштовує розмір полів форми. Доступні розміри: маленький (S), середній (M) та великий (L). |
| Колір посилань форми (Form link color) | Налаштовує колір посилань форми. Виберіть колір. |
Ви також можете задати розташування вмісту колонки — ліворуч, по центру або праворуч — у полі Вирівнювання (Alignment).
Налаштуйте аналітику
Ви можете налаштувати передавання цілей із форми в події Google Analytics і Facebook Pixel. Натисніть Налаштувати аналітику (Analytics settings).
Якщо у вас не активована аналітика, перейдіть за посиланням Як налаштувати (How to set it up).
Щоб активувати передавання даних, у налаштуваннях сайту мають бути додані коди пікселя Facebook і Google Analytics. Дізнайтеся більше: Як підключити Google Analytics до сайту та Як підключити піксель Facebook до сайту.
Якщо у вас активована аналітика, ви побачите два перемикачі.
Якщо ви увімкнули перемикач Передавати ціль у Google Analytics, введіть дані для полів Категорія (Category), Дія (Action), Мітка (Label) — ці параметри передаватимуться в аналітику в розділі Події.
Якщо ви увімкнули перемикач Передавати ціль у піксель Facebook, автоматично буде сформовано подію Complete Registration. Її ви зможете переглянути в Менеджері подій вашого бізнес-акаунта Facebook.
Збережіть налаштування та опублікуйте сайт.
Оновлено: 27.03.2024
або