> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Підключення Zapier до вашого сайту [Zapier](https://zapier.com/) – це інструмент, що виступає посередником між контактною формою на сайті та стороннім додатком. Налаштування Zap (запу) починаються з тригера – події в одному з ваших додатків, яка починає робочий процес даної автоматизації. Коли спрацьовує подія тригера, Zap виконує дію в іншому додатку, що ви обрали. Таким чином, ви можете підключити Zapier до контактної форми на вашому сайті, щоб збирати та керувати всіма сповіщеннями у спеціальній програмі (Google Sheets, Slack тощо). Для цього слід встановити подання форми на своєму вебсайті як *подію тригера*, а спеціальну програму слід визначити як *дію*. Однак це не єдина зручність, яку ви можете отримати, використовуючи Zapier на своєму сайті з Weblium! Ви також можете відстежувати продуктивність вашого магазину і вести облік замовлень, що ви отримуєте. **Зміст:** * [Інтеграція Zapier з контактною формою](#1-integraciya-zapier-z-kontaktnoyu-formoyu) * [Інтеграція Zapier з Вашим Магазином](#1-integraciya-zapier-z-vashim-magazinom) ||| ${color}[#f97700](Важливо:) ці опції доступні лише для сайтів із платними підписками. # Інтеграція Zapier з контактною формою ### Крок 1. Отримання ID сайту та Секретного ключа 1. Для того, щоб підключити Zapier до своєї форми, відкрийте налаштування вашого сайту, перейдіть на вкладку **Керування формами** (1) та до розділу **Інтеграції** (2): ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier1_10uwmmt.png) 2. Оберіть **Zapier** і натисніть **Новий сервіс**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier2_jzr0ut.png) 3. Скопіюйте згенерований **ID сайту** та **Секретний ключ** до буфера обміну: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier3_rq8mel.png) ### Крок 2. Вхід до вашого Zapier акаунту 1. Зареєструйтесь або увійдіть у свій [акаунт Zapier](https://zapier.com/). 2. Тепер вам потрібно додати свій сайт до акаунта Zapier. Для цього відкрийте [це посилання із запрошенням](https://zapier.com/developer/public-invite/15815/8e84081c0c2fa9f59a290e296a4135a4/) та натисніть **Accept Invite & Build a Zap**, щоб перейти до головної панелі керування вашим акаунтом: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier4_vgqhuw.png) ### Крок 3. Створення обробника подій для вашого Zap-у 1. Клацніть **Create** — **New Zap** у верхньому правому куті, щоб почати створювати ваш Zap: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier5_vf7pr2.png) 2. У новому вікні назвіть вашу Zap-автоматизацію: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier6_ip4ied.png) 3. На цьому етапі виберіть **Trigger **, введіть в полі пошуку **Form Submission** та виберіть **Sitebuilder Form (1.0.3)**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier7_o7e7su.png) 4. Потім виберіть **Form Submission** у списку **Trigger Event**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier8_1v81ofg.png) 5. Далі натисніть **Sign in**, щоб продовжити створення Zap-у: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier9_93dy3p.png) 6. У новому вікні введіть отримані **ID сайту** та **Секретний ключ** з налаштувань вашого сайту, а потім натисніть **Yes, continue**, щоб підключити свій сайт до цього Zap-у: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier10_14ga4br.png) 7. Так ваш сайт отримає з'єднання з Zapier. Натисніть **Continue**, щоб продовжити: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier11_10p2p89.png) 8. У випадаючому списку, виберіть потрібну вам контактну форму на підключеному сайті і натисніть **Continue**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier12_1okzp9x.png) | ${color}[#1aa900](Підказка:) назва форми в Zapier відповідає назві форми в її налаштуваннях. Ми радимо вам встановити власне ім’я для кожної форми, щоб легше їх розрізняти. Для цього дотримуйтесь інструкції зі [Зміни назви контакної форми](https://help.weblium.com/uk/article/zmina-nazvi-kontaktnoyi-formi-hveoy6/). 9. Далі вам буде надано можливість протестувати тригер. Рекомендуємо це зробити, щоб запевнитися, що до вашого Zap-у підключено потрібний сайт і сам тригер налаштовано правильно: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier13_11lwmbl.png) 10. Якщо все встановлено успішно, ви побачите наступне повідомлення. Натисніть **Continue with selected record**, щоб продовжити налаштовувати з'єднання між програмами: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier14_opwmy6.png) ### Крок 4. Призначення дії для обробника подій вашого Zap-у 1. Тепер оберіть додаток, з яким ви будете працювати, та налаштуйте для нього дію, що відбуватиметься після відправлення заявки у формі. Подальші вказівки щодо налаштування можна знайти в [інструкції Zapier щодо створення Zap-ів](https://zapier.com/help/create/basics/create-zaps). 2. Коли ви дійдете етапу тестування, залиште його на деякий час — ви повернетесь до нього за кілька хвилин. У редакторі сайту, відкрийте вкладку **Інтеграції** в налаштуваннях форми і увімкніть **Zapier**, а також **виберіть відповідний ідентифікатор підключення** у випадаючому списку: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier15_qwqx87.png) 3. Після цього, [опублікуйте сайт](https://help.weblium.com/uk/article/publikaciya-sajtu-16hom55/). 4. Поверніться до свого облікового запису Zapier і натисніть **Тest step**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier16_cmzgb0.png) 5. Перегляньте результат тесту, щоб побачити як відпрацювала дія **Create Spreadsheet Row** в Google таблицях: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier17_pxu0gz.png) 6. Якщо все спрацювало коректно, натисніть **Publish**, щоб активувати автоматизацію: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier18_1ef9xyl.png) Готово! Тепер контактна форми на вашому сайті буде надсилати дані до Google таблиць через Zapier. # Надсилання дати та часу до Google Таблиць 7. Перейдіть до Google таблиць та додайте два нові стовпчики "Date" та "Correct date" (потім можете перейменувати їх за власним бажанням): ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier19_1n0adj8.png) 8. Поверніться до вашого Zap-у та перейдіть до редагування події **Відправки контактної форми**. До нового поля "Date" додайте тригер **{{zap_meta_utc_iso}}**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier20_1slml97.png) 9. На цьому етапі дата та час буде передаватись у форматі UTC +0 до стовпчика "Date". Для того, щоб передавати час згідно вашого часового поясу, до першого рядку стовпця "Correct date" потрібно додати наступну формулу: `=ARRAYFORMULA(IF(F2:F="", "", TEXT(F2:F + TIME(2,0,0), "yyyy-mm-dd hh:mm:ss")))`: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier20-1_1825ls5.png) Замініть F2:F на потрібний стовпчик, наприклад J2:J, якщо дані знаходяться в іншому місці. Щоб врахувати часовий пояс, налаштуйте функцію TIME: Для UTC+2: TIME(2,0,0) Для UTC-5: -TIME(5,0,0) Для хвилинного зміщення (наприклад, UTC-5:30): -TIME(5,30,0). 10. Після цього стовпчик "Date" можна приховати, щоб відображати лише правильний час у полі "Correct date". Тепер контактна форми на вашому сайті буде додатково надсилати дату та час відправки до Google таблиць: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapier21_1k8ecw5.png) # Інтеграція Zapier з Вашим Магазином ### Крок 1. Підготування 1. Створіть новий документ *Excel Spreadsheet* на своєму Google Диску. Якщо ж шаблон документа куди будуть заноситися дані вже готовий, переходьте до **Кроку 2**. 2. Створіть у ньому лист з таблицею й надайте імена стовбцям. 3. Зареєструйтеся або увійдіть в свій існуючий [обліковий запис Zapier](https://zapier.com/). Далі всі зображення будуть англійською, тому що інтерфейс Zapier має тільки таку локалізацію, але не хвилюйтеся — все буде зрозуміло викладено, а малюнки будуть супроводжувати текст лише для візуалізації. ### Крок 2. Налаштування тригера вашого Zap-у 1. На панелі керування Zap-ами, натисніть **Create Zap** в верхньому правому куті: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop1_1kuh4qu.png) 2. В новому вікні, що відкриється, назвіть свій Zap: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop2_15ckq71.png) 3. Знайдіть **Webhook** та виберіть його: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop3_v2agbu.png) || ${color}[#ffa800](Примітка:) використання опції Webhook — це платна послуга в Zapier, але у вас буде можливість спробувати її протягом *тижня*, перш ніж визначитись з переходом на платну підписку. 4. Виберіть подію **Catch Hook** для тригера: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop4_1nbfmnj.png) 5. Та двічі натисніть **Continue**, щоб продовжити створення вашого Zap-у: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop5_3si6fh.png) 6. Тепер скопіюйте свою індивідуальну URL-адресу веб-хука — вона вам скоро знадобиться. Натисніть **Continue**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop6_f17gt8.png) ### Форматування дати та часу в Google таблицях. 7. Дійшовши до вікна тестування, залиште його на деякий час — ви повернетеся до нього через кілька хвилин. Замість цього, перейдіть в налаштування повідомлень Вашого Магазину, вставте URL-адресу користувача веб-хука, яку ви щойно скопіювали, в надане поле, щоб з'єднати дану інтеграцію Zapier (цей самий Zap) з Вашим Магазином, і натисніть **Connect**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop7_pwhs4o.png) 8. Поверніться на вкладку свого облікового запису Zapier і перевірте коректність налаштування тригеру — натисніть кнопку **Test trigger**, а потім натисніть **Continue with selected record**. Якщо помилок не виявлено — вітаємо! Ви успішно налаштували тригер свого веб-хука: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop8_st4q6g.png) ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop9_1mv1184.png) ### Крок 3. Налаштування дій вашого Zap-у. 1. Найзручніший спосіб зберігати і аналізувати ваші дані — використовувати **Google Таблиці**, тому ми теж скористаємося цим варіантом: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop10_mlz6w6.png) 2. Серед варіантів **Action event**, виберіть **Create Spreadsheet Row** и натисніть **Continue**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop11_ig09we.png) 3. Виберіть свою обліковий запис Google, в якому знаходиться електронна таблиця, в якій ви збираєтеся зберігати записи замовлень з Вашого Магазину: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop12_ws61y6.png) 4. Після цього, ви побачите заголовки полей, які ви додали в свою таблицю, і зможете вказати, які дані повинні відображатися в кожному полі вашої таблиці. Коли все буде готово, тисніть **Continue**. ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop13_de19nj.png) 5. Вам буде запропоновано пройти ще один тест — на перевірку коректності налаштування дії для вашого Zap-у. Пройдіть його натисканням кнопки **Test step**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop14_1rfiuwj.png) 6. Після проходження тесту вам буде запропоновано включити щойно створений Zap — зробіть це. Ви можете активувати ваш Zap, натиснувши відповідну кнопку **Publish**: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop15_1w1hu4t.png) Готово! Тепер Ваш Магазин буде відправляти з вашого сайту дані в обрану електронну таблицю, яку ви налаштували на Zapier, і у вас в документі на Google Диску будуть зберігатися всі записи ваших подальших замовлень: ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop16_e6yy21.png) ### Крок 4. Парсинг даних з вебхука "Order Customer Fields Value" За замовчуванням вебхук **Order Customer Fields Value** передає інформацію в наступному форматі: `Customer Name,Email,+380501234567,Customer's comment`. У наведеному вище прикладі ця інформація передається в поле E. Для того, щоб відповідні часткові значення були відправлені в наступні стовпці (F-G-H-I), вам потрібно буде використовувати наступні формули до перших рядків стовпців F-I: **F** стовпець ( **Ім'я покупця**): `=ARRAYFORMULA(IF(E2:E="", "", LEFT(E2:E, FIND(",", E2:E) - 1)))` **G** стовпець ( **Email**): `=ARRAYFORMULA(IF(E2:E="", "", MID(E2:E, FIND(",", E2:E) + 1, FIND(",", E2:E, FIND(",", E2:E) + 1) - FIND(",", E2:E) - 1)))` **H** стовпець ( **Номер**): `=ARRAYFORMULA(IF(E2:E="", "", MID(E2:E, FIND(",", E2:E, FIND(",", E2:E) + 1) + 1, FIND(",", E2:E, FIND(",", E2:E, FIND(",", E2:E) + 1) + 1) - FIND(",", E2:E, FIND(",", E2:E) + 1) - 1)))` **I** стовпець ( **Коментар**): `=ARRAYFORMULA(IF(E2:E="", "", RIGHT(E2:E, LEN(E2:E) - FIND(",", E2:E, FIND(",", E2:E, FIND(",", E2:E) + 1) + 1))))` ![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/zapiershop17_jbjn42.png) || ${color}[#ffa800](Note:) Замініть літери стовпців у формулах на потрібні стовпці, якщо дані знаходяться в іншому місці. Також ви можете перевірити, як правильно надсилати дату і час у розділі [Надсилання дати і часу до Google Таблиць](#1-nadsilannya-dati-ta-chasu-do-google-tablic). | ${color}[#1aa900](Підказка:) подальшу інформацію про те, як ви можете далі керувати та організовувати свої Zaps, шукайте в [Центрі підтримки Zapier](https://help.zapier.com/hc/en-us/sections/14037817500045-Manage-your-Zaps).