مراجعة Webflow (هل هذا هو منشئ موقع الويب المناسب لك؟)

Webflow هو نظام أساسي لتصميم مواقع الويب محترم يستخدمه أكثر من 3.5 مليون عميل حول العالم. سواء كنت محترفًا متمرسًا أو بدأت للتو ، ستمنحك مراجعة Webflow هذه نظرة متعمقة على ميزات وقدرات هذا النظام الأساسي لبناء مواقع الويب بدون رمز.

هناك المئات من بناة المواقع هناك. كل منها مناسب لجمهور مختلف. وضع Webflow نفسه بقوة باعتباره البرنامج المفضل للمصممين المحترفين والوكالات والشركات التي تصل إلى مستوى المؤسسة. 

في الواقع ، يحتوي على مجموعة رائعة من الأدوات والميزات التي يسعد استخدامها - طالما أنك تعرف ما تفعله. 

منشئ الموقع رقم 1 بدون كود في عام 2023

Webflow Website Builder

من 14 دولارًا شهريًا (ادفع سنويًا واحصل على خصم 30٪)

قل وداعًا لقيود تصميم الويب التقليدي ومرحبًا بتنوع وإبداع Webflow. يعمل Webflow على تغيير لعبة بناء مواقع الويب والتجارة الإلكترونية من خلال السماح للمصممين والمطورين بإنشاء مواقع ويب مخصصة فريدة دون كتابة أي رمز. بفضل واجهته المرئية سهلة الاستخدام وميزاته القوية ، يعد Webflow هو الحل الأمثل لبناء مواقع ويب ديناميكية وسريعة الاستجابة وجذابة بصريًا.

جرب Webflow مجانًا

أحدث الأسعار

لست خبيرًا في تصميم الويب ، لذلك دعونا نرى كيف أتعامل مع النظام الأساسي. هل يمكن لأي شخص استخدام Webflow؟ أم أنه من الأفضل تركه للخبراء؟ هيا نكتشف.

TL ؛ DR: يحتوي Webflow على مجموعة رائعة من الأدوات والميزات لإنشاء مواقع ويب مذهلة وسريعة الأداء. ومع ذلك ، فهو موجه نحو مصمم التصميم المحترف وليس الشخص العادي. لذلك تتطلب المنصة منحنى تعليمي حاد وقد تكون مربكة للغاية بالنسبة للبعض.

إيجابيات وسلبيات Webflow

أولاً ، دعنا نوازن بين الخير والشر من خلال نظرة عامة سريعة على إيجابيات وسلبيات Webflow:

تسعير Webflow

يحتوي Webflow على خمس خطط متاحة للاستخدام العام:

• خطة مجانية: استخدم مجانًا على أساس محدود
• الخطة الأساسية: من 14 دولار شهريًا تدفع سنويًا
• خطة CMS: من 23 دولار شهريًا تدفع سنويًا
• خطة عمل: من 39 دولار شهريًا تدفع سنويًا
• المؤسسة: التسعير المفصل

لدى Webflow أيضًا خطط أسعار خاصة بالتجارة الإلكترونية:

• الخطة القياسية: من 24 دولارًا أمريكيًا تدفع سنويًا
• خطة بلس: من 74 دولار شهريًا تدفع سنويًا
• خطة متقدمة: 212 دولار شهريًا تدفع سنويًا

إذا كنت تحتاج إلى مقاعد مستخدم إضافية لحساب Webflow الخاص بك ، فهذه التكلفة من 16 دولارًا / شهرًا إلى الأعلى ، حسب متطلباتك. 

للحصول على تفاصيل أكثر تفصيلاً لتسعير Webflow ، ألق نظرة على My مقالة متعمقة هنا.

الدفع سنويًا يوفر لك 30٪ مقارنة بالدفع شهريًا. نظرًا لتوفر خطة مجانية ، لا توجد نسخة تجريبية مجانية.

هام: Webflow يفعل ليس تقديم المبالغ المستردة ، وهناك لا يوجد ضمان لاسترداد الأموال بعد دفع الخطة في البداية.

ميزات Webflow

