{"componentChunkName":"component---src-knowledgebase-components-knowledgebase-post-js","path":"/knowledgebase/post/integraciya-s-tilda/","result":{"data":{"markdownRemark":{"html":"<p>Интеграция с Tilda представляет собой создание <em>Webhook</em> для определения источника заявки и дальнейшего внесения его в статистику. Если ваш сайт сделан на конструкторе Tilda, то вы можете настроить данную интеграцию. Webhook умеет точно определять, откуда пришла заявка, после чего сразу вносит ее в аналитику.</p>\n<p>Сначала добавим Webhook в Параплан. Для этого нужно:</p>\n<ul>\n<li>Перейти в раздел <strong>Настройки</strong></li>\n<li>Далее выбрать вкладку <strong>Интеграции</strong></li>\n<li>На одной строке со словом Tilda нажать на кнопку <strong>+Добавить</strong></li>\n<li>Далее в открывшемся окне заполняем строки:</li>\n<li>Название - вводим название Webhook</li>\n<li>Источник заявки - выбираем исходя из того, где будете размещать ссылку на виджет</li>\n<li>Нажать на кнопку <strong>✓Добавить</strong></li>\n</ul>\n<p><img src=\"/images/knowledgebase/integrations5.png\" alt=\"настройки\"></p>\n<p>После того, как вы добавили Webhook, он появится в строке под словом Tilda. Если на него кликнуть, то откроется окошко с данными, а также со ссылкой на Webhook. Она нам еще пригодится. Далее мы переходим к настройкам в Tilda.</p>\n<h4>Чтобы настроить Webhook для Tilda, нужно:</h4>\n<ul>\n<li>Перейти на вкладку <strong>Мои сайты</strong> в Tilda. Если сайт не создан, то необходимо его добавить</li>\n<li>Нажать на карточку сайта</li>\n<li>Нажать на кнопку <strong>Настройка сайта</strong></li>\n<li>Перейти на вкладку <strong>Формы</strong></li>\n<li>Выбрать из списка пункт <strong>Webhook</strong></li>\n<li>В открывшемся окне вставить в поле Webhook URL вставить вебхук Параплана (выше мы создали Webhook в CRM-системе, ссылку берем оттуда).</li>\n<li>Перейти в Tilda и вставить ссылку, затем нажать кнопку <strong>Добавить</strong>. После добавления сервиса необходимо кликнуть на <strong>Подключить сервис ко всем формам на сайте</strong></li>\n</ul>\n<h4>Для связи полей Параплана и Tilda необходимо:</h4>\n<ul>\n<li>Перейти на вкладку <strong>Мои сайты</strong></li>\n<li>Перейти на необходимую страницу сайта, кликнув по её названию</li>\n<li>Найти необходимый блок контента с формой отправки данных</li>\n<li>Кликнуть на кнопку <strong>Контент</strong> на выбранном блоке</li>\n<li>Открыть блок <strong>Поле для ввода</strong> в открывшейся панели слева</li>\n</ul>\n<h4>При использовании полей формы необходимо указывать явно имена переменных для каждого поля формы:</h4>\n<ul>\n<li>для поля с типом email имя переменной = email</li>\n<li>для поля с типом Имя, имя переменной = name</li>\n<li>для поля с типом Телефон, имя переменной = phone</li>\n<li>для поля с типом Текстовый комментарий, имя переменной = comment</li>\n</ul>\n<p>В конструкторе Tilda есть и другие типы, однако для них в Параплане требуется создать дополнительные поля в разделе <strong>Настройки</strong> во вкладке <strong>Поля клиентов</strong>. Эти поля должны быть применимы <strong>Для всех</strong> или <strong>Для лидов</strong>. Полный список полей, которые можно использовать для интеграции, расположены в самом вебхуке.</p>\n<p><img src=\"/images/knowledgebase/integraciya-s-tilda1.png\" alt=\"настройки\"></p>\n<p>В Параплане <strong>не поддерживаются</strong> следующие типы полей Tilda: способ связи, вопрос с вариантами ответа в виде картинок, файл. Для всех остальных ниже приводится список соотношения типов полей Параплана и Tilda:</p>\n<p><em>Чекбокс = Галочка, Дата = Дата, Ссылка = Ссылка, Выбор одного значения = Выпадающий список, Выбор одного значения = Вопрос с вариантами ответа (1 вариант), Однострочный текст = Все остальные типы Tilda.</em></p>\n<p>Нажмите на кнопку <strong>Сохранить и Закрыть</strong>, после чего обязательно переопубликуйте все страницы сайта и заполните созданную форму для проверки интеграци. </p>\n<p>Настройка завершена.</p>\n<h3>Важная информация</h3>\n<ul>\n<li>Копируйте названия переменных в Параплане через соответствующий символ в конце каждой строки.</li>\n<li>Если в Тильда у вас есть поле с выбором значений, то варианты значений необходимо копировать из самого Параплана (у полей будет иконка стрелки с выпадающим списком вариантов значений). Проверка осуществляется по символам, поэтому варианты значений в Тильда и Параплане должны совпадать символ в символ.</li>\n</ul>\n<p><img src=\"/images/knowledgebase/integraciya-s-tilda2.png\" alt=\"настройки\"></p>","timeToRead":2,"frontmatter":{"title":"Интеграция с Tilda","path":"/integraciya-s-tilda","category":"Настройки|/settings","description":"Интеграции с CRM системой Параплан. Подробные инструкции и ответы на вопросы вы всегда сможете найти в базе знаний.","cover":{"childImageSharp":{"fluid":{"aspectRatio":1.771186440677966,"src":"/static/52d3d8e0b74b0d0d3e0d5c7c627d1377/7328a/integraciya-s-tilda.png","srcSet":"/static/52d3d8e0b74b0d0d3e0d5c7c627d1377/abad6/integraciya-s-tilda.png 209w,\n/static/52d3d8e0b74b0d0d3e0d5c7c627d1377/63d84/integraciya-s-tilda.png 418w,\n/static/52d3d8e0b74b0d0d3e0d5c7c627d1377/7328a/integraciya-s-tilda.png 835w","sizes":"(max-width: 835px) 100vw, 835px"}}}}}},"pageContext":{"pathSlug":"/integraciya-s-tilda"}},"staticQueryHashes":["2114001338","2114001338","2114001338","2114001338","2114001338","2114001338","3563752674","3944365038","4033927638","63159454"]}