שילוב Webflow עם שירותים חיצוניים באמצעות API ו-Zapier

אינטגרציה של Webflow עם שירותים חיצוניים באמצעות API ו-Zapier

תארו לעצמכם: יש לכם אתר Webflow יפהפה עם טפסים, בלוג וקטלוג, אבל כל ההזמנות והלידים חייבים להיות מועתקים ידנית ל-CRM שלכם. או שהמוצרים מתעדכנים מ-ERP, ואתם מבזבזים שעות על ייצוא וייבוא של קבצי CSV. נשמע מוכר? אנחנו פותרים זאת באמצעות Webflow API ו-Zapier — אנו מגדירים סנכרון אוטומטי כך שנתונים זורמים בין מערכות ללא התערבות אנושית. במשך למעלה מ-10 שנים, השלמנו יותר מ-50 אינטגרציות כאלה עבור לקוחות במסחר אלקטרוני, SaaS וחינוך.

Webflow מספק REST API v2 מלא התומך באוספי CMS, טפסים, הזמנות ופרסום תוכן. ה-API מתועד, עובד על HTTP סטנדרטי, והאימות משתמש ב-bearer token. המגבלה היא 60 בקשות לדקה, מספיק לרוב התרחישים. לפעולות המוניות, אנו משתמשים בתור ובעיבוד קבוצתי.

המומחים שלנו יכולים לטפל בכל משימה: מאינטגרציה פשוטה של טפסים ועד סנכרון דו-כיווני עם עשרות אלפי מוצרים. אם אינכם בטוחים איזו גישה מתאימה לכם, קבלו ייעוץ — נבחן את הפרויקט שלכם ונציע את הפתרון האופטימלי.

כיצד פועל אימות Webflow API

Webflow תומך בשתי שיטות אימות: API Token (מפתח אישי) ו-OAuth 2.0 (ליישומים ציבוריים). עבור האתר שלכם, בדרך כלל מספיק API token. ה-token נוצר בקטע "Account Settings" → "API Access". ה-token מועבר בכותרת Authorization: Bearer <token>. דוגמה ב-PHP:

$client = Http::withHeaders([
    'Authorization' => 'Bearer ' . config('services.webflow.token'),
    'accept' => 'application/json',
]);

// Список сайтов
$sites = $client->get('https://api.webflow.com/v2/sites')->json('sites');

// Коллекции конкретного сайта
$collections = $client
    ->get("https://api.webflow.com/v2/sites/{$siteId}/collections")
    ->json('collections');

OAuth 2.0 נדרש אם היישום שלכם צריך לעבוד עם חשבונות של משתמשי Webflow שונים. התהליך סטנדרטי: הפניה ל-Webflow, קבלת קוד, החלפה ל-token.

מה כלול באינטגרציה: רשימת בדיקה

אנו מבטיחים יציבות: לאחר המסירה, אנו מספקים תיעוד אינטגרציה ושבועיים של תמיכה חינם.

עבודה עם אוספי CMS: יצירה ופרסום

הוספת פריט לאוסף (לדוגמה, משרה חדשה או מאמר ממערכת חיצונית):

$response = Http::withHeaders([
    'Authorization' => 'Bearer ' . config('services.webflow.token'),
    'Content-Type' => 'application/json',
])->post("https://api.webflow.com/v2/collections/{$collectionId}/items", [
    'fieldData' => [
        'name' => 'Новая статья',
        'slug' => 'novaya-statya',
        'description' => 'Текст статьи...',
        'published-on' => '2024-01-15T10:00:00Z',
        '_archived' => false,
        '_draft' => false,
    ],
]);

$itemId = $response->json('id');

// После создания элемент в черновике. Для публикации нужен отдельный запрос:
Http::withHeaders([
    'Authorization' => 'Bearer ' . config('services.webflow.token'),
])->post("https://api.webflow.com/v2/collections/{$collectionId}/items/publish", [
    'itemIds' => [$itemId],
]);

מגבלות API v2: 60 בקשות לדקה לכל token. לפעולות המוניות, הוסיפו עיכוב או עיבוד קבוצתי.

למה להשתמש ב-Webhooks במקום Polling?

