Створення кастомізованої сторінки авторизації в Bizon 365 за допомогою Tilda: простий покроковий лайфхак!

Створення кастомізованої сторінки авторизації в Bizon 365 за допомогою Tilda: простий покроковий лайфхак!!

Kwiga logo
by Любомир Сірський
Copywriter at Kwiga

Всім привіт! Сьогодні ми поговоримо про те, як створювати сторінку авторизації користувачів для онлайн-платформи Bizon 365 за допомогою функціоналу Tilda. Передусім подумаємо, навіщо потрібно кастомізувати сторінку авторизації?

Є дві причини:

  • У стандартній версії, яку пропонує Bizon 365, користувачі часто помиляються при введенні номера телефону. Тому ви не зможете отримати їхні дані для подальших пропозицій.

  • Та й сама по собі сторінка авторизації на сервісі не виглядає надто вже привабливо. До того ж змінити в ній можна лише фон.

Отже, якщо ви хочете вразити своїх слухачів та учасників стильним дизайном з першого погляду, беремося за справу. І для цього нам потрібно зовсім небагато: акаунт на Tilda та на Bizon 365, трохи натхнення і наш мануал.

З чого почати?

Ясна річ, із головного — створення вебінарної кімнати на «Бізоні». Потім необхідно завести сторінку на Tilda, яку ми будемо використовувати для авторизації ваших відвідувачів.

Ну і, звісно, потрібно визначитися: що ви хочете запитувати у користувачів? Варіантів, які дозволяє реалізувати Bizon 365, лише 4. Найпростіший — авторизація з використанням імені. Якщо трохи ускладнити, то можна запитати ще й номер телефону чи e-mail. Іще один варіант — авторизація відразу за іменем, телефоном і електронною поштою. Якщо хочете, щоб ваш вебінар відвідали лише ті, хто готовий надати всі дані про себе — вибирайте останній варіант.

Але перейдемо до практики. Де вибрати тип авторизації? На допомогу прийде вкладка «Доступ» у налаштуваннях вашої вебінарної кімнати. Саме там можна відзначити прапорцями ті опції, які буде показано при авторизації користувачів. Наочно це можна побачити на скріншоті (втім, ви й так не помилитеся).

Щойно ви визначите все те, що хочете отримати від користувачів, можна поглянути на те, як виглядатиме сторінка авторизації у «Бізоні». Приклад потрійної авторизації можна побачити на наступному скріншоті:

Виглядає чистенько, але бідненько. Урізноманітнімо цей варіант власним авторським дизайном. І для цього переходимо у свій акаунт у Tilda. Тут за допомогою стандартних шаблонів у розділі «Форма та кнопки» можна створити нову сторінку з цікавішим дизайном. Наприклад, з відео та полями авторизації, зображенням та полями авторизації, name it! Обирайте те, що вам здається найдоречнішим.

Але на цьому процес кастомізації тільки починається. Переходимо в Zero-блок і змінюємо текст на сторінці (спробуйте покреативити та зробити його цікавим, це додасть вам плюсик у карму від вдячних користувачів). Не забудьте налаштувати ту кількість полів, яку ви обрали для авторизації в Bizon 365, інакше отримаєте епік-фейл. Кожне з полів у Tilda налаштовуємо для кожного параметру, як наведено нижче.

У підсумку, має вийти щось схоже на це:

Ну і, звичайно, назви вебінару, підказки для полів авторизації та відео ви можете вибрати на свій смак.

А далі справа за малим — налаштовуємо редирект зі сторінки «Бізона» на сторінку авторизації в Tilda та навпаки, щоб ваші слухачі потрапили саме до вас. Що для цього потрібно?

Спочатку знаходимо посилання на вашу сторінку авторизації на Bizon 365. Для цього в налаштуваннямх вебінарної кімнати заходите у «Загальні» / «Відкрите посилання для глядачів». Копіюємо посилання під написом і повертаємося до інтерфейсу Tilda.

Але перед цим скористайтеся нашими готовими скриптами — це ключ до успіху. Дивимося нижче, який варіант авторизації вам потрібен і без зайвих роздумів копіюємо. Ми постаралися саме для вас.

  • Для потрійної авторизації за іменем, номером телефону та і-мейлом переходимо за та копіюємо відповідний скрипт.

  • Для мінімалістів, яким вистачає лише імені користувача, скрипт знаходиться .

  • Щоб запитати ім’я+телефон — .

  • А для тих, хто хоче отримати ім’я+і-мейл, знадобиться ось .

Але що робити з цим скриптом? Ось ваші наступні кроки:

  • Заходите на свою сторінку в Tilda.

  • Переходите на вкладку Меню/Список сторінок і створюємо новий блок html. Аби не помилитися, звіряйтеся з нашим скріншотом.

  • У вкладці «Зберегти та забути» вставляємо наш скрипт.

  • В самому скрипті, у рядку з написом var url змінюємо проставлене посилання на ваше посилання на сторінку авторизації в Bizon 365. Не забувайте про синтаксис html! У підсумку, отримуємо такий результат:

  • Зберігаємо та закриваємо. Публікуємо сторінку.

Результати проведеної роботи

А тепер найважливіше: обов'язково перевірте, як показується результат? Наочно побачити, що ж змінилося, можна на наших двох прикладах.

Ось наша сторінка, яку «Бізон» створює за замовчуванням —

Нудно, сумно і взагалі нецікаво.

А ось те, що вийшло після незначного втручання —

Стильно, модно, молодіжно. Ну, або хоча б не так, як у всіх.

Вітаємо, ви досягли нової вершини у своїй роботі! Тепер ви зможете зробити кожен вебінар ще цікавішим не лише завдяки контенту, але і за допомогою наших Лайфхаків. Пам'ятайте, що зустрічають по «одежі», а ваша сторінка авторизації може стати саме такою «одежиною» для вашого вебінару.

Ну що, ще питання є? Залишайте їх у коментарях. Найцікавіші та найкорисніші ми розберемо у наступних статтях. До зустрічі, залишайтеся з нами!