الآن دعنا نعطي المنصة فرصة جيدة لأموالها ونتعثر فيها ما يفعله Webflow ومميزاته ومعرفة ما إذا كانت كذلك يستحق كل هذا الضجيج.

قوالب Webflow

كل شيء يبدأ بقالب! يحتوي Webflow على مجموعة رائعة من القوالب المجانية الجاهزة التي تحتوي على جميع الصور والنصوص والألوان من أجلك. إذا كنت ترغب في رفع مستوى التصميم ، فيمكنك أيضًا اختر نموذجًا مدفوعًا.

تتراوح تكلفة النموذج من حوالي 20 دولارًا إلى أكثر من 100 دولار وهي متوفرة في مجموعة من مجالات الأعمال المختلفة.

ولكن هذا أكثر ما أحبه. مع جميع منشئي مواقع الويب تقريبًا ، ليس هناك حل وسط. إما أن تبدأ بقالب تم إنشاؤه مسبقًا لجميع الغناء والرقص أو بصفحة فارغة. 

يمكن أن تكون الصفحة الفارغة نقطة بداية صعبة ، خاصة إذا كنت مبتدئًا ، و قالب تم إنشاؤه مسبقًا يمكن أن تجعل من الصعب رؤية كيف ستعمل مع جمالك.

وجد Webflow الحل الوسط. يحتوي النظام الأساسي على قوالب أساسية لمواقع المحفظة والأعمال والتجارة الإلكترونية. الهيكل موجود ، لكنه ليس مليئًا بالصور أو الألوان أو أي شيء آخر يشتت الانتباه.

هذا يجعل من السهل تصور و إنشاء موقع الويب الخاص بك دون أن يخدعك ما هو موجود بالفعل.

أداة Webflow Designer

الآن ، لقطتي المفضلة ، أداة التحرير. قررت استخدام نموذج تم إنشاؤه مسبقًا هنا وتشغيله في المحرر.

على الفور، تم تقديم قائمة مرجعية لجميع الخطوات التي احتجت لإكمالها لتجهيز موقع الويب الخاص بي للنشر. اعتقدت أن هذه كانت لمسة لطيفة لأولئك الجدد على هذا البرنامج.

بعد ذلك ، علقت في أدوات التحرير ، وكانت هذه هي اللحظة لقد ذهلت بالكم الهائل من الخيارات المعروضة.

الأداة لديها المعتاد واجهة السحب والإفلات حيث تختار العنصر الذي تريده واسحبه إلى صفحة الويب. يؤدي النقر فوق أحد العناصر إلى فتح قائمة التحرير على الجانب الأيمن من الشاشة وقائمة التنقل على اليسار. 

هنا حيث تحصل على تفاصيل فائقة. في لقطة الشاشة ، ترى فقط جزءًا بسيطًا من قائمة التحرير. في الواقع يتم تمريره لأسفل للكشف عن ملف مجنون عدد خيارات التحرير.

يحتوي كل عنصر من عناصر صفحة الويب على هذا النوع من القوائم ، ولا يتوقف عند هذا الحد. كل قائمة لديها أيضا أربع علامات تبويب على طول الجزء العلوي التي تكشف عن المزيد من أدوات التحرير.

الآن ، لا تفهموني خطأ. هذه ليست نقطة سلبية. الشخص الذي اعتاد بالفعل على برامج بناء الويب ومصممي الويب المحترفين سوف يستمتعون ببرنامج مقدار التحكم لديهم لأنه يسمح بالحرية الإبداعية الكاملة.

من ناحية أخرى ، أستطيع أن أرى بالفعل أن هذا هو ليس اختيارًا جيدًا للمبتدئين لأنه ليس من الواضح على الفور ما عليك القيام به وكيف تفعل ذلك.

لن أخوض في التفاصيل الدقيقة لكل أداة تحرير متاحة على هذا النظام الأساسي لأننا سنكون هنا طوال الأسبوع.

للحصول على قائمة كاملة بالميزات ، قم بزيارة موقع الويب webflow.com الآن.

يكفي القول، إنه متقدم ويحتوي على كل ما قد تحتاجه لإرضاء المصمم الأكثر تفصيلاً. 

