ستساعدك المقالة التالية: ووردبريس مقابل تدفق الويب
الميزات الرئيسية لتطبيق Webflow
يحتوي Webflow على العديد من الميزات الرئيسية التي ستكون مفيدة لمنشئ موقع الويب الناشئ. وتشمل هذه:
- وظيفة السحب والإفلات لموقع الويب لإنشاء الصفحات
- محرر مرئي بديهي
- تصميمات الصفحات سريعة الاستجابة وميزات تصميم مواقع الويب
- القدرة على العمل مباشرة مع بيانات CMS من Webflow
- موقع تجارة إلكترونية مدمج
- القدرة على العمل مع فئات CSS القابلة لإعادة الاستخدام
- القدرة على العمل مع Flexbox
- القدرة على استخدام أي خط وضبطه بالكامل بدءًا من التتبع وحتى ارتفاع الخط
- القدرة على تحديد عينات الألوان العالمية وتحديث اللون في ثوانٍ
- القدرة على النشر مباشرة على شبكة الإنترنت
- يستخدم SSL وISO 27018
- تكامل أدوات التسويق وبيانات النماذج والنسخ الاحتياطية، بالإضافة إلى الكثير غيرها
- القدرة على تصدير الكود للتحميل
- القدرة على إضافة الكود الخاص بك إذا اخترت ذلك، باستخدام محرر الكود
- القدرة على إنشاء رسوم متحركة تعتمد على التمرير
- القدرة على دمج زابير
- أدوات تحسين محركات البحث (SEO) مدمجة لسهولة الاستخدام
- يتم نسخ التحديثات احتياطيًا تلقائيًا
باستخدام كل ما سبق، يتيح لك Webflow إنشاء موقع ويب يمكن تخصيصه بالكامل وفقًا لمتطلباتك!
بالإضافة إلى ذلك، يقوم Webflow بإنشاء كود أنظف، مما يعني أن موقع الويب الخاص بك يتم تحميله بشكل أسرع وسيتم تصنيفه بشكل أفضل على Google. كما أنه يتميز بأمان موقع الويب على مستوى المؤسسات، ولأنه لا يستخدم المكونات الإضافية، فهو أقل عرضة للاختراق.
ميزات أداة التصميم
نظرًا لأن منشئ صفحات Webflow يستخدم على وجه التحديد واجهة السحب والإفلات، فيمكنك إضافة أي عناصر إلى موقع الويب الخاص بك. يتضمن ذلك مقاطع الفيديو وشرائح التمرير وعلامات التبويب والصور.
تعتبر واجهات السحب والإفلات سهلة الاستخدام بشكل خاص، ويحتوي Webflow على جميع العناصر التي قد تطلبها.
من خلال التحكم الكامل في HTML5 وCSS3 وJavaScript، يمكنك استخدام أداة إنشاء الصفحات المرئية لإنشاء موقع الويب المثالي الخاص بك.
بالإضافة إلى ذلك، يمكنك التحكم في جميع أساليب الطباعة الخاصة بك. هذا يعني أنه يمكنك استخدام أي خط وتخصيصه بالكامل!
لا يسمح المنافسون الرائدون في السوق بذلك من خلال الخطوط المحددة التي يمكنك استخدامها، مما يضع Webflow فوقهم بالفعل كواجهة سحب وإفلات.
تتميز الصفحات والعناصر بتصميم سريع الاستجابة أيضًا. وهذا يضمن أن كل من يزور موقعك سيحصل على أفضل تجربة مستخدم، تمامًا كما صممته.
وماذا عن التناسق مع اللون؟ حسنًا، يمكنك تحديد عينات الألوان العامة، مما يسمح لك بتغيير الألوان بنقرة واحدة.
ألا ترغب في تصميم موقع الويب الخاص بك بالكامل من الصفر؟ يحتوي Webflow على مجموعة من القوالب المعدة مسبقًا، والتي يمكنك تعديلها لتناسب أغراضك. يمكنك أيضًا إنشاء “مجموعة” – محتوى قابل لإعادة الاستخدام، ومخزن في قاعدة بيانات للمستقبل.
يحتوي Webflow أيضًا على أدوات ممتازة للتصميم الذي يسهل الوصول إليه، وهو مصمم خصيصًا للمستخدمين ضعاف البصر.
يقوم المصمم بتحليل تباين ألوان النص، وسوف يحذرك إذا لم يتبع التعليمات البرمجية إرشادات الوصول إلى محتوى الويب. كما أن لديها وضع معاينة الرؤية، بحيث يمكنك معاينة كيف سيبدو للزائرين ضعاف البصر.
بمجرد تصميم موقع الويب المثالي الخاص بك، يمكنك إما نشره مباشرة، أو تنزيل الكود للنشر في مكان آخر.
أدوات التفاعلات
توفر أدوات التفاعل الخاصة بـ Webflow قدرًا كبيرًا من الإمكانيات.
التفاعلات هي نقطة الاتصال بين المستخدم والواجهة عندما يتم الرد عليها، على سبيل المثال. النقر على زر الذي يفتح نافذة جديدة.
يستدعي Webflow على وجه التحديد أدوات تفاعلات وظائفهم؛ كل من هذه الرسوم المتحركة وأي رسوم متحركة على موقع الويب الخاص بك قابلة للتخصيص بالكامل باستخدام Webflow.
يتم إنشاء جميع التفاعلات والرسوم المتحركة بشكل مرئي باستخدام واجهة السحب والإفلات، مما يجعلها سهلة الاستخدام للغاية وخالية من التعليمات البرمجية – ناهيك عن أنها جذابة بصريًا!
يعد هذا واحدًا من أفضل الأشياء في Webflow، فهو ليس سهل الاستخدام فحسب، بل إنه جميل أيضًا.
فيما يلي بعض التفاعلات والرسوم المتحركة المتوفرة، والتي أصبحت سهلة باستخدام Webflow:
- الرسوم المتحركة التي يتم إنشاؤها أثناء التمرير، مما يؤدي إلى صورة كاملة
- الرسوم المتحركة المنظرة القائمة على التمرير (والتي يمكن ربطها بأي عنصر)
- محتوى “الكشف عند النقر”.
- قم بتمرير الرسوم المتحركة التي تكشف عن محتوى جديد
يتوفر أكثر من 20 رسمًا متحركًا مُعدة مسبقًا في Webflow، إذا كنت تتطلع إلى المضي قدمًا وإنشاء موقعك ببضع نقرات بالماوس.
يمكنك أيضًا إعداد مشغلات التفاعل، والتي تسمح لـ Youtube بالتحكم في تشغيل ما بعد التأثير، بالإضافة إلى رسوم Lottie المتحركة (ملف رسوم متحركة يستند إلى JSON للرسوم المتحركة المستندة إلى الرسومات المتجهة).
تعد هذه القدرة على تأخير تفاعلاتك ميزة رائعة، وهي ميزة يتعين عليك عادةً كتابة أسطر وأسطر من JavaScript لها. لحسن الحظ، مع Webflow، يقومون بكل ذلك من أجلك بنقرة زر واحدة!
أدوات إدارة المحتوى
يتيح لك Webflow تصميم المحتوى الخاص بك وتحريره على الصفحة مباشرة، ثم النشر مباشرة من هناك.
إن نظام إدارة المحتوى (CMS) منظم بشكل جيد، ويمكنك أيضًا إضافة عوامل تصفية، مما يسمح لك بعرض حقول ومحتويات معينة فقط.
هناك واجهة بسيطة للوحة التحكم على Webflow، تظهر لك فقط الجوانب التي تحتاجها حقًا لمتابعة تصميم موقعك وتحريره وإدارته.
في الواقع، إذا كنت معتادًا على استخدام Photoshop أو Adobe Muse، فسيبدو نظام إدارة المحتوى (CMS) الخاص بـ Webflow مألوفًا للغاية.
يمكنك تحديد المحتوى الخاص بك وإنشاء حقول مخصصة له. وهذا يجعل من السهل التمييز بين منشورات المدونة وأعضاء الفريق والمشاريع والمزيد.
بالإضافة إلى جميع الأدوات التي يقدمها Webflow، هناك أيضًا قاعدة معارف جامعية رقمية من Webflow، للتأكد من أنك تعرف كل ما تحتاج إلى معرفته لبدء موقعك على الويب.
على الرغم من عدم وجود دعم عبر الهاتف أو الدردشة المباشرة للمستخدمين الأساسيين، يمكنك استخدام البريد الإلكتروني أو منتدى Webflow الرسمي أو بوابة المجتمع لدعم العملاء.
إنها قصة مختلفة بالنسبة لمشتركي Workspace، الذين يتم تعيينهم لمدير دعم فني شخصي للمساعدة الشخصية.
أدوات CMS الأخرى المفيدة:
- أنشئ وظيفة البحث من البداية، حتى تتمكن من عرض السياق الخاص بك بالطريقة التي تريدها
- أضف العملاء وأعضاء الفريق إلى فريقك، مما يسمح لهم بإضافة المحتوى وإجراء التعديلات حسب الحاجة
- التعاون مع أعضاء الفريق في الوقت الحقيقي
- يتكامل مع Zapier، مما يسمح لك بدمج أكثر من 750 تطبيقًا، دون الحاجة إلى استخدام التعليمات البرمجية
التجارة الإلكترونية
تم تصميم التجارة الإلكترونية لـ Webflow مباشرة فيه. ما عليك سوى تفعيل الامتداد الخاص بك ودمج خدمات الشحن التي اخترتها لتشغيلها!
كما هو الحال مع عناصر التصميم الأخرى، لديك سيطرة كاملة على كيفية ظهور موقع التجارة الإلكترونية الخاص بك.
يمكنك أيضًا تخصيص رسائل البريد الإلكتروني لعملائك، بحيث يكون كل ما يتعلق بعملك وموقعك الإلكتروني مرتبطًا بالعلامة التجارية.
طرق الدفع المختلفة المتوفرة حاليًا لـ Webflow هي:
- شريط
- Apple Pay
- جوجل الدفع
- باي بال
ضع في اعتبارك أن جميع طرق معالجة الدفع هذه تأتي مع رسوم Webflow، والتي تبدأ من 29 دولارًا (USD) لخطة التجارة الإلكترونية الأساسية.
في الخطة الأقل سعرًا، هناك أيضًا رسوم معاملة إضافية بنسبة 2% لكل عملية بيع.
إذا كنت تريد أن يتمكن المستخدمون من شراء المنتجات مباشرة على موقعك، فسيتعين عليك اختيار الخطط المميزة ذات السعر الأعلى. تُضاف هذه الرسوم إلى كل ما تحتاج إلى دفعه مقابل البوابات والشحن.
عندما يتعلق الأمر بالشحن، يمكنك اختيار المكان الذي ستشحن إليه وكيف.
ضمن Webflow، يمكنك تحديد قواعد الشحن والمناطق الخاصة بك. عندما تكون جاهزًا لشحن الطلبات، تكون لوحة معلومات إدارة الطلبات سهلة الاستخدام، ويمكنك أيضًا دمج Zapier لطباعة ملصقات الشحن الخاصة بك.
تدرك Webflow أيضًا الحاجة إلى دمج أدوات التسويق للتجارة الإلكترونية، بالإضافة إلى الاحتياجات الأساسية مثل الضرائب، Instagram المشتريات، وأكثر من ذلك.
يمكنك إضافة ما بين 500 إلى 3000 عنصر CMS خاص إلى الكتالوج الخاص بك أيضًا، اعتمادًا على خطة التجارة الإلكترونية الخاصة بك.
أفضل ما في التجارة الإلكترونية لـ Webflow، دون أدنى شك، هو أنها مدمجة بالكامل منذ البداية، مما يعني أنه لا داعي للقلق بشأن المكونات الإضافية التي يمكن أن تسبب مشكلات في التوافق بمرور الوقت.
ومع ذلك، تجدر الإشارة إلى أن Webflow ليس لديه حتى الآن تطبيق جوال جاهز للتجارة الإلكترونية أثناء التنقل.
إيجابيات استخدام Webflow
- بديل ووردبريس رائع
- يمنحك القدرة على إنشاء مواقع ويب قابلة للتخصيص دون الحاجة إلى معرفة أو استخدام أي تعليمات برمجية (أكثر من 1000 قالب متاح، مجاني ومميز)
- منشئ صفحات السحب والإفلات سهل الاستخدام
- من السهل إنشاء الرسوم المتحركة والتفاعلات وتكرارها، بدون تعليمات برمجية
- تعني أدوات تحسين محركات البحث (SEO) المضمنة أن موقع الويب الخاص بك يتم تحسينه دائمًا
- يمكنك إجراء تعديلات مباشرة على واجهة موقعك، ثم النشر مباشرة من هناك
- يمكنك دعوة المحررين والمتعاونين للعمل على المحتوى
- Amazon تعني استضافة خدمات الويب (AWS) أنها قوية وسريعة، لذلك من غير المرجح أن يواجه المستخدمون مشكلات التوقف عن العمل
- يتم تضمين شهادة SSL
- لا توجد مكونات إضافية أو تحديثات تدعو للقلق
- يتم عرض المواقع التي تم إنشاؤها باستخدام Webflow بشكل جيد عبر جميع الأجهزة
- قاعدة معرفية ممتازة ومواد تعليمية عالية الجودة في موارد جامعة Webflow
- حسابات ضريبة المبيعات التلقائية للولايات المتحدة وكندا والاتحاد الأوروبي وأستراليا
- من السهل إنشاء النماذج وتصميمها وإعادة استخدامها.
سلبيات استخدام Webflow
- منحنى تعليمي حاد، خاصة إذا لم تقم بإنشاء أو تصميم موقع ويب من قبل
- يعد Webflow أكثر تكلفة ويمكن أن يكون هيكل التسعير مربكًا مقارنة بـ WordPress
- لا تزال مجموعة أدوات التجارة الإلكترونية في مرحلة تجريبية، لذا لم تتوفر جميع الميزات (مثل عمليات تكامل نقاط البيع أو الخصومات أو القسائم أو بيع الاشتراكات أو المنتجات الرقمية) حتى الآن
- يتم تطبيق حدود حركة المرور على الخطط
- سيساعدك بعض فهم CSS وHTML على تحقيق أقصى استفادة من Webflow
- لا يمكنك تبديل القوالب
- لا يتوفر تطبيق Webflow للجوال حتى الآن
- نطاق معارض الصور الجاهزة محدود مقارنة بالأنظمة الأساسية الأخرى
- لا توجد آلية مدمجة للموافقة على ملفات تعريف الارتباط
- العديد من عمليات التكامل المضمنة هي أدوات تابعة لجهات خارجية، وليست خاصة بـ Webflow
- لا يوجد دعم مباشر للعملاء عبر الهاتف، إلا إذا كنت مشتركًا في خطة Enterprise، أو إذا كان لديك اشتراك في Workspace
- غير مناسب لمواقع الويب الكبيرة بشكل خاص (على سبيل المثال، أكثر من 100 صفحة).
تسعير تدفق الويب
بينما يمكنك الاشتراك في موقع الويب الخاص بك والبدء في إنشائه مجانًا على Webflow، ستحتاج إلى بدء خطة مدفوعة عندما تريد تشغيلها فعليًا.
اربط حزام الأمان، لأن هذا هو المكان الذي يبدأ فيه كل شيء بالتعقيد قليلاً!
هناك خطتان: الموقع ومساحات العمل.
إذا كنت تخطط لاستخدام Webflow لاستضافة موقع الويب الخاص بك، فستحتاج إلى اختيار خطة الموقع.
ومع ذلك، إذا كنت تستخدم Webflow لأغراض التصميم، فستحتاج إلى خطة مساحات العمل. وفي بعض الحالات، قد تحتاج إلى كليهما.
تبدأ خطط الموقع بمبلغ 14 دولارًا أمريكيًا شهريًا سنويًا. الخطوة التالية هي خطة CMS بسعر 23 دولارًا أمريكيًا شهريًا سنويًا، ثم خطة الأعمال بسعر 39 دولارًا أمريكيًا شهريًا سنويًا.
وأخيرًا، الخيار الأخير هو خطة Enterprise، وهي خدمة مخصصة ومصممة خصيصًا لكل فرد.
بالنسبة إلى مدونة أو موقع آخر يعتمد على المحتوى، ستحتاج إلى اختيار خطة CMS. علاوة على ذلك، قد تحتاج أيضًا إلى الدفع مقابل قالب Webflow، والذي يتكلف في المتوسط ما بين 49 إلى 79 دولارًا (بالدولار الأمريكي).
قد تحتاج أيضًا إلى الدفع مقابل خطة التجارة الإلكترونية، والتي تبدأ بسعر 29 دولارًا أمريكيًا (USD) شهريًا للحزمة القياسية، و74 دولارًا أمريكيًا شهريًا لحزمة Plus، و212 دولارًا أمريكيًا شهريًا للحزمة المتقدمة.
من الناحية الواقعية، في هذه الخطة، قد تتطلع إلى الدفع ما بين 240 دولارًا إلى 450 دولارًا (دولارًا) سنويًا مقابل خطة Webflow باستخدام قالب متميز (لا يشمل الوظيفة الإضافية للتجارة الإلكترونية).
تحتوي مساحات العمل على خيارين: للفرق الداخلية، أو للموظفين المستقلين والوكالات.
تتيح لك جميع الخطط المبدئية البدء في البناء والتصميم مجانًا، ولكن بعد ذلك يتعين عليك اختيار الخطة الأساسية بسعر 19 دولارًا أمريكيًا (USD) شهريًا سنويًا، أو خطة النمو بسعر 49 دولارًا أمريكيًا شهريًا سنويًا.
خطة Enterprise هنا، مرة أخرى، هي خدمة مخصصة. يتطلع المستقلون إلى دفع 16 دولارًا أمريكيًا شهريًا سنويًا، والوكالات 35 دولارًا أمريكيًا شهريًا سنويًا.
بالنسبة لجميع هذه الخطط، سواء للموقع أو مساحات العمل، من المهم ملاحظة أنه إذا لم تدفع رسومك السنوية بمبلغ مقطوع واحد واخترت الخيار الشهري، فقد تدفع ما بين 22 إلى 33% أكثر.
كما ترون، فإن تسعير Webflow ليس واضحًا جدًا للوهلة الأولى. تأكد من أنك تأخذ وقتك لمراجعة الأمر وفهم جميع الخيارات قبل اتخاذ القرار!
