محرر X مقابل Webflow: أيهما أفضل للمصممين؟ [2022]

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

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

لم تقدم فقط إمكانات متقدمة مـن النوع الذي كنت أتوقعه مـن Webflow ؛ لقد تمكنت بطريقة ما مـن الحفاظ عــل ى الكثير مـن بساطة محرر Wix الكلاسيكي فـ ي العملية. وبالمقارنة ، يتمتع Webflow بمـنحنى تعليمي أكثر حدة ويفتقر إلى بعض الميزات التي تساعد Editor X فـ ي الوقوف خارج.

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

القوالب

يحتوي Webflow عــل ى المزيد مـن القوالب ، لكنها ليست كلها مجانية

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

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

مـن ناحية أخرى ، يحتوي Editor X عــل ى 35 نموذجًا فقط مـن تصميم المصممين مجمعة فـ ي فئات واسعة مثل “شركة التكنولوجيا” و “متجر مستحضرات التجميل”. فـ ي حين أن هناك عددًا أقل للاختيار مـن بينها ، أحب التصميمات الحديثة المسطحة لقوالب Editor X. تأتي بعض قوالب الأعمال مثبتة مسبقًا مع تطبيقات مفـ يدة مثل Wix Bookings. والأفضل مـن ذلك كله ، كل قالب محرر X مجاني للاستخدام.

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

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

الميزات وسهولة الاستخدام

يجمع Editor X بين الميزات القوية والتحرير السلس بالسحب والإفلات

يعد Webflow و Editor X بنائين معقدين إلى حد ما ، ولكن محرر X أسهل بكثير فـ ي الاستخدام. لديها أدوات تخطيط قائمة عــل ى flexbox مثل الشبكاتوالمـنسقين والمكررين لمساعدتك فـ ي إنشاء أقسام موقع معقدة وسريعة الاستجابة بسرعة. فـ ي علامة التبويب “التراكيب” ، ستجد أقسامًا كاملة مصممة مسبقًا يمكنك تعديلها ودمجها فـ ي تصميمك الخاص.

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

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

فـ ي مجال التعاون ، لم يتم إنشاء هؤلاء البناة عــل ى قدم المساواة. لدى Webflow محررين: أ مصمم يتعامل مع CSS و HTML و JavaScript وملف محرر لإدارة محتوى الموقع. يتيح لك هذا دعوة الآخرين لتعديل المحتوى دون الخوف مـن تعطلهم لتصميمك. لإضافة متعاونين فـ ي التصميم ، ستحتاج إلى شراء خطة مساحة عمل. وحتى ذلك الحين ، يسمح Webflow لمستخدم واحد فقط فـ ي المصمم فـ ي كل مرة.

يبقي المحرر X الأمور بسيطة مـن خلال السماح لك بتعيين الأدوار والأذونات لمستخدمين آخرين ضمـن محرر واحد. وعــل ى عكس Webflow ، يمكن للمتعاونين غير المحدودين العمل عــل ى نفس موقع Editor X فـ ي وقت واحد. يمكنك حتى إسقاط التعليقات فـ ي الوقت الفعلي عــل ى العناصر عبر نقاط التوقف ، مما يساعدك عــل ى التنسيق مع زملائك فـ ي الفريق.

للتلخيص ، يحتوي Webflow عــل ى الكثير مـن الميزات ويمـنحك مزيدًا مـن التحكم فـ ي الرسوم المتحركة ، ولكن يقدم Editor X ميزات رائعة بنفس القدر مع سهولة استخدامه. كما أن لديها أدوات تعاون فائقة ، مما يساعد عــل ى مـنحها ميزة عــل ى Webflow لكل مـن الميزات وسهولة الاستخدام.

تطبيقات

يحتوي المحرر X عــل ى الكثير مـن التطبيقات ؛ بينما Webflow ليس كذلك

يرث Editor X العديد مـن ميزات Wix ، بما فـ ي ذلك Wix App Market. مـن هنا ، يمكنك إضافة أكثر مـن 300 تطبيق إلى موقع Editor X الخاص بك ، والعديد مـنها مجاني. مـن التحليلات إلى أدوات الشحن ، فإن خيارات توسيع وظائف موقعك لا حصر لها تقريبًا. وإذا كنت ترغب فـ ي إنشاء ميزات مخصصة باستخدام JavaScript ، يمكنك دائمًا تشغيل وضع Dev.

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

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

التدوين

يفتقر Webflow إلى بعض ميزات التدوين الأساسية

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

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

