← Назад в «Блог»
45
Обновлено: 22 января 2025

Добавление тега в заявку в Tilda в зависимости от кнопки или url

Код позволяет прокидывать параметры в заявку в зависимости от того, какую кнопку нажали или на какой странице была оставлена заявка.

Как выглядит заявка

Добавление тега в заявку в Tilda в зависимости от кнопки или url 1

Код, вставлять в футер

<script>
    $(document).ready(function() {
    // Объект с настройками для разных услуг
    var serviceSettings = {
        "Готовое оформление": {
            classes: ['.js-services-full-template'],
            urls: ['/full-template-design']
        },
        "Лендинг": {
            classes: ['.js-services-landing'],
            // urls: ['/design', '/services/design']
        },

        "Демо": {
            classes: ['.js-design-demo'],
            // urls: ['/design', '/services/design']
        },
        "Тестовый период": {
            classes: ['.js-test-period'],
            // urls: ['/design', '/services/design']
        }      
    };

    // ДАЛЬШЕ НЕ ТРОГАТЬ!

    // Функция для установки значения скрытого поля
    function setServiceValue(serviceName) {
        $('input[name="service"]').val(serviceName);
    }

    // Обработка кликов по кнопкам
    $.each(serviceSettings, function(serviceName, settings) {
        if (settings.classes) {
            $(settings.classes.join(', ')).click(function(e) {
                e.preventDefault();
                setServiceValue(serviceName);
            });
        }
    });

    // Проверка URL при загрузке страницы
    var currentUrl = window.location.pathname;
    $.each(serviceSettings, function(serviceName, settings) {
        if (settings.urls) {
            $.each(settings.urls, function(index, url) {
                if (currentUrl.indexOf(url) !== -1) {
                    setServiceValue(serviceName);
                    return false; // Прерываем цикл, если URL найден
                }
            });
        }
    });
});
</script>

Обьяснение, как работать с ним

Настройте параметры

В эту часть вставьте name вашего скрытого поля

Добавление тега в заявку в Tilda в зависимости от кнопки или url 2
Полезно
1
Непонятно
Поделиться
Отправить
Линкануть
Вотсапнуть

Канал Дани в телеграме

В канале показываю, как разрабатываю продукты: нейронки, боты, пет-проекты, бизнес. Делюсь фишками о разработке и дизайне. Без рекламы.

Подписаться
← Назад в «Блог»

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Контакты