Семь сценариев использования Tilda

Опубликовать проект, используя домен третьего уровня или встроить контент в собственный сайт через API? Мы предусмотрели семь разных сценариев использования платформы.
Тильда — это платформа, которая помогает создавать и публиковать контент-ориентированные проекты: интерактивные статьи, лонгриды, фотоистории, лендинги, портфолио и небольшие сайты. Рассказываем о технических возможностях реализации любого из этих форматов.
1
Использование домена третьего уровня на Тильде
Итак, способ первый, самый простой. Вы создаете проект на Тильде и в настройках проекта указываете название, которое затем будет частью адреса сайта. Загружаете контент, редактируете внешний вид и, когда все готово, нажимаете кнопку «опубликовать». Ваш проект получит адрес вида mybrand.tilda.ws. Он размещен онлайн, вы можете ссылаться на него или рассказывать о нем в социальных сетях. Отлично подходит для того, чтобы опубликовать резюме, портфолио, фотоотчет о поездке в Азию или лукбук новой коллекции.

Весь контент хранится на Тильде.
Тарифный план: Free
Публикация сайта на Tilda
Пример:
oleg.tilda.ws
Личный блог дизайнера Олега Лукьянова. Олег живет в Лондоне, работает в дизайн-студии, наблюдает за тем, что происходит вокруг: фотографирует, пишет заметки, снимает видео и каждый месяц публикует свои впечатления на Тильде в виде дневника.
Страница личного сайта дизайнера Олега Лукьянова, размещённого на поддомене tilda.ws
2
Подключение собственного домена
Второй сценарий — вам важно, чтобы сайт открывался по собственному, уникальному адресу. Например, вы владелец бара и решили рассказать о своем заведении, создав сайт на Тильде. В этом случае вам нужно зарегистрировать домен (используя один из сервисов регистрации доменов), затем в настройках сайта на Тильде указать этот домен, а в панели управления доменом регистратора прописать одну строчку, тогда адрес вашего сайта будет иметь вид bestbarmoscow.ru.
Тарифный план: Personal
Публикация сайта на Tilda
Пример:
mskclassics.ru
Мастерская MSK Classis занимается реставрацией ретро автомобилей. Чтобы рассказать об услугах и показать работы, мастерская сделала сайт на Тильде и подключила собственный домен.
Сайт мастерской MSK Classis, размещённый на собственном домене
3
Подключение субдомена собственного сайта
Третий сценарий подойдет вам, если у вас есть уже свой сайт, но вы хотите дополнить его контентом, созданным на Тильде. Это может быть блог, журнал, анонсы мероприятий, лонгриды, спецпроекты, лендинги и другие форматы контент-ориентированного веба.

Вы создаете домен третьего уровня, например, special.mysite.com и привязываете его к Тильде. Осталось сделать на него ссылки на вашем сайте, либо начать продвигать в социальных сетях.

Например, вы владелец банка, и у вас вышло мобильное приложение, которое нужно анонсировать. Вам нужен микросайт или лендинг. Элементарно! Создаете субдомен newmobile.mybank.ru, делаете лендинг на Тильде, в котором описываете все лучшие свойства вашего приложения, и в настройках проекта указываете субдомен. На основном сайте ставите ссылку на лендинг и в результате здорово экономите на ресурсах.
Тарифный план: Personal
Публикация сайта на Tilda
Московский музей современного искусства Garage выпустил детский словарь терминов современного искусства на Русском Жестовом Языке. Это специальный проект, поэтому для него создали адрес rsl-kids.garagemca.org, субдомен подключили к проекту на Тильде, а на основном сайте поставили ссылку на страницу.
Ленндинг спецпроекта музея Garage, сделанный на Тильде
Образовательный проект «Теории и практики» публикуют и создают на Тильде лонгриды. Примеры адресов:
special.theoryandpractice.ru/homo_learning
special.theoryandpractice.ru/ar-art
special.theoryandpractice.ru/music

У «Теорий и практик» есть сайт — theoryandpractice.ru. На основе этого адреса создали субдомен — special.theoryandpractice.ru и этот субдомен подключили к проекту на Тильде. На основном сайте «Теорий и практик» есть страница со списоком постов, часть из которых сделана на их платформе, а часть ссылается на Тильду. Технически эти части (сайт и лонгриды), независимы, но работают на один бренд.
Лендинг «Теорий и практик», сделанный на Тильде
На странице «Посты» сайта «Теорий и практик» собраны все публикации проекта. Часть из них сделаны на Тильде. В этом случае ссылка ведет на special.theoryandpractice.ru/postname. Если же пост сделан не на Тильде, то ссылка ведет на theoryandpractice.ru/posts/postname. Но на общей странице они выглядят одинаково.
Страница сайта «Теорий и практик», на которой размещен список постов
4
Экспорт кода и размещение на собственном сервере
Четвертый сценарий предполагает, что вы делаете проект на Тильде, а затем экспортируете код и размещаете файлы у себя на сервере. Проектом может быть сайт целиком, либо какая-то часть.

В этом случае вы не привязаны к Тильде никак, все исходные файлы хранятся только у вас. Их можно доработать, либо просто разместить на сервере и сайт заработает.
Тарифный план: Business
Публикация сайта на собственном хостинге
Журнал «Тогда» собирает лонгриды на Тильде и затем экспортирует код и размещает на своем сайте. Примеры адресов:
togdazine.ru/project/kino1926
togdazine.ru/project/moda
togdazine.ru/project/avtoprom1953

