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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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