ومع ذلك ، سأشير إلى بعض الميزات البارزة هنا:

• أداة التدقيق التلقائي: يمكن لـ Webflow تدقيق موقع الويب الخاص بك وقتما تشاء. ستسلط الضوء على الفرص التي يمكنك من خلالها تحسين قابلية استخدام الصفحة وأدائها.
• أضف مشغلات التفاعل: تتيح لك الأداة إنشاء مشغلات تؤدي تلقائيًا إجراءً ما عندما يحوم الماوس فوق منطقة معينة. على سبيل المثال ، يمكنك تعيين نافذة منبثقة لتظهر.
• المحتوى الديناميكي: بدلاً من تغيير العناصر أو تحديثها يدويًا على صفحات ويب متعددة ، يمكنك تغييرها في صفحة واحدة ، وسيتم تطبيق التغييرات في كل مكان. هذا مفيد إذا كان لديك ، على سبيل المثال ، المئات من منشورات المدونة التي تتطلب تغييرًا.
• مجموعات CMS: هذه طريقة ذكية لتنظيم مجموعات البيانات حتى تتمكن من التحكم في المحتوى الديناميكي وتحريره.
• الأصول: هذه هي مكتبة الصور والوسائط الخاصة بك حيث يمكنك تحميل وتخزين كل شيء. يعجبني هذا لأنه يبدو وكأنه أداة أصول Canva ويجعل من السهل جدًا التمرير خلالها للعثور على ما تحتاجه أثناء البقاء في صفحة التحرير.
• أداة المشاركة: يمكنك إما مشاركة ارتباط قابل للعرض بالموقع للحصول على تعليقات أو دعوة المتعاونين باستخدام ارتباط تعديل.
• دروس الفيديو: يعرف Webflow أنه أداة شاملة ، ويجب أن أقول إن مكتبة البرامج التعليمية الخاصة به واسعة النطاق وسهلة المتابعة حقًا. بالإضافة إلى ذلك ، يمكن الوصول إليها مباشرة من خلال أداة التحرير ، وهي مريحة للغاية.

الرسوم المتحركة لتدفق الويب

من يريد مواقع مملة وثابتة متى أمكنك ذلك صفحات الويب الرائعة والديناميكية والمتحركة؟

يستخدم Webflow CSS و Javascript للسماح للمصممين بإنشاء رسوم متحركة معقدة وسلسة دون الحاجة إلى ذلك لا يوجد معرفة بالترميز على الإطلاق.

كانت هذه الميزة تتجاوز قدراتي في بناء الويب ، ولكن شخصًا على دراية جيدة بتصميم الويب سيفعل ذلك لديك يوم ميداني مع كل ما يمكنها فعله.

على سبيل المثال، سيتيح لك Webflow إنشاء ملفات تمرير الرسوم المتحركة مثل اختلاف المنظر والكشف وأشرطة التقدم والمزيد. يمكن تطبيق الرسوم المتحركة على الصفحة بأكملها أو على عناصر فردية.

أنا أحب أن أرى مواقع الويب مع حركات ديناميكية فيها. إنها طريقة رائعة لجذب انتباه الأشخاص أو إبقائهم على موقعك لفترة أطول.

إنها أيضًا أداة رائعة لمطالبة شخص ما بالنقر فوق عنصر معين أو تنفيذ الإجراء المطلوب.

Webflow التجارة الإلكترونية

تم إعداد Webflow بالكامل للتجارة الإلكترونية (ولديه خطط أسعار تتوافق معه) ، وربما يمكنك تخمين أن هذه الميزة شاملة تمامًا مثل أدواتها الخاصة ببناء الويب.

في الواقع ، يتم الوصول إلى ميزة التجارة الإلكترونية عبر واجهة تحرير الويب وتتيح لك ذلك يفعل كل شيء من شأنه أن يؤدي تطبيق التجارة الإلكترونية المخصص إلى:

