<div class="support-note primary">
Нотатка: Функція <a href="https://www.pipedrive.com/en/features/web-forms">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/en/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/uk/articles/360000335129-Pipedrive-and-GDPR" target="_blank" rel="noreferrer noopener">цим артикулом.</a></div>

Web Forms

Створення веб-форми

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

Типи блоків

Стиль

Варіанти подачі

Поділитися та вбудувати

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

Веб Форми

<div class="support-note success primary">Примітка: Ця сторінка доступна тільки для адміністраторів з платним додатковим модулем Веб-форми.</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="продуктивність веб-форми"></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>, і ми рекомендуємо створити користувацькі поля людей, оскільки ви про це запитуєте дозвіл від людей.
<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>
Розсилка 
Оскільки підписка на розсилку не є обов'язковою, ви можете використовувати поле з однією опцією, назвіть відповідно та додайте опції для так та ні. 
<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)?

Веб форми

База знань

Веб форми

Маєте запитання?