Как сделать поиск по сайту в Tilda Publishing

Введение

Делаем поиск по сайту в Tilda.  Tilda – отличное решение для вас. Tilda — это удобный конструктор сайтов, который позволяет легко и быстро создавать сайты. В этой статье мы расскажем, как создать поиск по сайту в Tilda и улучшить функциональность вашего сайта.

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

Поиск по сайту в Tilda. Стандартный блок Т838

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

1. Нажмите на кнопку «Настройки сайта».
2. Найдите вкладку «Ещё».
3. Найдите пункт «Разрешить внутренний поиск по сайту (для блоков T838, T985, ME901)» и активируйте рядом с ним «галочку».
4. Нажмите на кнопку «Сохранить изменения».
5. Добавьте блок «Т838».

Эти действия уже позволяют вам реализовать писк по своему сайту. Но это стандартный и мало функциональный способ. Давайте рассмотрим другой способ.

Поиск по сайту в Tilda. Поиск от Google

1. Перейдите по ссылке в программируемую поисковую систему от google.)
2. Нажмите на кнопку «Начать» в правом верхнем углу страницы.
3. Вставьте ссылку на ваш сайт в первое поле для ввода и нажмите «Создать».
4. На вкладке «Коды для сайта» нажмите «Получить код».
5. Скопируйте полученный код и вернитесь в тильду.
6. Добавьте блок «Т148».
7. Нажмите на кнопку «Контент» и вставьте ранее скопированный код.
8. В нижнем поле вы можете изменить текст кнопки поиска.
9. Сохраните изменения и опубликуйте страницу.
10. Чтобы поиск заработал, необходимо подождать некоторое время, пока страницы сайта проиндексируются в поисковой системе.  

Поиск по сайту в Tilda. Блок МЕ901

1. Добавьте блок «МЕ901».
2. Зайдите в «Настройки блока», затем во вкладку «Основные настройки».
3. Спуститесь в самый низ и в пункте «Добавить поле поиска» активируйте «галочку».
4. После публикации страницы вы получите боковое меню с поиском по вашему сайту.

Поиск по сайту в Tilda. Поиск в zero block

1. Создайте zero block.
2. Нажмите на кнопку «+» и выберите «Add HTML».
3. Расположите html блок там, где планируете сделать поиск.
4. Нажмите правой кнопкой мыши на html блок и выберите «Add css class name».
5. Пропишите класс «searchinput».
6. В настройках зеро блока, в пункте «OVERFLOW» выберите «Visible».
7. Сохраните изменения и выйдите из zero block.
8. Добавьте блок «Т838».
9. Нажмите на кнопку «Настройки», уберите отступ слева, сверху и снизу.
10. При желании, во вкладке «Кнопки» вы можете стилизовать вашу кнопку поиска.
11. Сохраните изменения.
12. Добавьте блок «Т123» и вставьте в него следующий код:

<style>
    .t838 .t-submit {
    padding-left: 20px !important;
    padding-right: 20px !important;
    height: 40px  !important;
    }
    .t838 .t-input {height: 40px !important}
    .searchinput {z-index: 200 !important}
</style>
<script>
$( document ).ready(function() {
    $("#rec280200811").appendTo(".searchinput .tn-atom");
});
</script>

1. Скопируйте id блока Т838 и вставьте в код вместо «#rec280200811».
2. Сохраните изменения и опубликуйте страницу.

Чтобы использовать этот зеро блок с поиском в качестве header сайта, следуйте инструкции:

1. Зайдите в настройки сайта.
2. Найдите вкладку «Шапка и подвал».
3. В поле «Назначить шапку (HEADER)» и выберите страницу, на которой находится zero block с кодом.
4. Имейте ввиду, что для этого на странице не должно быть ничего, кроме зеро блока с поиском.
5. Сохраните изменения и опубликуйте страницу.

Вы получили поиск по сайту в навигационном меню.

Заключение

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

Чтобы еще больше повысить эффективность вашего сайта, не забудьте сделать версию для слабовидящих. Инструкции вы найдете в нашей статье или на YouTube канале.