• إنشاء متجر للمنتجات المادية أو الرقمية
• تصدير أو استيراد قوائم المنتجات بكميات كبيرة
• إنشاء منتجات جديدة وتحديد الأسعار وتعديل التفاصيل
• تنظيم المنتجات في فئات محددة
• إنشاء خصومات وعروض مخصصة
• أضف خيارات التسليم المخصصة
• تتبع كل الطلبات
• إنشاء منتجات قائمة على الاشتراك (حاليًا في الوضع التجريبي)
• إنشاء عربة وخروج مخصصة
• تخصيص رسائل البريد الإلكتروني للمعاملات

لتلقي المدفوعات ، يتكامل Webflow مباشرة مع Stripe ، Apple Pay ، Google الدفع وباي بال.

بصراحة ، وجدت أن هذه القائمة محدودة نوعًا ما ، خاصةً بالمقارنة مع منصات بناء الويب الأخرى. 

على الرغم من أنك يستطيع استخدم Zapier للتواصل مع مزودي الدفع الآخرين ، فهذا أكثر تعقيدًا وسيكلفك الكثير ، خاصة إذا رأيت أحجام مبيعات عالية.

عضوية Webflow والدورات والمحتوى المقيد

بيع الدورات حار الآن ، لذلك يسعى بناة الويب جاهدين لمواكبة هذا الاتجاه. يبدو أن Webflow قد اشتعل لأن لديهم الآن ملف ميزة العضويات هذا حاليًا في الوضع التجريبي.

تقدم لك عضوية Webflow طريقة إنشاء جدار حماية لمحتوى معين على موقع الويب الخاص بك ، قم بإنشاء بوابات العضوية ، وتقديم محتوى قائم على الاشتراك.

بقدر ما أفهم ، تقوم بإنشاء صفحات على موقع الويب الخاص بك للمحتوى المحظور الخاص بك ، ثم تقوم "بقفلها" بصفحة وصول للأعضاء فقط. هنا تستطيع علامة تجارية لكل شيء ، إنشاء نماذج مخصصة وإرسال رسائل بريد إلكتروني مخصصة للمعاملات.

نظرًا لأن هذه الميزة في الوضع التجريبي ، فمن المؤكد أنها ستتوسع وتتحسن بمرور الوقت. هذا بالتأكيد شيء يجب مراقبته أثناء تقدمه.

أمن واستضافة Webflow

Webflow ليس مجرد أداة لبناء مواقع الويب. كما يتميز بالقدرة على host موقع الويب الخاص بك ويوفر ميزات أمان متقدمة أيضًا. 

هذا يجعل المنصة أ متجر شامل و يزيل الحاجة إلى شراء الاستضافة والأمان من منصات الطرف الثالث. أنا من محبي الراحة ، لذا فإن هذا يروق لي كثيرًا.

استضافة Webflow

فيما يتعلق بالاستضافة ، تفتخر Webflow بامتداد أداء من الدرجة الأولى ووقت تحميل 1.02 ثانية لمواقعها.

يتم توفير الاستضافة عبر شبكة توصيل المحتوى من المستوى 1 الرائعة بالإضافة إلى خدمات أمازون ويب وبسرعة. بالإضافة إلى الأداء المتميز ، تمنحك استضافة Webflow أيضًا:

• أسماء النطاقات المخصصة (باستثناء الخطة المجانية)
• عمليات إعادة التوجيه 301 المخصصة
• بيانات التعريف
• شهادة SSL الحرة
• النسخ الاحتياطي والإصدارات اليومية
• حماية كلمة المرور لكل صفحة
• شبكة توزيع المحتوى (CDN)
• النماذج المخصصة
• بحث الموقع
• منصة التصميم والنشر المرئية
• صفر الصيانة

أمان Webflow

من المؤكد أن Webflow يأخذ الأمان على محمل الجد حتى تكون واثقًا من أن ملف المواقع وجميع البيانات محفوظة بأمان في كل مرحلة.

تقوم المنصة بتعيين برنامج الأمان الخاص بها وفقًا لـ ISO 27001 و CIS ضوابط الأمن الحرجة ومعايير الصناعة الأخرى.

فيما يلي جميع ميزات الأمان التي يمكنك التطلع إليها مع Webflow:

