Как сделать общую шапку и подвал в Тильде

Общая шапка и подвал в Тильде держатся на одной идее: это отдельные страницы, которые платформа подставляет на весь сайт. Чтобы их сделать, создайте две страницы с нужными блоками, назначьте их в Настройки сайта → Шапка и подвал и опубликуйте все страницы проекта. Учебный проект из трёх страниц и чек-лист показывают, что общие элементы на страницах Тильды работают.

Header и Footer реализуются как страницы

Header (шапка) — блок в верхней части страницы, который виден на всех страницах сайта; обычно в нём логотип, меню, контакты, переключатель языков или корзина магазина. Footer (подвал) — блок в нижней части, куда выносят копирайт, название студии, контакты, иногда дублируют пункты меню. Оба видны на всех страницах сайта (^[1]).

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

Страница шапки: логотип, контакты, меню

Создайте новую страницу и добавьте на неё элементы, которые должны быть на всех страницах: меню или логотип (^[1]). В учебном проекте шапка состоит из логотипа и контактов.

Практическое правило: на странице шапки держите только то, что повторяется на всём сайте. Если блок нужен на одной странице, его место — на самой странице, а не в шапке.

Страница подвала собирается так же: создайте новую страницу, оформите на ней подвал, затем назначьте её как подвал (^[1]). В учебном проекте в подвале адрес.

Назначение шапки и подвала в настройках сайта

Перейдите в Настройки сайта → Шапка и подвал и назначьте созданную страницу как шапку или подвал (^[1]). В разделе «Шапка и подвал» два выпадающих списка: один для шапки, другой для подвала. В каждом выбираете страницу из списка страниц проекта.

Порядок для учебного проекта:

Страницу с логотипом и контактами назначить как шапку (header).
Страницу с адресом назначить как подвал (footer).
Сохранить настройки сайта.

Публикация всех страниц и проверка результата

Чтобы шапка и подвал стали видны, опубликуйте все страницы, а не только те, что назначены шапкой и подвалом (^[1]). Если общие элементы не появились, проверьте, опубликованы ли все страницы проекта, включая страницы шапки и подвала.

Учебный пример

Проект из трёх страниц: главная (/), услуги (/services), контакты (/contacts). Шапка — логотип и контакты, подвал — адрес.

Шаг	Действие	Что должно получиться
1	Создать страницу шапки, добавить логотип и контакты	Страница с двумя элементами
2	Создать страницу подвала, добавить адрес	Страница с адресом
3	Настройки сайта → Шапка и подвал: выбрать страницу шапки	Шапка назначена
4	Там же выбрать страницу подвала	Подвал назначен
5	Опубликовать /, /services, /contacts и обе страницы общих элементов	Все страницы в публикации
6	Открыть каждую из трёх страниц	Сверху логотип и контакты, снизу адрес

Проверка результата — чек-лист по опубликованному сайту:

На / сверху видны логотип и контакты, снизу адрес.
На /services то же самое.
На /contacts то же самое.
В Настройки сайта → Шапка и подвал выбраны обе страницы.
Все пять страниц опубликованы.

Если хотя бы один пункт не выполняется, вернитесь к шагу публикации: назначение без публикации всех страниц результата не даёт.

Отключение на отдельной странице и правки для всех

Отключить общие элементы на одной странице можно: откройте Настройки страницы → Дополнительно → Не использовать шапку / подвал на этой странице и переопубликуйте страницу (^[1]).

Когда это нужно: страница-лендинг с собственной навигацией, страница акции без меню, служебная страница. В учебном проекте отключите шапку на /contacts и проверьте: на /contacts сверху логотипа и контактов нет, на / и /services они остались.

Правки общих элементов делаются на странице шапки или подвала. Измените нужный блок, затем опубликуйте все страницы проекта: инструкция Tilda требует публикации всех страниц, чтобы общие элементы стали видны (^[1]).

Порядок внесения правки:

Открыть страницу шапки или подвала.
Изменить блок.
Переопубликовать все страницы проекта.
Проверить страницы / и /services: изменённая шапка должна быть видна. Если на /contacts шапка отключена, она должна оставаться скрытой; подвал проверьте на всех трёх страницах.

Если на странице стоит отключение, правка шапки её не затронет — это ожидаемо, отключение сильнее общей настройки.

Дальше по теме: как добавить кнопку на страницу — инструкция по кнопке в Тильде, а частые вопросы по сайту с нейросетью разобраны в FAQ для сайта с нейросетью.

Учебный пример