> ## Documentation Index
> Fetch the complete documentation index at: https://sorank.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ربط Webflow بـ SORANK

> أنشئ تطبيق Webflow واضبط أذوناته واربط موقعك بـ SORANK.

اربط Webflow بـ Sorank لنشر المقالات مباشرة في نظام إدارة المحتوى لديك. ستنشئ تطبيق Webflow وتمنحه الأذونات المطلوبة، ثم تربطه باستخدام Client ID وClient Secret.

## قبل البدء

يجب أن يستوفي موقع Webflow المتطلبات التالية:

* انشر الموقع علنًا مرة واحدة على الأقل.
* أنشئ مجموعة CMS باسم **Blog Posts**.
* اربط **SEO Title** و**Meta Description** بحقول CMS المقابلة في Webflow Designer.

من دون هذه الروابط، ينشر Webflow المقالات من دون وسوم العنوان والوصف في HTML. اتبع [دليل إعداد مدونة Webflow](/ar/documentation/setup-your-webflow-blog) إذا لم يكن موقعك جاهزًا بعد.

في Sorank، افتح **الإعدادات > عمليات التكامل**، واختر **Webflow**، وأبقِ دليل الإعداد ظاهرًا أثناء تنفيذ الخطوات التالية.

## الخطوة 1: فتح قسم تطوير تطبيقات Webflow

انتقل إلى [لوحة تحكم Webflow](https://webflow.com/dashboard/). افتح **Apps & Integrations**، واختر **Develop**، ثم انقر على **Create an App**.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/16c307037793abc49c33.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=bf2d9714eebc3079d1d9bbfbe1be220e" alt="فتح Apps & Integrations في لوحة تحكم Webflow واختيار Develop" width="1310" height="1120" data-path="images/documentation/16c307037793abc49c33.webp" />

## الخطوة 2: إنشاء التطبيق

في **App Development**، انقر على **Create an App**.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/ed48b9af82f15762e3eb.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=be1f8e157ee346bac4a70c16b282959b" alt="النقر على Create an App في قسم App Development في Webflow" width="1738" height="1184" data-path="images/documentation/ed48b9af82f15762e3eb.webp" />

## الخطوة 3: إدخال معلومات التطبيق

أدخل **App name** و**Description** و**App homepage URL**. يمكنك استخدام عنوان موقعك الإلكتروني كعنوان للصفحة الرئيسية. انقر على **Continue**.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/b6ec403e952ff14fda57.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=cb443e9a1f4d333f6a85c1402d1356ec" alt="إدخال اسم تطبيق Webflow ووصفه وعنوان صفحته الرئيسية" width="1552" height="1364" data-path="images/documentation/b6ec403e952ff14fda57.webp" />

## الخطوة 4: تفعيل Data Client وإضافة URI لإعادة التوجيه

افتح **Building blocks** وفعّل **Data Client**. انسخ URI لإعادة التوجيه الظاهر في دليل Sorank، ثم الصقه في **Redirect URI**.

بالنسبة إلى تطبيق Sorank في بيئة الإنتاج، يكون URI كما يلي:

`https://app.sorank.com/api/v1/cms-integrations/webflow/callback`

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/fca6dde9e82b2e0c9a29.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=cd993df8fbd3bbd531f68d34833dbfb2" alt="تفعيل Data Client وإضافة URI لإعادة التوجيه الخاص بـ Sorank في Webflow" width="2116" height="1680" data-path="images/documentation/fca6dde9e82b2e0c9a29.webp" />

## الخطوة 5: ضبط أذونات CMS وCustom Code

اضبط الأذونات التالية:

* **CMS:** Read and write
* **Custom Code:** Read-only

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/83883ca1cf934b30cfa7.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=b595e72df2686aec5b93e602f76c68d4" alt="ضبط CMS على Read and write وCustom Code على Read-only" width="1558" height="1364" data-path="images/documentation/83883ca1cf934b30cfa7.webp" />

## الخطوة 6: ضبط أذونات Pages وSites

اضبط الأذونات التالية:

* **Pages:** Read and write
* **Sites:** Read-only

اترك بقية الأذونات على **No access**، ثم انقر على **Create App**.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/7392c0c3788f7d184e85.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=f97f44a70276f6b8fac397790775d927" alt="ضبط Pages على Read and write وSites على Read-only ثم إنشاء التطبيق" width="1552" height="1362" data-path="images/documentation/7392c0c3788f7d184e85.webp" />

## الخطوة 7: تعديل التطبيق

في **App Development**، افتح قائمة التطبيق وانقر على **Edit App**.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/a8da55e195190661253c.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=d15ddd7b7b752e228093d15653ea67dc" alt="فتح قائمة تطبيق Webflow والنقر على Edit App" width="1892" height="1180" data-path="images/documentation/a8da55e195190661253c.webp" />

## الخطوة 8: نسخ بيانات الاعتماد

افتح **Building blocks**. انسخ **Client ID**، ثم أظهر **Client Secret** وانسخه. حافظ على سرية Client Secret.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/de7d25e5f3545ee4e27.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=329ca9e09201c2207ee017341ad6abbb" alt="نسخ Client ID وإظهار Client Secret في Webflow" width="1852" height="1272" data-path="images/documentation/de7d25e5f3545ee4e27.webp" />

## الخطوة 9: ربط Webflow بـ Sorank

عُد إلى Sorank. الصق **Client ID** و**Client Secret**، ثم انقر على **Connect**.

<img src="https://mintcdn.com/sorank/XYKEFETUMZq46K6n/images/documentation/7a79d7d4cf912b8c35c2.webp?fit=max&auto=format&n=XYKEFETUMZq46K6n&q=85&s=98cef135075bc8844f0064f4b7193274" alt="لصق Client ID وClient Secret الخاصين بـ Webflow في Sorank والنقر على Connect" width="1164" height="882" data-path="images/documentation/7a79d7d4cf912b8c35c2.webp" />

بعد التفويض، اختر موقع Webflow المطابق لموقعك في Sorank. بعد ذلك، اختر مجموعة CMS التي يجب أن ينشر Sorank المقالات فيها. لا يمكنك المتابعة باستخدام موقع لم يُنشر علنًا من قبل.

أصبح اتصال Webflow جاهزًا. يمكنك الآن نشر المقالات أو جدولتها من Sorank.