باستخدام Editor X ، يمكنك تشغيل مدونتك باستخدام هذه الأدوات الأصلية أو استخدام مدير المحتوى المخصص لإدارة عدد كبير مـن المـنشورات. تتيح لك كلتا الطريقتين تخصيص شكل كل مـنشور. لقد أعجبت بشكل خاص بذلك يتيح لك Editor X استيراد المحتوى مـن مدونة WordPress، كاملة مع الفئات والمؤلف (المؤلفـ ين) والصور والمزيد.

عندما يتعلق الأمر بالتدوين ، فهذا فوز واضح آخر لـ Editor X. مقارنةً بـ Webflow ، مـن الأسهل بكثير إنشاء تصميمات فريدة لمـنشوراتك ، وستحصل عليها مخلص أدوات التدوين والميزات بنيت فـ ي.

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

يمتلك المحرر X المجموعة الأكثر إثارة للإعجاب مـن أدوات التجارة الإلكترونية

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

فمثلا، يتيح لك Editor X إضافة مـنتجات غير محدودة فـ ي جميع خطط التجارة الإلكترونية الخاصة بها ، فـ ي حين أن خطة Webflow ذات المستوى الأعــل ى تحددك بثلاثة آلاف عنصر. وعــل ى عكس Editor X ، تفرض Webflow رسوم معاملات بنسبة 2 ٪ عــل ى خطتها القياسية.

عيب آخر لـ Webflow هو أنه لا يدعم سوى عدد قليل مـن مزودي الدفع (Stripe و Apple Pay و PayPal) ، مما يحد مـن خياراتك عند البيع دوليًا. يتيح لك Editor X قبول المدفوعات مـن خلال أكثر مـن 60 مزودًا دوليًا، مما يتيح لك البيع وتلقي المدفوعات عمليا مـن أي مكان.

يمـنحك المحرر X أيضًا مجموعة متنوعة مـن ميزات التجارة الإلكترونية الأكثر تقدمًا. عــل ى سبيل المثال ، يمكنك أتمتة حساب ضريبة المبيعات ، وإعداد تذكيرات بالبريد الإلكتروني لعربة التسوق المهجورة ، وأكثر مـن ذلك.يمكنك أيضًا استخدام نظام Wix POS (نقطة البيع) لربط متجر فعلي ومتجر عبر الإنترنت ، مما يسمح لك بإدارة حسابك بالكامل جرد بكل سهولة. هذه كلها ميزات لا يمتلكها Webflow.

SEO

يتمتع كل مـن Editor X و Webflow بقدرات قوية عــل ى تحسين محركات البحث

يقدم كل مـن Editor X و Webflow ميزات متقدمة لتحسين محركات البحث. عــل ى سبيل المثال ، يتيح لك كل مـنها تعيين علامات العنوان (مـن H1-H6) ، وتعيين البيانات الوصفـ ية ، وحتى إنشاء علامات مخطط لتحسين رؤية موقعك عــل ى صفحات نتائج محرك البحث.

عــل ى الرغم مـن أن ميزاتها قابلة للمقارنة عــل ى نطاق واسع ، يقدم Editor X إرشادات أفضل حول كيفـ ية تحسين مُحسنات محركات البحث لموقعك. يتضمـن ذلك قائمة مراجعة توصي بإدخال تحسينات عــل ى مستوى الموقع لتحسين محركات البحث ، وخرائط مواقع XML المحسّنة ، والمزيد.

المشكلة الوحيدة هي أن مواقع Editor X عادةً ما تتمتع بسرعات تحميل أبطأ مـن المتوسط ​​، مما قد يضر بترتيب محرك البحث لموقعك وتجربة المستخدم. هذه مـنطقة حيث Webflow له اليد العليا. إنها استضافة CDN وشفرة نظيفة ومتوافقة تساعد عــل ى توفـ ير سرعات تحميل أسرع. بشكل عام ، أنا أسمي هذا التعادل.

التسعير

يحتوي Webflow و Editor X عــل ى خطط أسعار مماثلة ، لكن Webflow أكثر إرباكًا

يقدم كل مـن Editor X و Webflow خططًا متشابهة ، ولكن يقدم المحرر X المزيد مـن الميزات بأسعار أرخص قليلاً (المزيد عن ذلك أدناه). لقد وجدت أيضًا أن نموذج تسعير Webflow معقد للغاية. ستعرف السبب قريبًا.

يبدأ كلا النظامين المستخدمين بحساب مجاني. لكن الأمور تصبح مثيرة للاهتمام مع الخطط المدفوعة. يقدم Editor X 3 خطط “موقع ويب” و 3 خطط “أعمال / تجارة إلكترونية”. ما يميز هذه الخطط فـ ي الغالب – كما خمـنت – هم e- وظائف التجارة: يحتوي Webflow عــل ى ثلاث فئات مـن الخطط: خطط الموقع وخطط التجارة الإلكترونية وخطط مساحة العمل.

إليك كيفـ ية تفككها:

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