С помощью этой модификации можно настроить автоматическую установку курсора в поле ввода при открытии блока поиска T985. Это значительно улучшает пользовательский опыт (UX), позволяя пользователям сайта сразу начать вводить поисковый запрос без лишних действий.
Инструкция по установке
- Создаем блок поиска T985 и в настройках блока ставим галочку в пункте "Не показывать кнопку открытия виджета"
- Во вкладке "контент" указываем ссылку #tisearch по которой будем открывать popup поиска.
- Создаем кнопку и присваиваем ей такую же ссылку.
- Копируем код и вставляем в HTML блок T123. Блок с кодом размещаем ниже блока поиска и кнопки.
<!--TICODE --><!-- Автоматическая установка курсора в поле поиска T985 при открытии | https://ticode.dev -->
<script>
function TiCodefocusSearch() {
const TCDsearchbtn = document.querySelector('a[href="#tisearch"]');
if (TCDsearchbtn) {
TCDsearchbtn.addEventListener('click', () => {
setTimeout(() => {
const TCDsearchpopup = document.querySelector('.t985__overlay.t-search-widget__overlay_opened');
const FormTCInput = document.querySelector('.t985__input.t-search-widget__input');
if (TCDsearchpopup && FormTCInput) {
const TCDSearchstyle = window.getComputedStyle(TCDsearchpopup);
if (TCDSearchstyle.display !== 'none' && TCDSearchstyle.visibility !== 'hidden' && TCDSearchstyle.opacity !== '0') {
FormTCInput.focus();
}}}, 300);});}}
TiCodefocusSearch();
</script>
Другие модификации для форм на Тильда
Открытие popup по ссылке при заходе на сайт: удобный способ привлечь внимание пользователя к важной информации сразу после загрузки страницы.
Закрыть popup T1093 после отправки формы: улучшает UX, автоматически закрывая окно после успешной отправки, не требуя дополнительного клика.
Минимальная сумма для отправки форм: предотвращает отправку некорректных данных, повышая качество заявок и снижая ошибки.
Закрыть popup T1093 после отправки формы: улучшает UX, автоматически закрывая окно после успешной отправки, не требуя дополнительного клика.
Минимальная сумма для отправки форм: предотвращает отправку некорректных данных, повышая качество заявок и снижая ошибки.