UA
Виберіть свою мову

Інтеграція Selzy з Webflow

В інструкції нижче ми розберемо, як створити підключення до Webflow і налаштувати передачу підписників з форми на сайті Webflow у список контактів у Selzy. 

Як створити підключення з Webflow

  1. В особистому кабінеті Selzy у розділі Інтеграції перейдіть у Мої інтеграції і натисніть на Apps:

Як налаштувати інтеграцію Selzy з Webflow

  1. В цьому розділі знаходяться створені підключення до інших сервісів. Натисніть на Add a connection, щоб додати нове підключення: 

Як налаштувати інтеграцію Selzy з Webflow

  1. Серед переліку застосунків виберіть сервіс Weblow:

Як налаштувати інтеграцію Selzy з Webflow

  1. Натисніть знову на іконку Webflow і після — на кнопку Add a connection:

Як налаштувати інтеграцію Selzy з Webflow

  1. У наступному вікні вкажіть назву підключення. Далі натисніть Continue:

Як налаштувати інтеграцію Selzy з Webflow

  1. Надайте доступ до аккаунту Webflow, натиснувши на Grant Access: 

Як налаштувати інтеграцію Selzy з Webflow

  1. У новому вікні виберіть сайт на Webflow і натисніть Authorize app: 

Як налаштувати інтеграцію Selzy з Webflow

  1. Після успішного підключення з'явиться вікно зі сповіщенням. Натисніть на будь-яку кнопку, наприклад, на ОК:

Як налаштувати інтеграцію Selzy з Webflow

Підключення створено. Тепер ви можете перейти до налаштування тригера. 

Як передати дані з форми на сайті Webflow у Selzy

За допомогою тригера, описаного нижче, ви зможете передавати дані контакта, який заповнив форму на вашому сайті, створеному на Webflow, у список контактів у Selzy. Для цього вам потрібно буде створити зв’язку з тригера Form Submission і дії Add a new contact.

Вибір тригера для передачі даних: «Form Submission»

  1. У особистому кабінеті Selzy в розділі Інтеграції перейдіть у Мої інтеграції → Automations і створіть нову зв’язку (New):

Як налаштувати інтеграцію Selzy з Webflow

  1. Перед вами редактор зв’язки. Натисніть на  Select an app which sends the data для вибору сервісу, звідки будуть передаватись дані, і тригера для передачі:

Як налаштувати інтеграцію Selzy з Webflow

  1. У новому вікні налаштовуються параметри тригера. У полі App виберіть Webflow, у полі EventForm Submission, у Webflow account виберіть вже створене підключення до Webflow. Після вибору підключення у Additional parameters виберіть форму на сайті, звідки будуть збиратись дані підписників:

Як налаштувати інтеграцію Selzy з Webflow

  1. Після натисніть на Add a trigger:

Як налаштувати інтеграцію Selzy з Webflow

Налаштування другого кроку: дія «Add a new contact»

Другим кроком буде додавання знайденого контакта у список Selzy. 

  1. У конструкторі зв’язки натисніть на Select an app which receives the data, щоб додати дію, яка буде відбуватись з отриманими даними з форми:

Як налаштувати інтеграцію Selzy з Webflow

  1. У вікні Add an action виставте параметри дії: у полі App виберіть Selzy, у полі Action — Add a new contact, у Selzy account виберіть вже створене підключення до Selzy:

Як налаштувати інтеграцію Selzy з Webflow

  1. Після натисніть на Add an action:

Як налаштувати інтеграцію Selzy з Webflow

Налаштування полів для передачі

У новому вікні налаштовуються правила для перезапису даних, поля для передачі, список, куди будуть потрапляти контакти, і підключається підтвердження підписки на список.

  1. В Overwrite rules (Правила перезапису даних) виберіть режим перезапису додаткових полів, наприклад, All fields will be overwritten. Правило перезапису діятиме для тих контактів, які вже є в списку.

Як налаштувати інтеграцію Selzy з Webflow

Add new values to fields (0) вибирається, коли потрібно передати тільки незаповнені або нові поля контакта і не змінювати існуючі. Якщо контакт був в інших списках, то він буде доданий в новий список і залишиться в старих списках. 

