Автоматические хлебные крошки в Тильде

Модификация для создания автоматических хлебных крошек в Тильде

Автоматические хлебные крошки в Тильде

1. В Tilda нет вложенности страниц, поэтому её нужно сделать вручную через URL. Предположим, что у вас есть страница /blog и отдельная статья /moya-statya — по умолчанию они никак не связаны. Чтобы создать структуру, просто измените адрес статьи на /blog/moya-statya. То же самое нужно сделать для всех страниц, где важна иерархия.
2. После этого откройте генератор кода и в первом поле введите название главной страницы вашего сайта. Это название всегда будет первым в хлебных крошках
3. Настройте фон, цвета и размеры шрифта в хлебных крошках
4. В разделе Словарь нужно прописать изначальные названия вашиз страниц и их переводы, иначе в хлебных крошках страницы будут называться точно так же, как и в URL. Вот пример заполнения поля: blog=блог, moya-statya=моя статья
5. В разделе Разделитель выберите и настройте желаемый тип разделителя: обычный символ, который вводится с клавиатуры или иконка по ссылке
6. В разделе Отступы введите в пикселях отступы сверху от хлебных крошек на разных устройствах
7. После настройки нажмите на кнопку Копировать код и откройте редактор тильды
8. Вставьте скопированный сгенерированный код в Т123 в подвале вашего сайта или на тех страницах, где нужны хлебные крошки
9. Опубликуйте все страницы сайта

Посмотреть живой пример

Что делают автоматические хлебные крошки в Тильде

Автоматические хлебные крошки в Тильде анализируют текущий URL страницы и разбивают его на части. На основе этого формируется цепочка навигации:

• Главная → Блог → Статья

При этом:

• каждая часть (кроме последней) становится ссылкой
• последняя часть выделяется как текущая страница
• можно задать понятные названия вместо URL (например, test-catalog → Каталог)

Скрипт также автоматически вставляет блок с хлебными крошками:

• сразу после header, если он есть
• либо в начало страницы, если header отсутствует

Преимущества автоматических хлебных крошек в Тильде

1. Полная автоматизация

Автоматические хлебные крошки в Тильде не требуют ручного обновления. Добавили новую страницу, обновили словарь — навигация уже работает.

2. Экономия времени

Не нужно создавать отдельные блоки. Всё строится на основе URL.

3. Гибкая настройка

Можно:

• задать свои названия страниц через словарь
• изменить разделители (иконка или символ)
• настроить цвета, размеры и шрифты

4. Корректная структура сайта

Хлебные крошки в Тильде автоматически формируют логичную иерархию страниц, даже несмотря на то, что в Tilda нет вложенности по умолчанию.

5. Улучшение UX

Пользователь всегда понимает, где он находится, и может быстро вернуться на уровень выше.

Где применять автоматические хлебные крошки в Тильде

Автоматические хлебные крошки в Тильде особенно полезны в следующих случаях:

Интернет-магазины

Каталог → Категория → Товар
Помогает пользователю быстро вернуться к списку товаров.

Блоги

Раздел → Статья
Упрощает навигацию между публикациями.

Лендинги с несколькими уровнями

Если сайт разбит на логические разделы — хлебные крошки делают структуру понятной.

Многостраничные сайты

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

---

Как работают автоматические хлебные крошки в Тильде

В основе лежит простой принцип:

1. Берётся текущий URL (/blog/moya-statya)
2. Разбивается на части (blog, moya-statya)
3. Каждая часть преобразуется в понятное название
4. Формируется HTML-цепочка ссылок
5. Блок вставляется в нужное место страницы

Дополнительно:

• можно использовать иконки вместо разделителей
• поддерживается кастомный словарь названий
• стили применяются автоматически через CSS

Почему стоит использовать автоматические хлебные крошки в Тильде

Если у вас больше 3–5 страниц, автоматические хлебные крошки в Тильде уже становятся не просто удобством, а необходимостью. Они:

• упрощают навигацию
• делают сайт визуально чище
• повышают понятность структуры
• экономят время при масштабировании