<div class="support-note primary">
Примечание: Функция <a href="https://www.pipedrive.com/en/features/web-forms">Веб-формы</a> является частью дополнения LeadBooster. Настройка веб-форм доступна только пользователям с включенными правами администратора сделок.</div>
Pipedrive <a href="https://www.pipedrive.com/en/features/web-forms">Веб-формы</a> позволяют вам создавать собственные персонализированные, встраиваемые формы для вашего веб-сайта, чтобы собирать информацию о посетителях вашего сайта и направлять их в Pipedrive как сделки или лиды.
<figure><img class="vidyard-player-embed" src="https://play.vidyard.com/j8fQEVKFqdiCfo4gCWg9WE.jpg" alt=""></figure>
<hr>
<h2 style="text-align: justify">
<a name="Создание веб-формы"></a>Создание веб-формы</h2>
<div class="support-note success primary">Примечание: Если вы никогда не использовали веб-формы, выберите "Попробовать веб-формы”, чтобы использовать эту функцию.</div>
Чтобы создать веб-форму, перейдите в Лиды &gt; Веб-формы &gt; “Новая веб-форма.” 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%207.jpg" alt=""></figure>
Выберите начальный шаблон и нажмите “Создать форму.” 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%201.jpg" alt=""></figure>
<hr>
<a name="C2IamCs"></a>
<h2 dir="ltr" style="text-align: justify">Редактор форм<a name="Редактор форм"></a></h2>
Редактор форм — это место, где вы создаете и настраиваете свои веб-формы. Вы можете добавлять различные блоки в зависимости от того, какую информацию вы хотите собрать. 
Блок введения является обязательным для всех веб-форм. Чтобы отредактировать блок, нажмите на иконку карандаша, чтобы развернуть блок.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/Screen%20Capture%20on%202023-07-03%20at%2011-19-01.gif" alt=""></figure>
Чтобы добавить новый блок, наведите курсор на редактор форм и нажмите “+” в том месте, где вы хотите, чтобы следующий блок находился в форме.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%202.jpg" alt=""></figure>
<hr>
<h2 dir="ltr" style="text-align: justify">Типы блоков<a name="Типы блоков"></a></h2>
Существует два типа блоков, которые вы можете использовать: Поле ввода или Сообщение.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%203.jpg" alt=""></figure>
Поле ввода 
<div dir="ltr" style="text-align: justify" class="support-note success primary">Примечание: Поле “Обязательно” появляется только для пользовательских полей с одним вариантом, или для пользовательских полей с несколькими вариантами, где доступен только один ввод. </div>
Этот тип блока позволяет вам собирать информацию от посетителей сайта, такую как имя, номер телефона, адрес электронной почты, статус маркетинга и различные <a href="https://support.pipedrive.com/hc/ru/articles/207228075-Custom-Fields" target="_blank">пользовательские поля</a> из вашего аккаунта. Вы также можете решить, нужен ли этот блок для формы, используя поле “Обязательно”.
В настоящее время наши веб-формы поддерживают следующие типы пользовательских полей:
<ul><li dir="ltr">Текст</li><li dir="ltr">Большой текст</li><li dir="ltr">Один вариант</li><li dir="ltr">Несколько вариантов</li><li dir="ltr">Дата</li><li dir="ltr">Адрес</li><li dir="ltr">Денежный</li><li dir="ltr">Числовой</li><li dir="ltr">Телефон</li></ul>
<div>Существует также поле ввода вложения, которое позволяет вам добавить загрузку файла в вашу веб-форму: </div>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%204.jpg" alt=""></figure>
Сообщение
Другой тип блока - это Сообщение, где пользователь может добавить текст в форму.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%205.jpg" alt=""></figure>
Последний блок в вашей форме - это Кнопка отправки, которая является обязательной. Этот блок позволяет вам выбрать текст на кнопке и определить, защищена ли форма от спама. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%206.jpg" alt=""></figure>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Примечание: Мы используем последнюю версию reCAPTCHA, когда Защита от спама включена. Для получения дополнительной информации о reCAPTCHA посетите их <a href="https://www.google.com/recaptcha/intro/v3.html">веб-сайт</a>.</div>
<hr>
<h2 dir="ltr" style="text-align: justify">Стиль<a name="Стиль"></a></h2>
<div dir="ltr" style="text-align: justify" class="support-note success primary">Примечание: Окно Предварительный просмотр справа отражает изменения, внесенные во время редактирования, так что вы можете увидеть, как ваша веб-форма будет выглядеть для тех, кто отвечает. </div>
Раздел Стиль позволяет вам настраивать внешний вид ваших веб-форм четырьмя различными способами. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2012.jpg" alt=""></figure>
Цвета и фон
Вы можете выбрать цвета для фона, переднего плана, кнопки отправки и меток. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%208.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Примечание: Выберите пользовательские цвета с помощью выпадающих списков.</div>
 
