Статті на: Інтеграції
Ця стаття також доступна на:

Підключення Zapier до вашого сайту

Zapier – це інструмент, що виступає посередником між контактною формою на сайті та стороннім додатком.

Налаштування Zap (запу) починаються з тригера – події в одному з ваших додатків, яка починає робочий процес даної автоматизації. Коли спрацьовує подія тригера, Zap виконує дію в іншому додатку, що ви обрали.

Таким чином, ви можете підключити Zapier до контактної форми на вашому сайті, щоб збирати та керувати всіма сповіщеннями у спеціальній програмі (Google Sheets, Slack тощо). Для цього слід встановити подання форми на своєму вебсайті як подію тригера, а спеціальну програму слід визначити як дію.
Однак це не єдина зручність, яку ви можете отримати, використовуючи Zapier на своєму сайті з Weblium! Ви також можете відстежувати продуктивність вашого магазину і вести облік замовлень, що ви отримуєте.

Зміст:
Інтеграція Zapier з контактною формою
Інтеграція Zapier з Вашим Магазином

Важливо: ці опції доступні лише для сайтів із платними підписками.

Інтеграція Zapier з контактною формою


Крок 1. Отримання ID сайту та Секретного ключа



Для того, щоб підключити Zapier до своєї форми, відкрийте налаштування вашого сайту, перейдіть на вкладку Керування формами (1) та до розділу Інтеграції (2):



Оберіть Zapier і натисніть Новий сервіс:



Скопіюйте згенерований ID сайту та Секретний ключ до буфера обміну:



Крок 2. Вхід до вашого Zapier акаунту



Зареєструйтесь або увійдіть у свій акаунт Zapier.

Тепер вам потрібно додати свій сайт до акаунта Zapier. Для цього відкрийте це посилання із запрошенням та натисніть Accept Invite & Build a Zap, щоб перейти до головної панелі керування вашим акаунтом:



Крок 3. Створення обробника подій для вашого Zap-у



Клацніть CreateNew Zap у верхньому правому куті, щоб почати створювати ваш Zap:



У новому вікні назвіть вашу Zap-автоматизацію:



На цьому етапі виберіть Trigger , введіть в полі пошуку Form Submission та виберіть Sitebuilder Form (1.0.3):



Потім виберіть Form Submission у списку Trigger Event:



Далі натисніть Sign in, щоб продовжити створення Zap-у:



У новому вікні введіть отримані ID сайту та Секретний ключ з налаштувань вашого сайту, а потім натисніть Yes, continue, щоб підключити свій сайт до цього Zap-у:



Так ваш сайт отримає з'єднання з Zapier. Натисніть Continue, щоб продовжити:



У випадаючому списку, виберіть потрібну вам контактну форму на підключеному сайті і натисніть Continue:



Підказка: назва форми в Zapier відповідає назві форми в її налаштуваннях. Ми радимо вам встановити власне ім’я для кожної форми, щоб легше їх розрізняти. Для цього дотримуйтесь інструкції зі Зміни назви контакної форми.

Далі вам буде надано можливість протестувати тригер. Рекомендуємо це зробити, щоб запевнитися, що до вашого Zap-у підключено потрібний сайт і сам тригер налаштовано правильно:



Якщо все встановлено успішно, ви побачите наступне повідомлення. Натисніть Continue with selected record, щоб продовжити налаштовувати з'єднання між програмами:



Крок 4. Призначення дії для обробника подій вашого Zap-у



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

Коли ви дійдете етапу тестування, залиште його на деякий час — ви повернетесь до нього за кілька хвилин. У редакторі сайту, відкрийте вкладку Інтеграції в налаштуваннях форми і увімкніть Zapier, а також виберіть відповідний ідентифікатор підключення у випадаючому списку:



Після цього, опублікуйте сайт.

Поверніться до свого облікового запису Zapier і натисніть Тest step:



Перегляньте результат тесту, щоб побачити як відпрацювала дія Create Spreadsheet Row в Google таблицях:



Якщо все спрацювало коректно, натисніть Publish, щоб активувати автоматизацію:



Готово! Тепер контактна форми на вашому сайті буде надсилати дані до Google таблиць через Zapier.

Перейдіть до Google таблиць та додайте два нові стовпчики "Date" та "Correct date" (потім можете перейменувати їх за власним бажанням):



Поверніться до вашого Zap-у та перейдіть до редагування події Відправки контактної форми. До нового поля "Date" додайте тригер {{zap_meta_utc_iso}}:



