<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)?

<div class="support-note primary">
Примітка: Функція <a href="https://www.pipedrive.com/uk/features/web-forms">Веб-форми</a> є частиною додатка LeadBooster. Налаштування веб-форм доступне лише користувачам з дозволом на адміністрування угод.</div>
Веб-форми Pipedrive <a href="https://www.pipedrive.com/uk/features/web-forms">дозволяють створювати</a> свої персоналізовані, вбудовувані форми для вашого веб-сайту, щоб збирати інформацію від відвідувачів і направляти їх в Pipedrive як угоди або потенційні клієнти.<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/uk/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>
Ви можете надіслати посилання Поділитися як посилання безпосередньо вашим клієнтам для подання або слідувати інструкціям під вашим обраним веб-сайтом та вставити посилання в вашу веб-сторінку. <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>

База знань

Веб-форми

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