Tilda – популярный конструктор сайтов. В этой статье вы узнаете как с его помощью сделать лендинг, через который можно приобрести ваш курс.
Статья рассчитана на новичков, которые ещё не регистрировались на Tilda. Если вы уже пользуйтесь этим конструктором сайтов, то некоторые шаги в инструкции могут отличаться.
Настройка оплаты курса
Чтобы с вашего лендинга можно было перейти к оплате курса необходимо настроить ссылку для приёма оплаты.
Зайдите в кабинет автора на платформе Антитренинги. Перейдите в раздел “Курсы преподавателя”.
![Как создать лендинг на Tilda для продажи курса? 2 pasted image 0 42](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-42.png?resize=449%2C130&ssl=1)
Проверьте, чтобы в папке “Магазин курсов” присутствовал тот курс, который вам необходимо продавать на лендинге. При необходимости перенесите курс из другой папки с помощью кнопки “Вставить курс в папку”.
![Как создать лендинг на Tilda для продажи курса? 3 pasted image 0 43](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-43.png?resize=730%2C373&ssl=1)
Зайдите в настройки папки “Магазин курсов” нажав на иконку шестиренки.
Перейдите в раздел “Продажи”, и нажмите на нужный курс, для его настройки.
![Как создать лендинг на Tilda для продажи курса? 5 pasted image 0 44](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-44.png?resize=730%2C267&ssl=1)
В разделе “Где продаётся курс” укажите вариант “На лендинге”. В поле ниже вставьте ссылку, по которой будет доступен лендинг. Если вам пока не известен адрес, используйте любую ссылку, её можно поменять позже.
В качестве сервиса автоматизации продаж оставляйте вариант “Антитренинги (ОплатаКурсов)”. Добавьте текстовое описание курса.
В разделе “Форматы обучения и цены” нажмите “Подключить”.
![Как создать лендинг на Tilda для продажи курса? 6 pasted image 0 45](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-45.png?resize=654%2C780&ssl=1)
Укажите стоимость курса в этом формате и его описание.
![Как создать лендинг на Tilda для продажи курса? 7 pasted image 0 46](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-46.png?resize=730%2C203&ssl=1)
При необходимости можете добавить несколько форматов, например: “Стандарт”, “Продвинутый”, “ВИП”. В этой инструкции использован только один формат.
![Как создать лендинг на Tilda для продажи курса? 8 pasted image 0 47](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-47.png?resize=730%2C210&ssl=1)
Сохраните настройки и перейдите в сервис “Оплата Курсов” через меню в левой части страницы.
![Как создать лендинг на Tilda для продажи курса? 9 pasted image 0 48](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-48.png?resize=284%2C228&ssl=1)
Откроется раздел “Автор — Продукты”. Выберете нужный продукт из списка.
![Как создать лендинг на Tilda для продажи курса? 10 pasted image 0 49](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-49.png?resize=567%2C181&ssl=1)
В открывшемся окне скопируйте ссылку в разделе “Для вас”. Сохраните эту ссылку, она будет использоваться для кнопки оплаты на вашем лендинге на Tilda.
![Как создать лендинг на Tilda для продажи курса? 11 pasted image 0 50](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-50.png?resize=659%2C236&ssl=1)
Регистрация
Перейдите на сайт https://tilda.cc/ru/ и нажмите на кнопку “Регистрация”. Введите имя, почту и пароль. Нажмите “Зарегистрироваться”. На следующей странице подтвердите что вы не робот и снова нажмите “Зарегистрироваться”.
![Как создать лендинг на Tilda для продажи курса? 12 untitled 20](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/untitled-20.png?resize=466%2C490&ssl=1)
![Как создать лендинг на Tilda для продажи курса? 13 untitled 21](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/untitled-21.png?resize=351%2C382&ssl=1)
Создание и настройка страницы
Вам отобразится окно в котором необходимо указать название вашего сайта. Это название видите только вы, посетители лендинга его не увидят. После ввода названия нажмите кнопку “Создать”.
![Как создать лендинг на Tilda для продажи курса? 14 untitled 22](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/untitled-22.png?resize=713%2C346&ssl=1)
Далее нажмите на кнопку “+Создать новую страницу”.
![Как создать лендинг на Tilda для продажи курса? 15 untitled 23](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/untitled-23.png?resize=538%2C189&ssl=1)
Выберите один из шаблонов. В этой статье использован шаблон “Обучающий курс” рекомендуем так же использовать его, чтобы лучше понимать инструкцию.
![Как создать лендинг на Tilda для продажи курса? 16 pasted image 0 51](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-51.png?resize=540%2C557&ssl=1)
После того как вы выберете шаблон, откроется редактор сайта. Здесь вы можете полностью поменять исходный шаблон. Заменить картинки, добавить свой текст, настроить шрифты и многое другое. В этой статье будут описаны только основные изменения в шаблоне, которые позволят посетителям вашего лендинга перейти на страницу для совершения покупки в сервисе “Оплата Курсов”.
Промотайте страницу до раздела “Стоимость курса” и нажмите “Редактировать блок”.
![Как создать лендинг на Tilda для продажи курса? 17 pasted image 0 52](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-52.png?resize=730%2C200&ssl=1)
Опустите нижний край блока, чтобы там можно было разместить кнопку. Для этого кликните на границу белого окна и потяните его вниз.
![Как создать лендинг на Tilda для продажи курса? 18 pasted image 0 53](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-53.png?resize=480%2C347&ssl=1)
Нажмите на + в левом верхнем углу и выберете “Add Button”.
![Как создать лендинг на Tilda для продажи курса? 19 pasted image 0 54](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-54.png?resize=230%2C235&ssl=1)
На странице появится кнопка, переместите её в нижнюю часть блока.
![Как создать лендинг на Tilda для продажи курса? 20 pasted image 0 55](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-55.png?resize=427%2C337&ssl=1)
В правом меню укажите текст на кнопке в поле “Caption”. Вставьте ссылку на оплату курса в поле URL. Выберете цвет кнопки в поле “BG. color”.
![Как создать лендинг на Tilda для продажи курса? 21 pasted image 0 56](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-56.png?resize=308%2C390&ssl=1)
В правом верхнем углу нажмите на “Save”, затем на “Close”. В результате блок “Стоимость курса” будет выглядеть таким образом:
![Как создать лендинг на Tilda для продажи курса? 22 pasted image 0 57](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-57.png?resize=730%2C525&ssl=1)
Следующий за ним блок необходимо удалить, так как контактные данные ученик будет вводить на отдельной странице оплаты.
![Как создать лендинг на Tilda для продажи курса? 23 pasted image 0 58](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-58.png?resize=730%2C130&ssl=1)
Обязательные изменения на лендинге выполнены. Отредактируйте текст и замените изображения на всей странице, чтобы лендинг описывал именно ваш курс. После этого нажмите на кнопку опубликовать чтобы лендинг стал доступным для пользователей.
![Как создать лендинг на Tilda для продажи курса? 24 untitled 24](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/untitled-24.png?resize=567%2C61&ssl=1)
Откроется окно, в котором необходимо указать адрес страницы. Он должен совпадать с тем, что указывается при настройке оплаты курса. Вы можете вернуться на страницу настроек на платформе Антитренинги и поменять адрес там.
![Как создать лендинг на Tilda для продажи курса? 25 pasted image 0 59](https://i2.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-59.png?resize=674%2C304&ssl=1)
![Как создать лендинг на Tilda для продажи курса? 26 pasted image 0 60](https://i0.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-60.png?resize=520%2C382&ssl=1)
Нажмите “Сохранить и продолжить”. Страница опубликована, можете открыть её и проверить работу кнопки “Оплатить”. Если все настроено корректно, откроется подобная страница:
![Как создать лендинг на Tilda для продажи курса? 27 pasted image 0 41](https://i1.wp.com/smartwebinar.org/blog/wp-content/uploads/2022/05/pasted-image-0-41.png?resize=730%2C706&ssl=1)
Узнайте как сделать лендинг для входа на вебинар, созданный на платформе SmartWebinar.