Как создать многостраничный сайт
0:00 начало видеоурока
1:10 как создать главную страницу
2:24 как создать внутреннюю страницу
3:55 как назначить главную страницу в настройках сайта
4:27 как задать понятные адреса страницам
6:31 как задать заголовок и описание
7:49 как скопировать блок на другую страницу
8:57 как создать меню
12:07 как назначить Header
12:47 как назначить Footer
15:55 как убрать Header и Footer на главной странице
16:57 как связать страницы между собой с помощью ссылок
Интуитивный конструктор сайтов
Используйте блоки в сотнях комбинаций, просто добавляя один за другим, в интуитивно понятном интерфейсе. Вы сможете создать сайт своими руками.
Библиотека блоков
Полноэкранные обложки, эффектная типографика, фотогалереи, фоновые видео, формы заявок и многое другое.
Вам не обязательно быть дизайнером. Мы создали более 550 блоков. Каждый из них гармоничен, и в то же время имеет настройки, позволяющие создать сайт с индивидуальным дизайном.
Адаптивность
Не нужно делать работу дважды, оптимизируя дизайн под разные устройства.
Ваш сайт будет автоматически хорошо смотреться на смартфонах, планшетах и компьютерах. Мы проработали каждый блок, чтобы создание адаптивного сайта было элементарным. Подробнее
Редактор собственных блоков
Создайте с нуля новые блоки с уникальным дизайном и адаптивностью.
Zero Block — графический редактор для профессиональных дизайнеров, который позволяет полное редактирование всех элементов сайта.
Your browser does not support the video tag.
Тильда в действии. Посмотрите, как легко создать сайт самому. Всё, что вам нужно, — это контент и хороший вкус.
Ключевые особенности
Фокус на типографике
Контент, оформленный с помощью Тильды, не просто красив — его хочется читать.
В процессе создания сайта сосредоточьтесь на контенте, ведь мы уже подумали о его подаче. В каждый блок на Тильде заложены гармоничные пропорции. Удобная ширина строки, интерлиньяж, размер шрифта, комбинации заголовков упрощают чтение текста.
Визуальный контент
Создание красивого сайта во многом зависит от фотографий и видео. Мы придумали, как их эффектно показать.
Мы разработали коллекцию блоков для подачи визуального контента. Полноэкранные обложки и видео-обложки, галереи, фото-комбинации, видео-секвенции. Ваши возможности становятся намного шире. Вы можете проектировать опыт пользователя, включая все медиа-форматы. Создайте сайт без программиста.
Конструктор сайтов Tilda Publishing
Все для лендингов
Создание посадочных страниц и измерение их эффективности
Мы разработали ряд блоков для создания лендингов, среди которых — отзывы, блоки call-to-action, перечисление преимуществ, кнопки и многое другое. Особенно мы гордимся удобными формами сбора данных, которые интегрированы с двенадцатью сервисами, подходящими для того, чтобы создать лендинг пейдж.
Интернет-магазин
Создавайте онлайн-магазины, интернет-бутики, продавайте отдельные товары или услуги.
Используйте готовые шаблоны или специальные блоки для интернет-коммерции. Выберите способ приема платежей: через ЮКасса, Robokassa, Cloudpayments, Альфа-Банк, Сбер, Тинькофф и другие, опубликуйте сайт, и ваш интернет-магазин готов за несколько часов. Данные о заказах будут приходить на вашу почту, в Google Drive или в CRM. Создать интернет-магазин просто!
Вы в хорошей компании
Тильда — стандарт на рынке создания сайтов. Все дизайн-агентства, с которыми мы работаем, умеют создавать качественный контент на платформе. Это сильно упрощает процесс разработки, публикации и актуализации лендингов и сайтов.
Удобно, что есть Tilda CRM «из коробки», которая в два клика подключается к сайтам и позволяет не пропустить ни одной клиентской заявки. Тильда помогает сохранить время и предлагает простой, но мощный инструмент, чтобы мы могли реализовать практически любые идеи с минимальными затратами.
Илья Титов
IT-директор Модульбанка
Тильда — отличный инструмент для компаний любого размера. Небольшой стартап может создать с помощью Тильды витрину своего продукта, а большая корпорация проверять гипотезы без отвлечения команды разработки. А ресурсы разработки, как известно, всегда ограничены.
Евгений Лебедев
Директор по маркетингу Яндекс.Практикума
Работаю с Тильдой с самого начала. Приятно наблюдать за развитием продукта — как в техническом, так и эстетическом плане. Одинаково хороша как для тех, кому надо быстро и легко, так и для тех, кому нужно вдумчиво и кастомно. В любом случае вы получаете крутой опыт и результат, а как сверкающая вершина горы — интеллигентная техподдержка.
Константин Байдак
Проектировщик интерфейсов в Банке Точка
Мы ищем инструменты для быстрой реализации идей. Тильда — инструмент, который решает задачи и, в частности, нашу задачу быстро прибежать куда-то. Тильда сильно ускоряет. Смотреть видеоисторию.
Степан Величко
Менеджер по продукту ЦИАН
Любой человек сможет разобраться в интерфейсе Тильды, не надо никого обучать. Вы супер полезны, потому что меняете мир и делаете интернет более доступным. Смотреть видеоисторию.
Максим Пинигин
Основатель Силы Ветра
Я всегда за простые решения без усложнений. В Тильде может работать любой человек из команды. Если вдруг мне надо опубликовать новость с другого конца света — зашёл, быстро фотографию закинул, у тебя уже всё сделано. Это сервис, где я нажал на кнопку — и ни о чём не думаю. Так же как ДубльДом для клиента — купил и живёшь. Смотреть видеоисторию.
Иван Овчинников
Архитектор и создатель ДубльДома
Tilda — хороший инструмент, который позволяет создавать сайты за пару минут без специальных знаний в данной области. Для создания страницы необязательно быть программистом или верстальщиком, достаточно представлять себе, каким ты хочешь видеть свой сайт. Платформа позволяет создавать и менять лендинги быстро, просто и удобно.
Анастасия Синельщикова
Координатор проекта Nikon School
Тильда — отличный вариант, когда нужно сделать проект быстро и с классными анимациями. То, на что раньше нужно было несколько дней разработчика, теперь может сделать один дизайнер за пару часов.
Всеволод Шапошников
Ведущий дизайнер Нетологии
Большинство наших спецпроектов сделаны на Тильде. Проекты ограничены во времени, поэтому здесь важна скорость. Удобно, что многие дизайнеры и студии умеют работать на Тильде, мы привлекаем их для создания лендингов. Приятный бонус — небольшая стоимость подписки.
Андрей Голактионов
Арт-директор GeekBrains
На старте проекта для нас было важно иметь быстрый и недорогой инструмент для создания лендингов — мы выбрали Тильду. По мере развития проекта менялась команда, были продуктовые пивоты, с каждый днем требования внутренних команд и пользователей к лендингам росли, но найти идеальнее инструмент чем Тильда мы не смогли. По сути Тильда — это уже индустриальных стандарт, а умение в ней все чаще является базовой необходимостью в работе.
Павел Астафуров
Тильда является очень гибким, отзывчивым конструктором, практически безрамочным. Конструктор позволяет подключать свои скрипты, использовать сторонние сервисы, настроить условия отображения для настольных и мобильных устройств, детально настроить элементы сайта и много другое. Тильда может дать функционал по созданию сайта дизайнеру, не умеющему программировать. Рекомендую Тильда за простоту, проработанность в деталях — удобство и внимательную техподдержку.
Денис Гуляев
Тильда сильно экономит время, так как часть проекта можно сделать без привлечения технических специалистов. Еще один плюс — клиент может управлять контентом сайта самостоятельно. Внутри CreativePeople нет строгого разделения, что сделать на коробочной CMS, а что сделать на Тильде. Тильду мы используем как фреймворк. Что-то можем сделать с помощью стандартных блоков, но чаще используем редактор Zero Block и верстаем блоки самостоятельно.
Иван Картавый
Директор по исследованиям и эффективности в CreativePeople
За два года, что мы работаем с Тильдой, ничего не рухнуло, ни разу не было проблем — и это меня очень радует. Особенно мне нравится, что можно ставить виджеты. Как человек, который вообще не знает код, я могу спокойно подключить внешний html-код, и в результате посетители сайта не делают лишний клик, чтобы перейти на другой сайт для покупки билета.
Кирилл Козубенко
Арт-директор фестиваля «Усадьба Jazz»
Tilda стала для нас решением проблемы, когда мы уперлись в сроки обновления сайта — при работе с подрядчиком зависишь от его графика и темпа. Мы ускорили запуск новых лендингов, сэкономили время и ресурсы на привлечение дизайнера и разработки. С помощью Тильды мы быстро сделали новый лендинг и подняли конверсию в регистрации в 3 раза. Отличное решение для быстрого тестирования гипотез в стартапе или крупной компании.
Мария Любимцева
Руководитель проектов digital-маркетинга ФРИИ
Tilda сэкономила роботам уйму времени и сил. Используем сервис по всем фронтам — для презентаций проектов, сайтов отдельных продуктов, корпоративной рассылки и всего-всего. Любим, потому что интуитивно понятно, красиво, любые фантазии воплотимы, и за это не нужно платить миллионы рублей.
Ирина Кудряшова
Marketing Projects Manager в Redmadrobot
Я фанат Тильды с момента создания, когда можно было собрать лишь лэндинг. Сейчас это идеальный инструмент практически для любой задачи! Особенно радует то, что продукт не стоит на месте, а постоянно улучшается.
Евгения Дацко
Арт-директор маркетинговых коммуникаций РБК
Тильда меняет современное представление о дизайне. Создавая сайт, я чувствую свободу повествования, думая лишь о содержании и не думая об инструментах.
Ярослав Шуваев
Head of R&D в Ak Bars Digital Technologies
Основной плюс Тильды в гибкости использования — наша e-commerce платформа отлично дружит с ней. Конструктор предлагает оптимальный набор инструментов, позволяющий создавать эффективные лендинги в сжатые сроки.
Наталия Соколова
Руководитель группы интернет-дизайна в М.Видео
Для редактора, который лучшие годы своей жизни посвятил сайту с админкой, в которой есть максимум 5 элементов, Tilda Publishing — это оказаться в дьюти-фри с папиной кредиткой.
Инна Герман
Главный редактор проекта «Теории и практики»
Отличный легкий инструмент, с помощью которого мы наконец-то открыли для себя новые формы контента. Теперь наши редакторы могут еще меньше думать о технических вопросах и лучше фокусироваться на творчестве.
Алексей Пономарь
Поразил экспорт. Я ожидал увидеть треш и угар, а у вас технично все по папочкам разложено — даже исходники страниц без header/footer’ов в /files. Респект! Подключили на php-шечку и nginx буквально за полчаса с мелкими доработками.
Вставка видео на страницу
Есть 3 основных метода вставки видео: вставка YouTube, Vimeo и возможность добавить прямую ссылку на видео на стороннем сервере (HTML5 видео). Выберите подходящий вам блок, перейдите в Контент блока и вставьте ссылку на него.
Особенности вставки видео с YouTube
Видео с YouTube можно вставить в блоках VD01 (одно видео), VD04 (показ после нажатия на кнопку Play), VD06 (два видео), VD08 (видео и текст), VD09 (попап с видео), VD11 (видео со своей обложкой), VD12 (в комбинации с изображением в ряд), VD14 (плейлист), некоторых блоках с галереей, а также блоках с полноэкранным фоном с изображением в качестве фона (подробнее про вставку видео фоном).
Для вставки видео достаточно ссылки и чтобы видео было публичным и не имело запрета для вставки на сторонних сайтах в настройках приватности.
Чтобы видео воспроизводилось с определенного момента, вставьте фрагмент ?start= и после него укажите нужное время в секундах от начала ролика. Например, XEfDYMngJeE?start=5025. В таком случае видео начнет воспроизводиться с 5025 секунды. Быстро скопировать время можно, щелкнув правой кнопкой по плееру и выбрав пункт «Скопировать URL видео с привязкой ко времени».
Особенности вставки видео с Vimeo
Видео с Vimeo можно вставить в блоках VD03 (одно видео), VD06A (два видео), VD08 (видео и текст), VD10 (попап с видео), VD11 (видео со своей обложкой) и VD14 (плейлист) и некоторых блоках с галереей. В качестве фона видео с Vimeo вставить не получится.
Если ваше видео закрыто настройками приватности в Vimeo, то у него появится дополнительная комбинация цифр и букв в конце ссылки после номера видео. Чтобы видео воспроизводилось, добавьте эту комбинацию в поле Vimeo Private Link Hash.
Особенности вставки видео с стороннего сервера (HTML5-видео)
Если ваше видео не находится на данных видеохостингах, то его можно загрузить на собственный сервер и вставить в блоки с HTML5 видео. Это блоки VD05 (одно видео), VD08 (видео и текст), VD11 (видео со своей обложкой) и VD15 (HTML5 видео в попапе) и некоторые блоки с галереей. Также HTML5 видео можно вставить в качестве фона в блоки с полноэкранным фоном (подробнее про вставку видео фоном).
Чтобы добавить такое видео на страницу, нужно получить файл видео в формате webm и mp4. Сконвертировать видео в эти форматы можно с помощью онлайн-конвертеров или в программах редактирования или конвертации видео. Далее нужно разместить его на хостинге и получить прямую ссылку на файл. Обратите внимание, что не все файловые хранилища имеют такую возможность и с большой вероятностью нужно будет использовать платный файловый хостинг, например, Selectel.
З агрузить свой видеофайл на Тильду не получится, но можно использовать сторонние сервисы, которые отдают прямую ссылку на файл.
Некоторые из популярных облачных сервисов тоже отдают прямую ссылку на файл, например, Google Drive (инструкция ниже).
Как добавить видео?
Чтобы добавить на страницу видео, используйте блоки из категории «Видео». Это может быть просто плеер, два плеера в ряд, сочетание видео и текста и попап с видео. Видеоролик должен быть предварительно загружен на YouTube или Vimeo.
Также вы можете загрузить видео в блоки из категории «Галерея».
Чтобы добавить фоновое видео на обложку, в меню «Контент» блока с обложкой поставьте ссылку на Youtube ролик: https://help-ru.tilda.cc/cover
Подробнее про другие варианты по вставке видео читайте в материале https://help-ru.tilda.cc/video
Похожие вопросы
- Как добавить ссылку на конкретное место на странице (якорь)?
- Как добавить кнопку?
- Как добавить свой HTML, CSS или Javascript-код?
- Как сделать всплывающее окно?
- Как добавить на сайт PDF?