База знань Uspacy
Усі матеріалиМаркетингФорми

Як працювати з формами?

Як працювати з формами?

У статті ми розкажемо, які дії можна виконати зі створеною формою в Uspacy, а також як використовувати її для наповнення вашої бази в CRM

Після того як ви створили потрібні форми, вони готові до роботи з ними. Усі вони зберігаються на окремій сторінці розділу Маркетинг. Тут можна перейти до редагування та змінити параметри кожної з форм. А також знайти код для вставки на сайт чи згенероване зовнішнє посилання, щоб одразу розпочати її використовувати за призначенням.

💡Доступ до цього розділу має тільки адміністратор або власник Простору.

AD_4nXe-78R6gtaQVvRTNX4nPbnzzA683SDJMibY3sIIQKuORjYcc0yEhAC-XtZ2AECeEYBfvx_tQ-MYvdgFZTCB3LtSZtGMk1HPu785Kto8R4IsT2sb3EePznlIHUBqa6Bczv0GGM6G

Але про все по черзі ⬇️

Як відредагувати форму?

Щоб внести зміни у форму потрібно просто відкрити її. І одразу можна переходити до редагування. Тобто змінити назву (1), набір полів і їх параметри відображення (2), додати або прибрати елементи форми (3), налаштування об’єктів (4) та вигляд кнопки (5).

AD_4nXc9-6D1TL-Kr8a_8RIg-mEzf3Fy_XfrHhKwTrhOCCsudlB6hFsXMWBXqWpjkpRL1R3fo7BCY9eaPF4BGO12PZQJzB1ga9ynpoQ00GTtxkRDNABTMB6pUU2OzCVbfm_QwuPqt0VO0A

І все Зберегти.

AD_4nXe2zLl-AhCwUxHul4xs6Rjf3MY5KzOkkfV_sqpZgyBOg33sDRQbP-BBZQFM4eCosZcIqT65DBaPJnX-KnLKS72DhCEhRSZOeLtoAs9y57721vG_M4zy6w9xBEdnbESdkbWvGloRiw

І внесені зміни одразу будуть відображені у формі.

AD_4nXdKhh8DVBk3XoOwymvQNu9iG67w6mr_NpKgErrCtaUyOe4x1sbwM8p7sXh28XLruWp8ryRszcQJMJWX0tjgb6EI5kSQwXHkzoNje4BguPcSU1CPy1fQmb3Pn1JdeDnl6_rFQAOaqQ

Як додати форму на свій сайт?

Для цього потрібно спершу скопіювати код форми. Зробити це можна двома способами. Перший – одразу на сторінці списку форм. Тут потрібно викликати меню взаємодії та вибрати пункт Код форми.

AD_4nXfYQCkmpEFbIHBoKI4AusNtwr7jl4O_DCuqGZCg7pLvnBJ5bZKET_FjzIp6KuUk-SdSGMXKcmnUgoQ2t9LvLYIikS0ivVKS8K0DrO9rFFFSARNbCv8vbiJed1fDmc9DqFWq8jhxVQ

Другий – сторінці перегляду та редагування форми. Аналогічно у меню взаємодії вибрати пункт Код форми.

AD_4nXeldzjFoykc6ovigpYFuCYfJR-aUgEDsjlnGEx6i0yhK5gjzTKSyH2NXyqVIIWqob8ShZU-76IEbTozzEJsHiarmIPUwQLPh_p-TwhLCW6Yeu0nJUbi-a3XPR4b24w9PaqistFuBg

А далі у вікні, що відкриється скопіювати цей код.

AD_4nXfg3HMvRa20yU7kosPTELlT6gWO6ZCc28gYgOAL5euCItD-t73LgM0vbKk8k2PuOtkDBtbPt64nk26jB1oueAyyaDYZYZKtthxBDsjLiGXazdpgB8qJK_SSgUwP-MsPGbRr6uU8ZQ

А далі вставити його на свій сайт.

💡Зверніть увагу💡

🟣 Скрипт не вставляє форму в те місце, де він підключений. Тому для коректного відображення та кращої продуктивності рекомендується розміщувати підключення скрипта в самий низ сторінки, але перед перед закриваючим тегом </body>.

🟣 Якщо на сторінці відсутній елемент id="uspacy-forms" скрипт автоматично його створює й додає його в кінець сторінки. Через це форма може з’явитися в непередбаченому місці.

🟣 Щоб форма відображалась там, де задумано, необхідно самостійно додати HTML-елемент з відповідним ідентифікатором у потрібне місце верстки: <div id="uspacy-forms"></div>

Як скопіювати посилання на форму?

Для цього потрібно відкрити безпосередньо саму форму та скористатися кнопкою Поділитися.

