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

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

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

Например, вы владелец банка, и у вас вышло мобильное приложение, которое нужно анонсировать. Вам нужен микросайт или лендинг. Элементарно! Создаете субдомен newmobile.mybank.ru, делаете лендинг на Тильде, в котором описываете все лучшие свойства вашего приложения, и в настройках проекта указываете субдомен. На основном сайте ставите ссылку на лендинг и в результате здорово экономите на ресурсах.
Тарифный план: Personal
Хостинг: Tilda
Пример:
triangle.batenka.ru
Издательский проект «Батенька, да Вы трансформер» выпустил лонгрид об экспедиции в аномальную зону на Севере России. Это специальный, не периодический выпуск, поэтому для него создали адрес triangle.batenka.ru, субдомен подключили к проекту на Тильде, а на основном сайте поставили ссылку на лонгрид
Лонгрид «Батеньки», сделанный на Тильде
Образовательный проект «Теории и практики» публикуют на Тильде лонгриды. Примеры адресов:
special.theoryandpractice.ru/art-and-labour
special.theoryandpractice.ru/rodchenko
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
Хостинг: сторонний
Для проекта «Крымский кризис» команда агентства «Россия сегодня» сделала проект на Тильде, собрав основной материал: тексты, заголовки, фотографии. Затем проект экспортировали, добавили в него интерактивную инфографику, «шапку с меню» и другие элементы, которые задают стиль основного сайта. Полученный контент разместили на собственном сервере.
Спецпроект МИА «Россия сегодня»
6
Автоматическая интеграция проекта на Тильде с собственным сайтом через API
Все то же самое, что описано в пятом сценарии, можно сделать автоматически, через API. Этот метод чуть сложнее и требует участия программистов. Но у нас есть специальный язык и методы, которые позволяют автоматизировать процесс, чтобы контент, созданный на Тильде появлялся на вашем сайте, вписываясь в ваш макет. Принцип тот же самый: скачивается код проекта и размещается на вашем сайте, но все это происходит автоматически.

Инструкция и документация по API
Тарифный план: Business
Хостинг: сторонний
Дизайн-студия FunkyPunky добавила на свой сайт раздел «Кейсы», в котором подробно описывается работа над проектами. Между сайтом и Тильдой был настроен автоматический экспорт. Кейсы собираются на Тильде и после публикации появляются на сайте студии. В этом случае Тильда становится, по сути, админкой.
На скриншоте ниже кейс работы дизайн-студии FunkyPunky над интерфесом раздела «Расходы» интернет-банка «Альфа-Клик». Вверху «шапка» с меню — элементы шаблона сайта, затем собственно кейс, который был собран на Тильде и загружен на сайт через API, а потом снова элементы сайта — ссылки на другие работы студии и «подвал» с контактами.
7
Интеграция с сайтом на WordPress с помощью плагина
Если у вас есть сайт на WordPress, то вы можете делать для него красивые страницы на Tilda Publishing.

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

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

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

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

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

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

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

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

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

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

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