Журнал «Тогда» — иллюстрирует историю посредством архивных фотографий, старых газет и журналов. Редакция регулярно выпускает спецпроекты, для которых есть отдельная рубрика. Все спецпроекты делаются на Тильде, затем код экспортируется и файлы складываются в определенную папку на сервере. Контент хранится на сервере журнала.
Спецпроект журнала «Тогда»
На сайте журнала «Тогда» есть раздел со спецпроектами, где размещены плитки со ссылками на разные материалы. Кликнув на одну из них, читатель попадает на страницу спецпроекта.
Раздел спецпроектов журнала «Тогда»
5
Экспорт кода и интеграция его с собственным сайтом
Самый продвинутый способ — когда Тильда становится частью вашего сайта. Вы создаете проект, экспортируете код и затем редактируете его: добавляете «шапку» с меню, «подвал», другие элементы. После этого вы копируете файлы в нужную папку на вашем сервере и получаете контент, который содержит элементы стиля вашего сайта.
Тарифный план: Business
Публикация сайта на собственном хостинге
Для акции Space Days ко Дню космонавтики команда Яндекс.Практикума сделала проект на Тильде, собрав страницу целиком, включая «шапку» и «подвал». Затем проект экспортировали и разместили на собственном сервере.
Спецпроект «Яндекс.Практикум»
6
Автоматическая интеграция проекта на Тильде с собственным сайтом через API
Все то же самое, что описано в пятом сценарии, можно сделать автоматически, через API. Этот метод чуть сложнее и требует участия программистов. Но у нас есть специальный язык и методы, которые позволяют автоматизировать процесс, чтобы контент, созданный на Тильде появлялся на вашем сайте, вписываясь в ваш макет. Принцип тот же самый: скачивается код проекта и размещается на вашем сайте, но все это происходит автоматически.

Инструкция и документация по API
Тарифный план: Business
Публикация сайта на собственном хостинге
Официальный сайт мэра Москвы публикует на своём сайте отдельные страницы со спецпроектами. Между сайтом и Тильдой был настроен автоматический экспорт. Спецпроекты создаются на Тильде и после публикации появляются на сайте мэра Москвы.
Спецпроект «80 лет битве за Москву»
7
Интеграция с сайтом на WordPress с помощью плагина
Если у вас есть сайт на WordPress, то вы можете делать для него красивые страницы на Tilda Publishing.

Мы сделали плагин, который позволяет публиковать на WordPress все, что сделано на Tilda. Простыми словами: главная страница, постоянные элементы и элементы управления используется с вашего сайта, а зона контента — из Tilda.

Больше возможностей и способов применения конструктора Tilda читайте в обзоре Тильда.
Тарифный план: Business
Публикация сайта на собственном хостинге
Сайт центра креативных вакансий Yesjob.ru сделан и обновляется на WordPress. Всё, кроме страниц блога. Страницы блога делаются на Тильде, а затем при помощи плагина загружаются на сайт Yesjob.ru. Страницы публикуются, вписываясь в шаблон сайта: постоянные элементы и элементы управления используются с сайта, а зона контента из Тильды.
Q&A

Мы высоконагруженный проект, выдержит ли Тильда большой трафик?

Применяя сценарии 4, 5 или 6, все файлы вы копируете себе, используя собственные ресурсы и никак от Тильды не зависите. Тильда в этом случае просто редактор.

Как сайт, сделанный на Тильде, индексируется поисковиками? Куда уходит трафик?

Весь контент размещен на вашем сайте, поэтому индексируется ваш сайт, ваш бренд, ваш URL. Только в самом первом случае, когда вы используете субдомен на Тильде, посетители, что логично, приходят на tilda.ws

Что произойдет с контентом, если мы перестанем платить?

После экспорта у вас останется архив с сайтом, но вы не сможете вносить изменения и создавать новые проекты на основе этого кода. Если не оплатить подписку или удалить домен из Настроек сайта, применится ряд ограничений: например, вы не сможете использовать шрифты от партнёров Rentafont или собирать данные из форм в сервисы приёма данных. Подробнее об экспорте кода: https://help-ru.tilda.cc/export.

Возможно ли модифицировать, настраивать под себя стиль отображения?

Это можно делать путем переопределения стилей: указать свой шрифт, свои цвета. Если какие-то блоки вам не нравятся, то вы можете указать нужные стили, которые будут выводить их иначе. Есть базовый стиль, но если вам нужно что-то покрасить, сделать толще, увеличить отступ и т.д., просто пишете в коде к нужному блоку необходимые параметры.

Можно ли в контент вставлять какие-то специфические элементы? Например, баннер, кнопку?

Да, вам нужно с помощью java script разместить маркеры в тексте. Например, вам нужен баннер. Вы создаете простой текстовый блок и в нем пишете: баннер type_1. Затем программист пишет небольшой скрипт, который находит в тексте этот маркер и вставляет вместо этого слова код с баннером.
Либо, например, вы пишете обзор литературы, и вам нужно вывести ссылки на книги, которые можно купить в вашем магазине. Вы делаете пометку, где должны появиться ссылки, затем, с помощью скрипта, находите эти метки и вставляете кнопку «купить».
Made on
Tilda