Webflow יכול לשלוח אירועים לכתובת URL חיצונית. טריגרים זמינים: $client = Http::withHeaders([ 'Authorization' => 'Bearer ' . config('services.webflow.token'), 'accept' => 'application/json', ]); // Список сайтов $sites = $client->get('https://api.webflow.com/v2/sites')->json('sites'); // Коллекции конкретного сайта $collections = $client ->get("https://api.webflow.com/v2/sites/{$siteId}/collections") ->json('collections'); , $response = Http::withHeaders([ 'Authorization' => 'Bearer ' . config('services.webflow.token'), 'Content-Type' => 'application/json', ])->post("https://api.webflow.com/v2/collections/{$collectionId}/items", [ 'fieldData' => [ 'name' => 'Новая статья', 'slug' => 'novaya-statya', 'description' => 'Текст статьи...', 'published-on' => '2024-01-15T10:00:00Z', '_archived' => false, '_draft' => false, ], ]); $itemId = $response->json('id'); // После создания элемент в черновике. Для публикации нужен отдельный запрос: Http::withHeaders([ 'Authorization' => 'Bearer ' . config('services.webflow.token'), ])->post("https://api.webflow.com/v2/collections/{$collectionId}/items/publish", [ 'itemIds' => [$itemId], ]); , form_submission, site_publish, ecomm_new_order, ecomm_order_changed, cms_item_created. זה מהיר ואמין יותר מאשר שאילתות API כל 15 דקות דרך Zapier.

רישום webhook דרך API:

Http::withHeaders([
    'Authorization' => 'Bearer ' . config('services.webflow.token'),
    'Content-Type' => 'application/json',
])->post("https://api.webflow.com/v2/sites/{$siteId}/webhooks", [
    'triggerType' => 'form_submission',
    'url' => 'https://yoursite.com/api/webhooks/webflow',
]);

Webflow חותם על בקשות עם הכותרת cms_item_changed (HMAC-SHA256). אימות החתימה הוא חובה לאבטחה.

מקרה אמיתי: בפרויקט מסחר אלקטרוני אחד, החלפנו הזנה ידנית ל-CRM ב-webhook ישיר של API, והקטנו את זמן עיבוד הלידים מ-8 שניות ל-1.2 שניות. הצוות של הלקוח הפסיק להעתיק נתונים והשגיאות ירדו לאפס.

איך להגדיר Zapier לאינטגרציה מהירה?

ל-Zapier יש מחבר Webflow רשמי. הוא מאפשר לקשר אירועי Webflow עם אלפי שירותים: Google Sheets, HubSpot, Mailchimp, Slack, Notion ועוד. Zap טיפוסי: "טופס Webflow חדש → ליד ב-HubSpot":

1. טריגר: "Webflow → New Form Submission" — בחרו אתר וטופס
2. פעולה: "HubSpot → Create Contact" — מיפוי שדות
3. (אופציונלי) פילטר: רק אם השדה cms_item_deleted אינו ריק

Zapier מבוסס על polling עבור Webflow: הוא בודק הגשות חדשות כל 15 דקות. להתראות דחופות, השתמשו ב-webhook ישיר — הוא מהיר פי 3.

חלופה ל-Zapier לזרימות מורכבות יותר היא n8n (באירוח עצמי). הוא תומך ב-Webflow דרך צמתי HTTP ומציע לוגיקת טרנספורמציה גמישה יותר ללא מגבלות פעולה.

API מול Zapier לאינטגרציה

אם אתם מתלבטים בבחירה, הזמינו ייעוץ — נבחר את הפתרון האופטימלי לתקציב שלכם.

סנכרון CMS עם מסד נתונים חיצוני: תבנית

תבנית לסנכרון קטלוג מוצרים מ-ERP ל-Webflow CMS:

class SyncProductsToWebflow
{
    public function handle(): void
    {
        $products = Product::where('updated_at', '>', $this->lastSync())->get();
        foreach ($products as $product) {
            $existing = $this->findWebflowItem($product->external_id);
            if ($existing) {
                $this->updateItem($existing['id'], $product);
            } else {
                $this->createItem($product);
            }
        }
        $this->updateLastSync(now());
    }

    private function findWebflowItem(string $externalId): ?array
    {
        // Webflow не поддерживает поиск по кастомному полю через API напрямую,
        // нужно хранить маппинг в локальной таблице
        $mapping = WebflowItemMapping::where('external_id', $externalId)->first();
        return $mapping ? ['id' => $mapping->webflow_id] : null;
    }
}

לוחות זמנים והיקף עבודה

• אינטגרציה פשוטה דרך Zapier (טופס → CRM או גיליון אלקטרוני): 1–2 שעות
• סנכרון אוסף CMS עם מערכת חיצונית דרך API: יום עסקים אחד
• סנכרון דו-כיווני מלא עם טיפול בקונפליקטים: 2–3 ימי עסקים

החיסכון בזמן ובעלות ברור: אוטומציה מבטלת הזנה ידנית ומפחיתה שגיאות. אם אתם צריכים לשלב את Webflow עם מערכות אחרות — צרו קשר. נמצא פתרון שמתאים לתקציב שלכם.

תיעוד Webflow API