AD_4nXdTV5yAxw9w-gL26554gnLXppwN3wbu2cb50LgEBu06V5El-3eRwUbIfsNbVfwTYuo5qcv04wlnVwFqEqLsphNBGIAYfW59a_cp_2z9JcUzSoc4Rsv1pD7iQwhvUAZjXIWyk5oq

А далі у вікні, що відкриється скопіювати посилання.

AD_4nXeldal_yyAtdtxfPGbycliCTN1dPpCuLUDZyoAmlkBTEB5fezJRVLFRcYNfnWray8MepaurTz2txUtHZbftpgTmt1LFh0aa9wfMmom2_wCjmly8H2B9EqU9wRBe2NWXtmiC3QLV4w

А далі надсилати клієнтам чи, наприклад, прикріпити на кнопку вашого сайту.

Як створити копію форми?

Для цього скористайтеся меню взаємодії та виберіть пункт Створити копію.

AD_4nXe7GkU1-xgll70c8Sd-IobkPBRqpG2-Krm3eyUkdWqY0DwQhHe3xqsGwGcNC2auFFFbAq-JuY0FZH26EJR3t3bsJg3Cc0IqMF4xxTjn7SrytHuUK_McaohHqwSFDLDhEDkmGPnt

У результаті відкриється вікно створення нової форми. У назві буде міститися помітка copy. Ця форма буде мати той самий набір полів і параметрів, що та, на основі якої створюється копія. Але звісно можна внести потрібні зміни та зберегти.

AD_4nXcNX6LmYB9H1gKBNsbzAp5-NZmM9cPDL7xTs7dXbdf4we_OpoebjmGc8SSyDjKb4YhiKiZwzfDfBBrJVldMmldksVKuE7xZkGfE5hnkvRI_9362GX9lzLk044EcEFE9YH6rwJ6d

Після цього копія, а фактично нова форма, буде доступна у списку.

AD_4nXdNhY6N5MNklt0NC6q3RElyQff49UXEYcP7V3d0f8MiZx7yvAB9daqIL9CGXhkwZvd_xZEAMjtrFTUSrlMSgNq-_oOW3uAXHWOaTvXO8OazrgbBbofkbdoM9l9FVpoqFezlbZYsYw

Як видалити форму?

Для цього скористайтеся меню взаємодії та виберіть пункт Видалити.

AD_4nXeAyXFabrMmUb4986P7DnfXAmIkP1Gmw5h8sSj_GTsbprhT6YVuVC854n5akUVn_0bi856Lb3dWa3WdrC4vSEM86UPPYpdhM3xg48QJyuuoWmoh51HTv0T0UtV_k0tgzkrq_j2pMw

У вікні, що відкриється підтвердіть свої наміри.

AD_4nXcQDbTtGATOQhWCXsfM_q4_g7JPYl27GPT2aeyOESV0zVDGTaCOQVZqlC8mFcEcO6oQDTWTfXyuZp7M9Dzm50jarPhe9qJlO9iWTCfJI67_ijskk06esxB6HFHK-vVpwSWs8Ffs

У результаті форма буде усунута зі списку.

Як використовувати форму?

Отже, після того як ви створили форму можна поділилися нею (шляхом вставки коду на сайт чи через посилання).

AD_4nXeKfaDmTc9dGjzLLbmw84z_IUYF8pBhQ4nF-2RAnJVOz6Jt4fSVCA5Hy-LkQavR5mxPsDSjMbp2KnyKStEb5cCef6fk41I4jX7akMUVnuSh9gPPNruysbjla6G2A4uBFDzmonOtOA

А у результаті її заповнення ваша CRM буде наповнюватися лідами чи контактами.

AD_4nXeDBmZ7A4dPl2vXZqXZ1vrx3HNARvrXqSuqsZLQE4nUNUh6ZGsHt3CUgICgNiXmXMGmKSrpMN6TTirD8jhoC6rK_b6FYMcunNExg3eCe1pv1H_ch8jextHt6JG4d_jOOfnIKAbtSg

💡Форми Uspacy підтримують передавання utm-міток. Тому після надсилання, у картці елемента створеного на її основі, буде автоматично заповнене відповідне поле.

AD_4nXdTWxfaUA5kBCE3vWZniTN5kNNODXxtacQQtzLPs_EFIhbwnFFMbbpFugb0YTs2kM_-HDNEmkmBIuxrZls3AhGoeBSsa5KFhf0aSoKb3JPd7xNXV2gSgHjQGw_EQP71wP81eVRa4Qформи77.png

Створено: 18 березня 2025 р. / Оновлено: 8 травня 2025 р.