• متوافق مع القانون العام لحماية البيانات وقانون حماية خصوصية المستهلك
• مزود خدمة المستوى الأول المعتمد لـ Stripe 
• أمن البيانات الكامل وفحص الموظفين في Webflow نفسها
• توثيق ذو عاملين
• إمكانات الدخول الموحّد (SSO) مع G Suite
• علامة واحدة على
• أذونات تستند إلى الدور
• تخزين بيانات العملاء المستند إلى السحابة
• نقل البيانات المشفرة بالكامل

تكامل Webflow & API

يحتوي Webflow على ملف عدد لا بأس به من التطبيقات وعمليات الدمج المباشرة تمنحك قدرًا أكبر من التحكم والمرونة. إذا كانت المنصة لا تدعم التكامل المباشر ، يمكنك ذلك استخدم Zapier للاتصال بأدواتك وتطبيقات البرامج المفضلة لديك.

يمكنك العثور على تطبيقات وعمليات تكامل لـ:

• أتمتة
• التحليلات
• معالجات الدفع
• عضوية
• التجارة الإلكترونية
• استضافة البريد الإلكتروني
• وسائل الاعلام الاجتماعية
• أدوات الترجمة والمزيد

إذا لم تتمكن من العثور على التطبيق الذي تحتاجه ، يمكنك ذلك اطلب من Webflow إنشاء تطبيق مخصص ، خاصة بالنسبة لك (يتم تطبيق تكاليف إضافية هنا).

خدمة عملاء Webflow

يعد Webflow عملاقًا لمنصة ، لذلك تتوقع أن يكون لديه مستوى لائق من خدمة العملاء لمشتركيها. 

ومع ذلك ، يتيح Webflow نفسه هنا. لا يوجد دعم مباشر - ولا حتى في خطط الأسعار من الدرجة الأولى. الطريقة الوحيدة التي يمكنك من خلالها التواصل مع مندوب الدعم هي إرسال بريد إلكتروني وحتى ذلك الحين ، يكون وقت الاستجابة ضعيفًا. 

تزعم التقارير حول الويب أن Webflow يستغرق ما يصل إلى 48 ساعة في المتوسط للرد على استفسارات العملاء. هذا ليس رائعًا ، خاصة إذا كان لديك مواعيد نهائية للعميل يجب عليك الالتزام بها.

يستعيد Webflow بضع نقاط في هذا المجال وذلك بفضل جامعته. هذه المكتبة التعليمية الضخمة مليئة بالدورات ومقاطع الفيديو التدريبية ليعلمك كيفية استخدام النظام الأساسي بشكل صحيح.

ومع ذلك ، لن يساعدك هذا إذا حدث خلل في الموقع أو واجهت مشكلة. دعونا نأمل أن يقدم Webflow خيارات دعم أفضل في المستقبل القريب.

مثال على مواقع الويب لتدفق الويب

لذا ، كيف تبدو مواقع Webflow المنشورة بالفعل؟ هناك الكثير الذي يمكنك استخلاصه من أحد النماذج ، لذا فإن عرض أمثلة مواقع الويب الحية يعد طريقة رائعة للتعرف على إمكانات Webflows.

أولا يصل ، لدينا https://south40snacks.webflow.io، موقع مثال لشركة تصنع وجبات خفيفة تعتمد على الجوز والبذور (الصورة أعلاه).

هذا هو موقع رائع المظهر مع بعض رسوم متحركة رائعة لجذب انتباهك (وتجعلك جائعًا لتناول الوجبات الخفيفة!). التصميم والتصميم رائعان ، وكل شيء يعمل بسلاسة.

التالي هو https://illustrated.webflow.io/. أولاً ، تم تقديم ملف عرض الرسوم المتحركة، ولكن أثناء التمرير ، يكون لديك ملف تصميم جميل ونظيف هذا يبدو مقنعًا ولكنه منظم.

يتم تحميل كل صفحة بسرعة ، وتعمل مقاطع الفيديو المضمنة مثل الحلم.

https://www.happylandfest.ca/ يعرض نموذجًا لموقع ويب لمهرجان ويبدأ بـ مقاطع فيديو مغطاة بالنص.