All fields will be overwritten (1) варто вибирати, якщо потрібно замінити всі значення полів на нові: старі значення полів видалятся і будуть замінені на нові. Якщо контакт був в інших списках, то він буде видалений з них і буде доданий тільки в той, який вказаний у полі Contact List.  

Only passed parameters will be overwritten (2) — будуть замінені тільки ті поля, які передаються з таблиці. Якщо у контакта є і інші поля у Selzy, то вони не будуть змінені.

Як на практиці виглядає перезапис:

Email Name Lists Tag Product Order
Selzy [email protected] Ann 1 a - 444
Webflow [email protected] Maria 2 b 🍋 -
Result (0) [email protected] Ann 1, 2 a, b 🍋 444
Result (1) [email protected] Maria 2 b 🍋 -
Result (2) [email protected] Maria 1, 2 b 🍋 444

Рядок Selzy — поля контакта до передачі контакта з Webflow.

Рядок Webflow — дані, які передаються з Webflow.

Після ви бачите результат кожного правила перезапису. 

Result (0) — Add new values to fields (0) 

Result (1) — All fields will be overwritten (1) 

Result (2) — Only passed parameters will be overwritten (2)

Поля Lists (Список) і Tag (Тег) ви вказуєте підчас налаштування зв’язки на другому кроці Add a new contact. Поля Email, Ім’я, Product, Order передаються з Webflow.

  1. У полі Email виберіть ідентичне поле з сервісу Webflow, звідки буде передаватись email-адреса контакта:

Як налаштувати інтеграцію Selzy з Webflow

В такий самий спосіб ви можете вибрати, звідки буде передаватись ім’я контакта і додати нові теги для контакта:

 Як налаштувати інтеграцію Selzy з Webflow

Якщо потрібні нові поля контакта, крім стандартних Email, Ім’я, Телефон, то їх можна створити у Selzy у розділі Контакти → Інструменти → Додаткові поля:

Як створити додаткове поле у Selzy

Як налаштувати інтеграцію Selzy з Webflow

  1. У полі Contact List виберіть список в Selzy, куди будуть потрапляти контакти:

Як налаштувати інтеграцію Selzy з Webflow

  1. У полі Double Opt-In виберіть, чи потрібна відправка листа-запрошення для підписки на список контактів. Якщо лист-запрошення не потрібен, виберіть значення «3»:

Як налаштувати інтеграцію Selzy з Webflow

Always send an invitation (0) — потрібна відправка листа-запрошення для підписки на список.

Invitation letter not required (3) — відправляти лист-запрошення не потрібно, контакт відразу потрапляє до списку зі статусом «новий».

Invitation letter for new users only (4) — система виконує перевірку: якщо контакта раніше не було в ваших списках, тоді йому буде відправлено лист-запрошення; якщо контакт вже є в списках, то він відразу буде доданий в список.

  1. Збережіть налаштування, натиснувши Save:

Як налаштувати інтеграцію Selzy з Webflow

  1. Для запуску інтеграції натисніть Start:

Як налаштувати інтеграцію Selzy з Webflow

Зв’язка Webflow і Selzy готова: тепер, коли підписник буде заповнювати форму на сайті, його дані будуть автоматично передаватись у список у Selzy. 

Оновлення даних

Якщо ви додали зміни у Selzy або Webflow (наприклад, створили список або поле) і не бачити їх в налаштуваннях інтеграції, то спробуйте оновити підключення до Selzy або Webflow.

В яких випадках варто оновити підключення:

  • Якщо ви створили у Selzy новий список або поле і хочете, щоб він відобразився в налаштуванні додавання контакта. 
  • Якщо підчас налаштування полів для передачі, ви не бачите полів Webflow.

Щоб оновити підключення, зайдіть у Інтеграції → Мої інтеграції, після в Apps й виберіть підключення до Webflow. Натисніть Update (Оновити):

Як налаштувати інтеграцію Selzy з Webflow

Таким способом ви можете оновити і підключення до Selzy:

Як налаштувати інтеграцію Selzy з Webflow

Тепер зміни, які ви додали у Webflow або Selzy, будуть застосовані у підключенні.

У цій статті

Ви знайшли відповідь на ваше питання?

11
15

Щоб отримати додаткову допомогу, зверніться до нашої служби підтримки. Вона доступна для всіх користувачів Selzy 24/7.