Интеграция с «Тильдой»

⚠️ Требует навыков веб-разработки. Если вы не понимаете, о чём идёт речь в описании ниже, или что-то не получается — к сожалению, мы не сможем вам помочь. Обратитесь к вашему штатному программисту или наймите фрилансера.

Нормальную интеграцию в Tilda могут сделать только сами ребята из «Тильды». Чем чаще им об этом говорят, тем скорее сделают — так что будем очень благодарены, если напишете им.

1) Добавьте на страницу поля, к которым хотите подключить «подсказки». В этом примере будем подключать подсказки по компаниям.

2) В самом низу страницы добавьте HTML-блок.

3) В режиме предпросмотра найдите идентификатор формы (атрибут id элемента form), на которой будут «подсказки».

4) Добавьте в HTML-блок код подключения «подсказок»:

<link href="https://cdn.jsdelivr.net/npm/suggestions-jquery@20.2.3/dist/css/suggestions.min.css" type="text/css" rel="stylesheet" />
<style>
    .t-input-block{
        overflow:visible !important;
    }
</style>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/suggestions-jquery@20.2.3/dist/js/jquery.suggestions.min.js"></script>

<script type="text/javascript">
    function createSuggestions($form){
        $form.find("[name='party']").suggestions({
          token: "ВАШ_API_КЛЮЧ",
          type: "PARTY",
          onSelect: showParty
        });
    }

    function showParty(suggestion) {
        // здесь заполняем поля с реквизитами компании
    }
    
    $(document).ready(function(){
        setTimeout(function() {
            var $form = $("#ID_ФОРМЫ");
            createSuggestions($form);
        }, 1000);
    })

</script>

5) Вместо ВАШ_API_КЛЮЧ укажите API-ключ из личного кабинета, а вместо ID_ФОРМЫ — идентификатор формы из шага 3.

6) Селектор [name='party'] в функции createSuggestions в вашем случае может отличаться. Напишите его таким образом, чтобы выбрать то текстовое поле, на котором должны работать «подсказки». Вам поможет руководство по CSS-селекторам

7) В функции showParty напишите код, который будет выводить реквизиты компании в другие поля формы.

---

Ключевые слова: Тильда, Tilda

Сервис поддержки клиентов работает на платформе UserEcho