# Webflow + Krokul CRM

Так. Krokul CRM інтегрується з Webflow. Кожне відправлення форми на вашому сайті Webflow стає контактом, компанією-клієнтом і угодою з воронкою, джерелом і відповідальним, які ви задали для цієї форми. Відправлення йдуть через застосунок Krokul у Zapier, Make, n8n чи Albato або через ваш власний обробник на API Krokul. Дизайн і повідомлення подяки на боці Webflow лишаються як є.

**Статус:** Через API і вебхуки. **Платформи автоматизації:** Zapier, Make, n8n, Albato.

## Що отримує команда

### Контактна форма Webflow відкриває угоду

Відвідувач надсилає контактну форму на вашому сайті Webflow. Webflow доставляє підписану подію form_submission, Krokul читає payload.data з іменем, поштою, телефоном, компанією й повідомленням і відкриває угоду у воронці, заданій для цієї форми. Відповідальний отримує сповіщення із заявкою.

### Один сайт Webflow, кілька форм, кілька команд

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

### Сторінка й кампанія лишаються на угоді

Приховані поля форми Webflow можуть нести UTM-мітки, gclid і шлях сторінки. Krokul зберігає їх на угоді, і звіт за джерелами показує, яка сторінка Webflow і яка кампанія її привели. Ідентифікатор кліку готовий для рекламної конверсії пізніше.

### Віджет Krokul як другий шлях

На сторінках, де форма Webflow не потрібна, елемент Embed може містити віджет форми Krokul. Його відправлення йдуть у Krokul напряму, з прихованим полем-пасткою для ботів, мінімальним часом заповнення й переліком дозволених сайтів.

## Що передається між системами

| Webflow | Krokul | Напрям | Коли |
|---|---|---|---|
| form_submission: payload.data з іменем, поштою, телефоном | Контакт, зіставлений за телефоном чи поштою | Webflow → Krokul | Кожне відправлення на підключеному сайті |
| form_submission: поле компанії | Компанія-клієнт на контакті | Webflow → Krokul | Те саме відправлення |
| Назва форми | Воронка, джерело й відповідальний угоди або звернення | Webflow → Krokul | За правилом, заданим для форми |
| Приховані поля: UTM-мітки, gclid, шлях сторінки | UTM-мітки, ідентифікатор кліку й сторінка на угоді | Webflow → Krokul | Те саме відправлення |
| Поле повідомлення | Перше вхідне повідомлення на угоді | Webflow → Krokul | Те саме відправлення |
| Елемент Embed із віджетом Krokul | Контакт і угода | Сторінка Webflow → Krokul | Кожне відправлення з віджета |

## Як підключити сьогодні

### Застосунок Krokul у Zapier, Make, n8n чи Albato

1. Підключіть застосунок Krokul ключем API.
2. Почніть із тригера Webflow New Form Submission і візьміть дії Krokul, наприклад Find Contact, Create Deal чи Create Ticket, коли правилу потрібні дані з іншої системи.
3. Якщо ви продаєте через Webflow Ecommerce, тригер Webflow New Order може створювати угоду дією Krokul Create Deal.

### Власний потік через API й вебхуки Krokul

1. Створіть ключ API Krokul із правом запису контактів, компаній-клієнтів, угод і звернень.
2. Зареєструйте вебхук form_submission через Webflow Data API, щоб кожна доставка на ваш обробник була підписана, і перевіряйте x-webflow-signature разом з x-webflow-timestamp.
3. Читайте payload.data, шукайте людину через contact/api-find і відкривайте запис через card/api-create або, для форм підтримки, через ticket/api-create.
4. Зберігайте посилання на відправлення Webflow на угоді через externalRef/api-upsert, щоб повторна доставка не відкрила другу угоду.

**Тригери:** New Form Submission; New Order; Updated Order; New Comment; New Resolved Comment Thread.

**Дії:** Create Item; Create Live Item; Update Item; Update Live Item; Fulfill Order; Update Order.

### Для інтеграторів

Webflow надсилає вебхук form_submission на будь-який обробник, зареєстрований через Webflow Data API. Вебхуки, створені так, несуть заголовки x-webflow-signature і x-webflow-timestamp. Вебхуки, додані в налаштуваннях сайту, підпису не мають. Власний обробник читає payload.data і викликає contact/api-find, card/api-create чи ticket/api-create в API Krokul з bearer-ключем. Krokul відповідає власними підписаними вебхуками. Тестова компанія тримає перевірки окремо.

[Документація API](https://app.krokul.com/api/v1/docs)

## Питання й відповіді

### Чи інтегрується Krokul з Webflow?

Так. Krokul інтегрується з Webflow через застосунок Krokul у Zapier, Make, n8n і Albato, а також через свої API й вебхуки.

### Чи треба перебудовувати форми у Webflow?

Ні. Krokul підписується на відправлення форм, які у вас уже є. Дизайн форми й повідомлення про успіх лишаються у Webflow.

### Чи синхронізує Krokul колекції Webflow CMS?

Ні. Вміст CMS належить сайту. Krokul бере відправлення форм, а замовлення лише тоді, коли ви спрямовуєте їх через застосунок Krokul.

### Що буде, якщо Krokul не відповість на вебхук Webflow?

Webflow повторює вебхук, що не отримав HTTP 200, ще до трьох разів з інтервалом десять хвилин. Після повторних збоїв Webflow вимикає вебхук і пише власнику сайту, а журнал конектора Krokul показує невдалі доставки.

## Обмеження

Колекції CMS, замовлення Webflow Ecommerce і сам сайт лишаються у Webflow. Krokul приймає відправлення форм і веде продаж, що з них починається.

## Пов’язані сервіси

- [Typeform](https://krokul.com/uk/integrations/typeform/index.md)
- [Jotform](https://krokul.com/uk/integrations/jotform/index.md)
- [Форми WordPress](https://krokul.com/uk/integrations/wordpress-forms/index.md)
- [Google Analytics 4](https://krokul.com/uk/integrations/google-analytics-4/index.md)
- [Zapier](https://krokul.com/uk/integrations/zapier/index.md)

[Форми й рекламні звернення](https://krokul.com/uk/integrations/category/lead-capture/index.md)

Webflow є торговою маркою Webflow, Inc. Krokul не афілійований із Webflow.

Оновлено: 2026-10-15

---

Застосунок: https://app.krokul.com/ · API: https://app.krokul.com/api/v1/docs