Шрифты 
Выбирайте из десятков пользовательских шрифтов и настраивайте размер и толщину букв.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%209.jpg" alt=""></figure>
Стиль формы 
Вы также можете выбрать стиль вашей формы, который включает размер, форму и положение полей ввода вашей веб-формы:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2010-2.jpg" alt=""></figure>
Идентичность и бренд 
Наконец, добавьте изображения в вашу веб-форму и включите или отключите брендинг Pipedrive.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2011.jpg" alt=""></figure>
<div dir="ltr" class="support-note success primary">Примечание: Требования к размеру изображений различаются в зависимости от того, где изображение размещено. Изображения отображаются только тогда, когда веб-форма отправляется напрямую по общему ссылке (отдельно), а не когда встроена в веб-страницу.</div>
<hr>
<a name="C5IamCs"></a>
<h2 style="text-align: justify">Опции отправки<a name="Опции отправки"></a></h2>
Далее вы выберете, как хотите, чтобы данные от пользователей вашей веб-формы были внесены в ваш аккаунт Pipedrive. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2013.jpg" alt=""></figure>
Вы можете выбрать, как данные будут сохранены в вашем аккаунте, сообщение благодарности, отправляемое после отправки, и хотите ли вы перенаправить их на другой веб-сайт. 
<hr>
<h2 style="text-align: justify">Поделиться и встроить<a name="Поделиться и встроить"></a></h2>
У вас есть два варианта для分享 вашей ссылки на веб-форму: Поделиться как ссылкой или Встроить форму на ваш сайт.
Нажмите “Скопировать в буфер обмена” под любой из секций, чтобы получить ссылку на вашу веб-форму. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2014.jpg" alt=""></figure>
Вы можете отправить URL Поделиться как ссылкой напрямую вашим клиентам для их отправки, или следовать шагам под выбранным вами сайтом и вставить URL на вашу веб-страницу. 
<hr>
<a name="C6IamCs"></a>
<h2 style="text-align: justify">Поля согласия для веб-форм<a name="Поля согласия для веб-форм"></a></h2>
<div style="text-align: justify" class="support-note success primary">Примечание: Шаги, описанные ниже, требуют настройки пользовательского поля с одним вариантом; вы можете узнать, как создать такое поле, в <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">этой статье</a>. </div>
Pipedrive не имеет поля согласия по умолчанию для ваших веб-форм, но есть обходной путь, чтобы вы могли создать флажок, где ваши контакты отметят свое согласие. 
<ol><li>Создайте пользовательское поле с одним вариантом, с опциями Да и Нет</li><li>Выберите это поле в поле ввода для вашего блока отправки</li><li>Установите флажок “Обязательно” </li></ol>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/web%20forms%2015.jpg" alt=""></figure>
Теперь клиент не сможет отправить свои ответы на веб-форму, не заполнив этот блок. 
<div style="text-align: justify" class="support-note success primary">Примечание: Чтобы узнать больше о Pipedrive и GDPR, ознакомьтесь с <a href="https://support.pipedrive.com/hc/ru/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">этой статьей.</a></div>

Web Forms

Создание веб-формы

Редактор форм

Типы блоков

Стиль

Опции отправки

Поделиться и встроить

Поля согласия для веб-форм

Веб Формы

<div class="support-note success primary">Примечание: Эта страница доступна только администраторам с платным дополнением Web-формы.</div>
После того, как вы поделитесь или встроите свою веб-форму, вы сможете отслеживать ее производительность и статус.
Узнайте больше о <a href="https://www.pipedrive.com/en/features/web-forms">веб-формах</a>
<figure><img src="https://kb-cms.pipedriveassets.com/Screen%20Shot%202021-06-11%20at%204.00.31%20PM.png" alt="web form performance"></figure>
<ul><li>Просмотрено – Количество просмотров вашей веб-формы</li><li>Взаимодействие – Количество раз, когда зритель взаимодействовал с вашей веб-формой. В этом случае взаимодействием считается, когда что-то было введено в поле формы, но не было отправлено. </li><li>Отправлено – количество завершенных отправок</li><li>Конверсия – Процент просмотров, которые привели к отправке</li><li>Статус– Активный или неактивный. Если вы деактивируете свою веб-форму, она будет отображаться в разделе "Нективные веб-формы" и отображаться как неактивная ссылка для зрителей. </li></ul>
Если вы щелкнете на кнопку "..." рядом с каждой веб-формой, вы сможете отредактировать, поделиться и встроить, деактивировать, скопировать и удалить веб-форму.

Web Forms: performance and status

Web Forms: производительность и статус

