Веб-дизайнер Александр Соловьев создает сайты на Tilda и знаком с некоторыми ноу-код инструментами. Когда у него заказали разработку онлайн-академии стилистов, понадобились более продвинутые инструменты. Тогда Саша обратил внимание на Airtable и Integromat — с их помощью строят сложные сценарии, настраивают интеграции с внешними сервисами и подключают базы данных без кода.
Далее расскажем, как дизайнер без опыта в программировании и ноукод-разработке собирал обучающую платформу, и что из этого вышло.
Что такое Erteqoob-online
Erteqoob — это школа, в которой именитые мастера обучают профессиональных стилистов. У ребят есть студии в Киеве и Харькове, там на манекенах и моделях учат салонным стрижкам, теории стиля, современным техникам и уходу за волосами.
В разгар пандемии вырос спрос на онлайн-обучение, поэтому команда Erteqoob обратилась к Александру с проектом Erteqoob-online. Как и в традиционной академии, уроки здесь ведут профессиональные стилисты, но по видео и на 3D-моделях.
Весь платный контент Erteqoob собран в личном кабинете пользователя. Раньше там было 5 разделов, но потом сайт упростили и оставили только «Видеокурсы» и «Мастер-классы».
Видеокурсы — это записанные уроки на узкие темы с 3D-диаграммой стрижки.
Уроки можно купить отдельно или взять полный набор из 11 видео. В разделе «Все курсы» отображаются уроки, доступные для подписки, а в разделе «Купленные» — те, на которые пользователь подписался. Когда подписка заканчивается, доступ закрывается, а пользователю предлагают продлить ее по более низкой цене. У администратора сайта открыты все видео.
Мастер-классы — это прямые трансляции или записи работы знаменитых стилистов длительностью 1-2 часа. Формат ориентирован на практические упражнения и обмен опытом.
Чтобы купить прямую трансляцию, студент заполняет форму, оплачивает занятие и получает приглашение по почте. Запись мастер-класса доступна 7 дней, но можно продлить за дополнительную плату.
Что под капотом Erteqoob-online
Александр сверстал сайт по готовому макету студии Hetmanz за три дня из стандартных блоков Tilda. Некоторые элементы написал на HTML и CSS, потому что клиент требовал pixel perfect и ставил акцент на эстетике и привлекательности.
Разделить доступ к контенту оказалось сложнее: у пользователей должны были отображаться только оплаченные курсы. В Tilda для этого пришлось бы создавать группы, раздавать доступы вручную и забирать их, когда подписка заканчивается. Нанимать разработчика под задачу было бы дорого, поэтому герой обратился к зерокодингу и получил, по его словам, «монстра».
Александр построил логику Erteqoob-online на трех инструментах:
- Airtable — база данных с контентом и учениками;
- Integromat — сценарии для добавления учеников в группы с контентом;
- Collabza — «склеивает» Airtable и Tilda.
Collabza подтягивает данные из Airtable в блоки Tilda, что позволяет создавать в конструкторе динамические сайты. Раньше, чтобы опубликовать объявление на сайте, его выкладывали вручную через админку, а с Collabza контентом управляют полностью из базы Airtable.
Через Collabza отображаются видеокурсы и мастер-классы, доступные для покупки, а также купленные уроки в личном кабинете и страницы мастер-классов.
В базе данных Airtable четыре таблицы:
- Ученики — зарегистрированные пользователи;
- Контент — общая база всех материалов;
- Доступы — почта, пароли от личных кабинетов и статус подписки;
- Направления — виды контента.
В таблицу «Ученики» попадают пользователи, которые зарегистрировались на сайте, там хранятся данные о регистрации и оплаченных курсах. В таблице «Направления» сейчас 4 вида контента, но посетители пока видят только видеокурсы и мастер-классы.
Мастер-классы — это динамический контент, он часто обновляется, поэтому менеджеры много работают руками. В базах Airtable управлять контентом проще, чем в админке Tilda.
Главная техническая проблема была во вкладке «Доступы»: на тильде нельзя автоматически управлять доступом к контенту. Менеджерам пришлось бы следить за подписками, вручную открывать и закрывать материалы. А вот с помощью Collabza и Airtable — можно настроить условия, по которым уроки открываются только у тех, кто заплатил. Для этого подключили таблицы к Integromat и использовали формулы.
Сценарий в Integromat добавляет пользователю контент, когда он его покупает. То есть сохраняет доступы в таблицах «Пользователи» и «Доступы». Эти данные берутся из вебхука и формируются на тильде, но не с помощью тильдовской корзины, а с помощью кода, который имитирует корзину.
Какие планы на будущее
За время работы над проектом Александр прокачался в ноукоде. Теперь он хочет изучить Glide и в перспективе планирует открыть ноукод-студию и школу лоу-кода. Он уверен, что рынку нужны быстрые решения, а значит спрос на зерокодеров будет расти.
Бизнесу нужна автоматизация, и он платит за нее хорошие деньги. С помощью таких инструментов, как Integromat и Airtable, компании ежегодно экономят сотни тысяч и миллионы рублей. Ты можешь освоить Integromat за пару месяцев на курсе «Автоматизация на Integromat без бюджета и разработчиков» и зарабатывать круглые суммы на заказах.