Как создать онлайн школу часть 3

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

Предыдущие части:

  • Как создать онлайн школу на тильде

    В статье распишу поэтапно как создать онлайн школу на тильде с нуля, имея только желание, экспертность и небольшую сумму в кармане

    Читать первую часть цикла статей «Как создать онлайн школу на тильде»

  • Как создать онлайн школу на тильде часть 2

    Вторая часть статьи о том как создать онлайн школу на тильде с нуля. Без больших вложений и технических знаний.

    Читать вторую часть цикла статей «Как создать онлайн школу на тильде»

  • Активируем Прием оплат

    В качестве примера, рассмотрю подключение платежной системы «Продамус» и тип платежей для самозанятого. Для всех остальных систем принцип похож.

    Нажимаем на «Настройки сайта»

    создать онлайн школу на тильда

    Выбераем раздел «Платежные системы»

    И в списке платежных систем ищем ту которая нам нужна. Если ее нет, то выбираем из списка «Универсальная платежная система» и выбираем ту что нужна

    создать онлайн школу на тильда

    Выбрав «Prodamus» начинаем заполнять поля, которые предоставила система. «Логин» — это логин для входа в администрирование платежной страницы. Его можете найти в email письме, которое вы получили при оформлении документов. «Секрет для подписи заказа» — его можно взять из настроек платежной страницы продамуса, по адресу Настройки — Настройки формы — поле Секретный ключ. Просто скопируйте его и вставьте. «URL для уведомлений» — скопируйте значение и вставьте в настройках платежной страницы продамуса

    создать онлайн школу на тильда

    «URL страницы успеха» — в первой части мы создали страницу успеха, поэтому в это поле вставьте её URL адрес. Аналогично «URL отказа», только сюда вставляем адрес страницы, на которую попадает клиент при неуспешной оплате или ошибке. «Отправлять данные в сервисы приема данных только после оплаты» — обязательно нужно удостовериться, что стоит галочка «Да». Тогда после оплаты клиент будет автоматически попадать в ранее созданную группу. «Заголовок» — здесь можно назвать как угодно, например, «Оплата картой Visa, Mastercard, Мир».

    После того как все поля заполнены, нажмите кнопку «Добавить». А в платежной системе «Продамус», кнопку «Сохранить». После в Разделе «Платежные системы» Tilda вы увидите, что продамус активирован

    Настройка логики

    Уведомление Email

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

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

    Подключение форм

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

    создать онлайн школу на тильда

    Переходим в раздел «Формы»

    создать онлайн школу на тильда

    В разделе «Другое» выбираем «Личный кабинет» и выбераем группу куда ходим добавить пользователя после оплаты.

    Нвжимаем кнопку «Добавить», затем «Закрыть». Ни в коем случае не нажимайте на «Добавить приемщик данных ко всем формам на сайте». Иначе все формы на сайте будут после оплаты добавлять клиента в эту группу. Аналогичо добавляем для другой группы «Только Теория».

    Как только создали связи с покупкой, поднимаемся выше в раздел «Системы управления клиентами (CRM)» и выбираем «Tilda CRM», далее выбираем наш Лист, который создали во второй части

    Нажимаем «Добавить», затем «Закрыть». Аналогично добавляем Лист «Тариф Только Теория».

    Что в итоге мы сделали. Мы собрали логику работы. То есть после покупки тарифа «Только Теория» клиент попадает в группу «Только Теория», а отслеживать статус оплат и статистику в CRM вы сможете на листе «Только Теория». Там будут отображены статус оплаты, когда купили, сумму заказа и т.д.

    Привязка форм к корзине

    Логику собрали, а как клиент будет покупать тарифы?. Для этого есть специальный блок, называется корзина — ST100. Так как у нас два тарифа, то для того чтобы разделить их логически, нужно создать две разные страницы оформления заказа.

    Создаем сначала страницу для оформления заказа тариф «Терия + Практика». Нажимаем конпку «Создать новую страницу».

    Выбираем шаблон «Пустая страница» — кнопка «Выбрать. И добавляем блок «Текст»

    Пишем в нём следующий текст «Оформление заказа». Далее добавляем блок корзина, наведя курсор на окончание блока вы увидете черный кружок, нажмите на него, либо вы можете нажать на кнопку «Все блоки»

    Выбераем раздел «Магазин», затем блок «Корзина ST100»

    Как результат, вы увидете появления выбранного блока на странице. Зайдите в «Контент» блока

    И установите галочки напротив тех сервисов, к которым корзина будет подключена

    Эти галочки означают, что после оплаты, данные клиента попадут в лист Tilda CRM «Тариф Теория + Практика», а сам клиент получит доступ к группе «Курс — Тариф Теория + Практика», т.е. к соотвествующей странице курса, котрую создали ранее в части 2

    Далее опускаемся ниже и переходим в раздел «Поля для ввода». Здесь нам нужно сделать поля для оформления заказа. Нам понадобятся: имя, email, телефон. Все поля должны быть обязательными к заполнению, а телефон должен иметь такой вид

    Так клиентам будет понятнее вводить номер телефона. Теперь вверху нажмите на кнопку «Сохранить и закрыть». Далее нажмите «Настройки» для блока корзины и перейдите в раздел «Дополнительные настройки». И активируйте два параметра

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

    Вверху, нажмите на кнопку «Сохранить и закрыть»

    Теперь нужно добавить кнопку, которая позволит активировать оформление заказа при попадании клиента со страницы продажи курса для нашего тарифа «Теория + Практика». Для этогу внизу выберете кнопку «Все блоки». Можно воспользоваться поиском для нахождения нужного блока. Для этого нажмите на иконку лупы и справа введите нужный блок.

    Затем выбере блок «Кнопка BF101». Далее нажмите на кнопку «Контент» данного блока. И введите в качестве URL такую комбинацию #order:Тариф «Теория+Практика»=5000 В качестве «Текст кнопки» — Открыть корзину.

    Затем нажмите «Сохранить и закрыть»

    Далее вверху нажмите кнопку «Опубликовать», укажите арес страницы, например chek-tarif-full После нажмите кнопку «Сохранить и продолжить»

    Аналогично выполняем все операции для тарифа «Только Теория». То есть мы создаем страницу оформления заказа, добавляем туда блок корзины. Подключяем следующие интеграции

    Настраиваем поля. Далее добавляем кнопку и прописываем ей значение #order:Тариф «Только Теория»=4000. Все как делали раньше, сохранеем и опубликовываем, в качестве адреса страницы можно прописать chek-tarif-teory

    Переходим к редактированию страницы продажи курса. Нажмите на нее

    Перейдите в блок «Тарифы участия» и нажмите на кнопку «Контент». Далее перейдите в раздел «Карточки»

    Выделете текст «Купить» для тарифа «Только теория». И нажмите на иконку «Цепь», это позволит добавить ссылку к тексту. В поле «Укажите ссылку» нужно вставить ссылку https://вашдомен/check-tarif-teory#order:Тариф «Только Теория»=4000

    Нажмите «Применить» и переходите к следующей карточке с тарифом «Теория + Практика». Также выделете текст «Купить» и добавьте ссылку. В качестве ссылки укажите следующий текст https://вашдомен/check-tarif-full#order:Тариф «Теория+Практика»=5000

    Нажмите «Применить», далее вверху «Сохранить и закрыть», далее «Опубликовать».

    Теперь протестируем. Перейдите по ссылке на вашу страницу продажи курса как клиент, и нажмите на кнопку «Купить» на одном из тарифов.

    После нажатия вас автоматически перекинет на страницу оформления заказа для данного тарифа и откроет форму для ввода имени, email, телефона.

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

    Индивидуальный тариф

    Осталось настроить «Индивидуальный» тариф. Но здесь все просто. Перейдите в «Настройки сайта» и далее в раздел «Формы»

    создать онлайн школу на тильда

    Далее выберете «EMAL»

    Впишите свой email и нажмите кнопку «Добавить». После чего вам будет необходимо подтвердить свой адрес.

    Как только подтвердите, переходите в редактирование страницы продажи курса и в самом нижнем блоке с формой нажмите на кнопку контент. После чего в качестве подключенного сервиса укажите EMAIL, который вы подключили выше

    Теперь все заявки с формы тарифа «Индивидуальный» будут попадать на указанную электронную почту

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

    Добавить комментарий

    Ваш адрес email не будет опубликован.