Підключення Zapier до вашого сайту
Zapier – це інструмент, що виступає посередником між контактною формою на сайті та стороннім додатком.
Налаштування Zap (запу) починаються з тригера – події в одному з ваших додатків, яка починає робочий процес даної автоматизації. Коли спрацьовує подія тригера, Zap виконує дію в іншому додатку, що ви обрали.
Таким чином, ви можете підключити Zapier до контактної форми на вашому сайті, щоб збирати та керувати всіма сповіщеннями у спеціальній програмі (Google Sheets, Slack тощо). Для цього слід встановити подання форми на своєму вебсайті як подію тригера, а спеціальну програму слід визначити як дію.
Однак це не єдина зручність, яку ви можете отримати, використовуючи Zapier на своєму сайті з Weblium! Ви також можете відстежувати продуктивність вашого магазину і вести облік замовлень, що ви отримуєте.
Зміст:
Інтеграція Zapier з контактною формою
Інтеграція Zapier з Вашим Магазином
Важливо: ці опції доступні лише для сайтів із платними підписками.
Для того, щоб підключити Zapier до своєї форми, відкрийте налаштування вашого сайту, перейдіть на вкладку Керування формами (1) та до розділу Інтеграції (2):
Оберіть Zapier і натисніть Новий сервіс:
Скопіюйте згенерований ID сайту та Секретний ключ до буфера обміну:
Зареєструйтесь або увійдіть у свій акаунт Zapier.
Тепер вам потрібно додати свій сайт до акаунта Zapier. Для цього відкрийте це посилання із запрошенням та натисніть Accept Invite & Build a Zap, щоб перейти до головної панелі керування вашим акаунтом:
Клацніть Create — New 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, щоб продовжити налаштовувати з'єднання між програмами:
Тепер оберіть додаток, з яким ви будете працювати, та налаштуйте для нього дію, що відбуватиметься після відправлення заявки у формі. Подальші вказівки щодо налаштування можна знайти в інструкції Zapier щодо створення Zap-ів.
Коли ви дійдете етапу тестування, залиште його на деякий час — ви повернетесь до нього за кілька хвилин. У редакторі сайту, відкрийте вкладку Інтеграції в налаштуваннях форми і увімкніть Zapier, а також виберіть відповідний ідентифікатор підключення у випадаючому списку:
Після цього, опублікуйте сайт.
Поверніться до свого облікового запису Zapier і натисніть Тest step:
Перегляньте результат тесту, щоб побачити як відпрацювала дія Create Spreadsheet Row в обраному вами сторонньому додатку:
Якщо все спрацювало коректно, натисніть Publish, щоб активувати автоматизацію:
Готово! Тепер контактна форми на вашому сайті буде надсилати дані до обраного додатку через Zapier.
Перейдіть до стороннього додатку та додайте два нові стовпчики "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". Тепер контактна форми на вашому сайті буде додатково надсилати дату та час відправки до обраного додатку:
Створіть новий документ Excel Spreadsheet на своєму Google Диску. Якщо ж шаблон документа куди будуть заноситися дані вже готовий, переходьте до Кроку 2.
Створіть у ньому лист з таблицею й надайте імена стовбцям.
Зареєструйтеся або увійдіть в свій існуючий обліковий запис Zapier. Далі всі зображення будуть англійською, тому що інтерфейс Zapier має тільки таку локалізацію, але не хвилюйтеся - все буде зрозуміло викладено, а малюнки будуть супровождувати текст лише для візуалізації.
На панелі керування Zap-ами, натисніть Create Zap в верхнбому лівому куті:
В новому вікні, що відкриється, назвіть свій Zap:
Знайдіть праворуч кнопку Webhook і клацніть її:
Примітка: використання опції Webhook - це платна послуга в Zapier, але у вас буде можливість спробувати її протягом тижня, перш ніж визначитись з переходом на платну підписку.
Виберіть подію Catch Hook для тригера і натисніть Continue, щоб продовжити створення вашоого Zap-у:
Тепер скопіюйте свою індивідуальну URL-адресу веб-хука - вона вам скоро знадобиться. Натисніть Continue:
Дійшовши до вікна тестування, залиште його на деякий час - ви повернетеся до нього через кілька хвилин. Замість цього, перейдіть в налаштування повідомлень Вашого Магазину, вставте URL-адресу користувача веб-хука, яку ви щойно скопіювали, в надане поле, щоб з'єднати дану інтеграцію Zapier (цей самий Zap) з Вашим Магазином, і натисніть Connect:
Поверніться на вкладку свого облікового запису Zapier і перевірте коректність налаштування тригеру - натисніть кнопку Test trigger, а потім натисніть Continue. Якщо помилок не виявлено - вітаємо! Ви успішно налаштували тригер свого веб-хука.
Найзручніший спосіб зберігати і аналізувати ваші дані - використовувати Google Таблиці, тому ми теж скористаємося цим варіантом:
Серед безлічі можливих варіантів, виберіть Create Spreadsheet Row и натисніть Continue:
Виберіть свою обліковий запис Google, в якому знаходиться електронна таблиця, в якій ви збираєтеся зберігати записи замовлень з Вашого Магазину:
На наступному екрані вкажіть, на який вкладці вашої електронної таблиці Google Диску розташована ваша таблиця.
Після цього, ви побачите заголовки полей, які ви додали в свою таблицю, і зможете вказати, які дані повинні відображатися в кожному полі вашої таблиці. Коли все буде готово, тисніть Continue.
Вам буде запропоновано пройти ще один тест - на перевірку коректності налаштування дії для вашого Zap-у. Пройдіть його натисканням кнопки Test & Continue:
Після проходження тесту вам буде запропоновано включити щойно створений Zap - зробіть це. Ви можете активувати ваш Zap, натиснувши відповідну кнопку або переключивши перемикач:
Готово! Тепер Ваш Магазин буде відправляти з вашого сайту дані в обрану електронну таблицю, яку ви налаштували на Zapier, і у вас в документі на Google Диску будуть зберігатися всі записи ваших подальших замовлень.
Підказка: подальшу інформацію про те, як ви можете далі керувати та організовувати свої Zaps, шукайте в Центрі підтримки 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-у
Клацніть Create — New 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 в обраному вами сторонньому додатку:
Якщо все спрацювало коректно, натисніть Publish, щоб активувати автоматизацію:
Готово! Тепер контактна форми на вашому сайті буде надсилати дані до обраного додатку через Zapier.
Крок 5. Передача дати та часу відправки форми.
Перейдіть до стороннього додатку та додайте два нові стовпчики "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". Тепер контактна форми на вашому сайті буде додатково надсилати дату та час відправки до обраного додатку:
Інтеграція Zapier з Вашим Магазином
Крок 1. Підготування
Створіть новий документ Excel Spreadsheet на своєму Google Диску. Якщо ж шаблон документа куди будуть заноситися дані вже готовий, переходьте до Кроку 2.
Створіть у ньому лист з таблицею й надайте імена стовбцям.
Зареєструйтеся або увійдіть в свій існуючий обліковий запис Zapier. Далі всі зображення будуть англійською, тому що інтерфейс Zapier має тільки таку локалізацію, але не хвилюйтеся - все буде зрозуміло викладено, а малюнки будуть супровождувати текст лише для візуалізації.
Крок 2. Налаштування тригера вашого Zap-у
На панелі керування Zap-ами, натисніть Create Zap в верхнбому лівому куті:
В новому вікні, що відкриється, назвіть свій Zap:
Знайдіть праворуч кнопку Webhook і клацніть її:
Примітка: використання опції Webhook - це платна послуга в Zapier, але у вас буде можливість спробувати її протягом тижня, перш ніж визначитись з переходом на платну підписку.
Виберіть подію Catch Hook для тригера і натисніть Continue, щоб продовжити створення вашоого Zap-у:
Тепер скопіюйте свою індивідуальну URL-адресу веб-хука - вона вам скоро знадобиться. Натисніть Continue:
Дійшовши до вікна тестування, залиште його на деякий час - ви повернетеся до нього через кілька хвилин. Замість цього, перейдіть в налаштування повідомлень Вашого Магазину, вставте URL-адресу користувача веб-хука, яку ви щойно скопіювали, в надане поле, щоб з'єднати дану інтеграцію Zapier (цей самий Zap) з Вашим Магазином, і натисніть Connect:
Поверніться на вкладку свого облікового запису Zapier і перевірте коректність налаштування тригеру - натисніть кнопку Test trigger, а потім натисніть Continue. Якщо помилок не виявлено - вітаємо! Ви успішно налаштували тригер свого веб-хука.
Крок 3. Налаштування дій вашого Zap-у.
Найзручніший спосіб зберігати і аналізувати ваші дані - використовувати Google Таблиці, тому ми теж скористаємося цим варіантом:
Серед безлічі можливих варіантів, виберіть Create Spreadsheet Row и натисніть Continue:
Виберіть свою обліковий запис Google, в якому знаходиться електронна таблиця, в якій ви збираєтеся зберігати записи замовлень з Вашого Магазину:
На наступному екрані вкажіть, на який вкладці вашої електронної таблиці Google Диску розташована ваша таблиця.
Після цього, ви побачите заголовки полей, які ви додали в свою таблицю, і зможете вказати, які дані повинні відображатися в кожному полі вашої таблиці. Коли все буде готово, тисніть Continue.
Вам буде запропоновано пройти ще один тест - на перевірку коректності налаштування дії для вашого Zap-у. Пройдіть його натисканням кнопки Test & Continue:
Після проходження тесту вам буде запропоновано включити щойно створений Zap - зробіть це. Ви можете активувати ваш Zap, натиснувши відповідну кнопку або переключивши перемикач:
Готово! Тепер Ваш Магазин буде відправляти з вашого сайту дані в обрану електронну таблицю, яку ви налаштували на Zapier, і у вас в документі на Google Диску будуть зберігатися всі записи ваших подальших замовлень.
Підказка: подальшу інформацію про те, як ви можете далі керувати та організовувати свої Zaps, шукайте в Центрі підтримки Zapier.
Оновлено: 19/11/2024
Дякуємо!