На цьому етапі дата та час буде передаватись у форматі UTC +0 до стовпчика "Date". Для того, щоб передавати час згідно вашого часового поясу, до першого рядку стовпця "Correct date" потрібно додати наступну формулу: =ARRAYFORMULA(IF(F2:F="", "", TEXT(F2:F + TIME(2,0,0), "yyyy-mm-dd hh:mm:ss"))):



Замініть F2:F на потрібний стовпчик, наприклад J2:J, якщо дані знаходяться в іншому місці. Щоб врахувати часовий пояс, налаштуйте функцію TIME:
Для UTC+2: TIME(2,0,0)
Для UTC-5: -TIME(5,0,0)
Для хвилинного зміщення (наприклад, UTC-5:30): -TIME(5,30,0).

Після цього стовпчик "Date" можна приховати, щоб відображати лише правильний час у полі "Correct date". Тепер контактна форми на вашому сайті буде додатково надсилати дату та час відправки до Google таблиць:



Інтеграція Zapier з Вашим Магазином


Крок 1. Підготування



Створіть новий документ Excel Spreadsheet на своєму Google Диску. Якщо ж шаблон документа куди будуть заноситися дані вже готовий, переходьте до Кроку 2.

Створіть у ньому лист з таблицею й надайте імена стовбцям.

Зареєструйтеся або увійдіть в свій існуючий обліковий запис Zapier. Далі всі зображення будуть англійською, тому що інтерфейс Zapier має тільки таку локалізацію, але не хвилюйтеся — все буде зрозуміло викладено, а малюнки будуть супроводжувати текст лише для візуалізації.

Крок 2. Налаштування тригера вашого Zap-у



На панелі керування Zap-ами, натисніть Create Zap в верхньому правому куті:



В новому вікні, що відкриється, назвіть свій Zap:



Знайдіть Webhook та виберіть його:



Примітка: використання опції Webhook — це платна послуга в Zapier, але у вас буде можливість спробувати її протягом тижня, перш ніж визначитись з переходом на платну підписку.

Виберіть подію Catch Hook для тригера:



Та двічі натисніть Continue, щоб продовжити створення вашого Zap-у:



Тепер скопіюйте свою індивідуальну URL-адресу веб-хука — вона вам скоро знадобиться. Натисніть Continue:



Форматування дати та часу в Google таблицях.



Дійшовши до вікна тестування, залиште його на деякий час — ви повернетеся до нього через кілька хвилин. Замість цього, перейдіть в налаштування повідомлень Вашого Магазину, вставте URL-адресу користувача веб-хука, яку ви щойно скопіювали, в надане поле, щоб з'єднати дану інтеграцію Zapier (цей самий Zap) з Вашим Магазином, і натисніть Connect:



Поверніться на вкладку свого облікового запису Zapier і перевірте коректність налаштування тригеру — натисніть кнопку Test trigger, а потім натисніть Continue with selected record. Якщо помилок не виявлено — вітаємо! Ви успішно налаштували тригер свого веб-хука:





Крок 3. Налаштування дій вашого Zap-у.



Найзручніший спосіб зберігати і аналізувати ваші дані — використовувати Google Таблиці, тому ми теж скористаємося цим варіантом:



Серед варіантів Action event, виберіть Create Spreadsheet Row и натисніть Continue:



Виберіть свою обліковий запис Google, в якому знаходиться електронна таблиця, в якій ви збираєтеся зберігати записи замовлень з Вашого Магазину:



Після цього, ви побачите заголовки полей, які ви додали в свою таблицю, і зможете вказати, які дані повинні відображатися в кожному полі вашої таблиці. Коли все буде готово, тисніть Continue.



Вам буде запропоновано пройти ще один тест — на перевірку коректності налаштування дії для вашого Zap-у. Пройдіть його натисканням кнопки Test step:



Після проходження тесту вам буде запропоновано включити щойно створений Zap — зробіть це. Ви можете активувати ваш Zap, натиснувши відповідну кнопку Publish:



Готово! Тепер Ваш Магазин буде відправляти з вашого сайту дані в обрану електронну таблицю, яку ви налаштували на Zapier, і у вас в документі на Google Диску будуть зберігатися всі записи ваших подальших замовлень:



Крок 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))))



Note: Замініть літери стовпців у формулах на потрібні стовпці, якщо дані знаходяться в іншому місці.

Підказка: подальшу інформацію про те, як ви можете далі керувати та організовувати свої Zaps, шукайте в Центрі підтримки Zapier.

Оновлено: 29/11/2024

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!