<div class="support-note success primary">Примечание: Эти действия доступны пользователям глобального администратора и обычным пользователям с включенными соответствующими разрешениями. Для того чтобы иметь веб-формы в своем аккаунте, необходимо иметь <a href="https://support.pipedrive.com/article/leadbooster-add-on" target="_blank" rel="noreferrer noopener">дополнение LeadBooster</a> в вашей подписке. </div>
Внедрение закона GDPR в 2018 году оказало значительное влияние на компании по продажам и маркетингу, в частности на генерацию лидов, проспекцию и электронную коммерцию. Вы можете узнать больше о соблюдении GDPR для вашей команды продаж в <a href="https://www.pipedrive.com/en/blog/gdpr-compliance" target="_blank" rel="noreferrer noopener">этой записи блога</a>.
В Pipedrive у нас есть функция <a href="https://support.pipedrive.com/article/web-forms">Веб-формы</a>, один из самых ценных инструментов для захвата лидов с вашего сайта. Однако, как контролер информации и в зависимости от собираемых вами данных, вы должны уведомлять своих клиентов, когда и как вы обрабатываете их информацию для соблюдения GDPR.
Узнайте больше о <a href="https://www.pipedrive.com/en/features/web-forms">Веб-формах</a><hr><h2 style="text-align: justify"><a name="Настройка пользовательского поля"></a>Настройка пользовательского поля</h2>
Первым шагом является точное определение того, что требуется от ваших клиентов. Например:
<ul><li>Я ознакомлен с Политикой конфиденциальности.</li><li>Я принимаю условия и положения.</li><li>Я хочу подписаться на рассылку.</li></ul>
Для каждого разрешения, которое вам необходимо, требуется <a href="https://support.pipedrive.com/article/custom-fields" target="_blank" rel="noreferrer noopener">пользовательское поле</a> для его получения, и мы рекомендуем создание пользовательских полей person, так как это люди, от которых вы запрашиваете разрешение.
<div class="support-note success primary">Примечание: Тип <a href="https://support.pipedrive.com/article/what-types-of-custom-fields-are-there" target="_blank" rel="noreferrer noopener">пользовательского поля</a>, который вам нужен, зависит от видимых вариантов в вашем чек-листе. Для использования блока веб-формы должно быть два или более вариантов в поле одиночного выбора (например, «Да» и «Нет»). Чтобы добавить блок с одним вариантом (например, «Да»), используйте вместо этого поле с несколькими вариантами выбора. </div>
Политика конфиденциальности
Для политики конфиденциальности создайте поле с несколькими вариантами выбора, назовите его соответственно и добавьте варианты для да и, при необходимости, нет.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%201.jpg" alt=""></figure>
Условия и положения
Для условий и положений создайте поле с несколькими вариантами выбора, назовите его соответственно и добавьте варианты для да и, при необходимости, нет. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%203.jpg" alt=""></figure>
Рассылка 
Поскольку подписка на рассылку не является обязательной, вы можете использовать полe с одним вариантом, назовите его соответственно и добавьте варианты для да и нет. 
<figure><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%202.jpg" alt=""></figure>
После создания пользовательских полей вы можете настроить свою веб-форму.<hr><h2 style="text-align: justify"><a name="Настройка веб-формы"></a>Настройка веб-формы</h2>
Перейдите в раздел Лиды &gt; Веб-формы &gt; "Редактор формы," , затем используйте кнопку “+” над кнопкой отправки, чтобы добавить ваши блоки.
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%207.jpg" alt=""></figure>
Политика конфиденциальности/Условия использования 

Вот несколько вещей, которые следует помнить при создании блоков вашей веб-формы:
<ul><li>Используйте блок поля для ввода</li><li>Выберите созданное вами пользовательское поле из выпадающего списка под полем для ввода справа</li><li>Выделите текст и используйте опцию “ссылка” для создания гиперссылки на любую документацию </li><li>Используйте пользовательскую видимость, если хотите, чтобы доступна была только одна опция при заполнении формы (например, "Да.") </li><li>Установите флажок обязательное для того, чтобы вопрос нельзя было пропустить </li></ul>
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%204.jpg" alt=""></figure>
Новостная рассылка 
<div class="support-note success primary">Примечание: В отличие от уведомления о конфиденциальности и условий использования, пользователям не нужно принимать или подписываться на вашу рассылку. </div>
Единственным большим отличием между блоком новостной рассылки и другими является то, что вам необходимо согласие для ее отправки, и поэтому необходимо ограничить доступные варианты отправки до одного. 
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%205.jpg" alt=""></figure>
После того, как вы завершите добавление блоков в свою веб-форму, нажмите на кнопку “Сохранить” в правом верхнем углу вашего экрана:
<figure style="margin-left:auto;margin-right:auto;text-align:center;"><img src="https://kb-cms.pipedriveassets.com/gdpr%20web%20forms%206.jpg" alt=""></figure>
Вы можете посмотреть нашу <a href="https://support.pipedrive.com/article/web-forms" target="_blank" rel="noreferrer noopener">статью о веб-формах</a>, чтобы узнать, как их настроить.

How can I create a web form that is GDPR compliant?

Настройка пользовательского поля

Настройка веб-формы

Как я могу создать веб-форму, которая соответствует GDPR?

Веб формы

База знаний

Веб формы

Есть вопросы?