أثناء التمرير ، يتم نقلك عبر معرض للصور ومعلومات إضافية حول الحدث. إنه مصمم لجذب انتباهك على الفور ، وهو يعمل بشكل جيد للغاية.

لعرض مزيد من الأمثلة على مواقع Webflow. التحقق منها هنا.

منافسو Webflow

كما أوضحت في هذا الاستعراض ، فإن Webflow معروف بميزاته ومرونته المتقدمة ، مما يجعله خيارًا شائعًا بين المصممين الذين يريدون مزيدًا من التحكم في مظهر مواقعهم الإلكترونية ووظائفها. ومع ذلك ، هناك منصات أخرى هناك. إليك كيفية مقارنة Webflow ببعض أفضل منافسيها:

1. Squarespace: Squarespace هو منشئ مواقع الويب الشهير الذي يقدم مجموعة من القوالب وخيارات التصميم لإنشاء موقع ويب ذو مظهر احترافي. بينما يعتبر Squarespace أسهل للمبتدئين ، يوفر Webflow المزيد من خيارات التخصيص والميزات المتقدمة للمصممين ذوي الخبرة.
2. WIX: Wix هو منشئ مواقع ويب سهل الاستخدام مع واجهة سحب وإفلات لإنشاء مواقع الويب. في حين أنه أكثر ملاءمة للمبتدئين من Webflow ، إلا أنه يحتوي على خيارات تخصيص أقل وقد لا يكون مناسبًا لمواقع الويب الأكثر تعقيدًا.
3. WordPress: WordPress هو نظام إدارة محتوى يستخدم على نطاق واسع (CMS) يوفر العديد من خيارات المرونة والتخصيص لمصممي الويب. في حين أنه أكثر تعقيدًا من Webflow ، فإنه يوفر مزيدًا من التحكم في تصميم ووظائف موقع الويب.
4. Shopify: Shopify هي عبارة عن منصة تجارة إلكترونية شهيرة تتيح للمستخدمين إنشاء متاجر عبر الإنترنت. على الرغم من أنه ليس منافسًا مباشرًا لـ Webflow ، إلا أنه من الجدير بالذكر أن Webflow يقدم وظائف التجارة الإلكترونية وقد يكون خيارًا جيدًا للشركات الصغيرة التي تبحث عن موقع ويب به إمكانيات التصميم والتجارة الإلكترونية.

بشكل عام ، تبرز Webflow بين منافسيها لميزاتها المتقدمة ومرونتها ، مما يجعلها خيارًا مثاليًا لمصممي الويب ذوي الخبرة الذين يبحثون عن نظام أساسي يقوم بتخصيص مظهر مواقع الويب الخاصة بهم ووظائفها بشكل كامل.

الأسئلة المتكررة

ملخص - مراجعة Webflow 2023

ليس هناك شك في أن Webflow يمكن أن ينافسه WordPress للعدد الهائل من أدوات التحرير والتكامل والميزات التي يوفرها. أعتقد أنه خيار مثالي لمحترفي تصميم الويب والشركات على مستوى المؤسسات ووكالات التصميم.

في الواقع ، تحتوي المنصة على الكثير من خطط الأسعار التي تسمح لك بذلك تطوير موقعك على الويب وتوسيع نطاقه بما يتماشى مع عملك. أتمنى فقط أن يكون لدي الخبرة (والوقت) للتعرف على هذه المنصة بشكل كامل.

ومع ذلك، هناك منصات أفضل للمستخدمين الجدد والأشخاص الذين يريدون موقع ويب أساسيًا وغير معقد. على سبيل المثال ، ستجد مواقع الأعمال المكونة من صفحة واحدة والمواقع الحيوية الشخصية والمدون العادي أن Webflow معقد جدًا لمصلحته وقد يفضل شيئًا أكثر أساسية مثل WIX, Site123 or أشك.

مراجعات المستخدم

إرسال مراجعة

المراجع:

• قائمة كاملة من الميزات - https://webflow.com/features
• قناة يوتيوب - https://www.youtube.com/c/webflow
• ويكيبيديا - https://en.wikipedia.org/wiki/Webflow
• رديت - https://www.reddit.com/r/webflow/