Webflow + دليل Swarmify الكامل لاستضافة الفيديو

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

ما هو المحتوى الجيد؟ ما هي الصفحة المقصودة؟ ما هو الموقع؟

لقد ولت الأيام التي كان فيها إنشاء مواقع الويب حكراً على مطوري ويب التنانين التي تنفث النار.

في الوقت الحاضر ، يمكنك إنشاء مواقع ويب رائعة في الوقت الذي يستغرقه الشخص التالي لإنهاء شطيرة.

بفضل منشئي مواقع الويب مثل Webflow ، لا تحتاج إلى معرفة أي شيء عن الترميز لإنشاء مواقع ويب رائعة في لمح البصر.

بالنسبة إلى منشور اليوم ، قمت بإنشاء نموذج لموقع ويب ( ستراه في دقيقة واحدة ) في أقل من 30 دقيقة! وأنا لست ما تسميه مطور ويب محترف. ولا حتى في أحلامي :)

أزالت أدوات مثل Webflow العديد من العقبات التي منعت الأشخاص غير المتمرسين في التكنولوجيا مثلك ومثلي من إنشاء مواقع الويب.

حاليا...

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

أنت تريد أن تقدم للمستخدمين أفضل تجارب المشاهدة فقط ، ولا شيء أقل من ذلك.

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

أنت لا تريد ذلك لأنك ذكي. أيضًا ، لأن لديك الآن تقنية SmartVideo الخاصة بـ Swarmify تحت تصرفك.

يسمح لك SmartVideo بتقديم تجارب فيديو احترافية ومخصصة بالكامل لمستخدميك.

يمكنك تقديم مقاطع فيديو أسرع 12 مرة من متوسط ​​اللاعبين في المجال. والأفضل من ذلك ، أن حل توصيل SmartVideo المملوك يقلل من التوقف بمقدار 8 أضعاف.

وفي منشور اليوم ، نوضح لك بالضبط كيفية دمج Swarmify مع Webflow لتسريع مقاطع الفيديو من أجل مشاركة أفضل للمستخدم وزيادة المبيعات!

بدون مزيد من اللغط ، دعونا نزن المرساة ونبحر :)

ما هو Webflow؟

إذن ، ما هو هذا الحيوان الذي نسميه Webflow؟ بالنسبة للمبتدئين ، Webflow هي شركة أمريكية مقرها في سان فرانسيسكو.

أنها توفر منصة البرمجيات كخدمة (SaaS) لبناء واستضافة مواقع الويب ، وكلها مجمعة في حزمة واحدة.

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

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

تثق العلامات التجارية ذات الأسماء الكبيرة مثل Zendesk و Dell و Rakuten و Upwork ، من بين آخرين ، في Webflow ، مما يعني أنك في أيد أمينة.

بيني وبينك ، لم أستخدم مطلقًا أداة إنشاء مواقع ويب سهلة الاستخدام من قبل. يفجر Webflow شركات مثل Weebly و Squarespace و Wix تمامًا.

ويشربون Kool-Aid الخاصة بهم أيضًا. تم إنشاء موقع Webflow الرسمي ، لقد خمنته - Webflow!

ميزات Webflow الرئيسية

يعد Webflow شائعًا ومعروفًا بالميزات الرئيسية التالية.

• منشئ مواقع ويب سهل الاستخدام يعمل بالسحب والإفلات يسمح لك بإنشاء مواقع ويب بشكل مرئي
• العشرات من القوالب الجاهزة الجميلة التي يمكنك تخصيصها حتى تسقطها
• طن من عناصر الموقع
• وظائف التجارة الإلكترونية
• استضافة Amazon S3 فائقة السرعة وقوية
• أنماط غير محدودة
• القدرة على إضافة كود HTML و CSS و JS مخصص
• خطط تسعير مرنة
• نظام إدارة محتوى قوي (CMS)
• الكثير من عمليات تكامل الجهات الخارجية
• خطة مجانية لاختبار المياه
• الكثير من التفاعلات والرسوم المتحركة
• قم بتوصيل اسم المجال المخصص
• استخدم المجال الفرعي الخاص بهم ، على سبيل المثال ، swarmify.webflow.io لاستضافة موقع ويب مجاني
• دعم احترافي

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

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

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

وبينما يستخدم Webflow استضافة سريعة ، فإن مقاطع الفيديو التي تستخدمها من YouTube أو أي مصدر آخر سيتم تخزينها مؤقتًا وسيستغرق تحميلها وقتًا طويلاً.

هنا يأتي دور Swarmify. نحن نقدم لك بالضبط ما تحتاجه لتحسين مقاطع الفيديو على موقع Webflow الخاص بك سواء كنت تستخدم YouTube أو Vimeo أو أي موقع آخر لاستضافة مقاطع الفيديو الخاصة بك.

ما هو Swarmify؟

تم إطلاق Swarmify مرة أخرى في عام 2013 كمنصة لتسريع الفيديو. تعمل الخدمة على نفس البنية التحتية التي يستخدمها عمالقة البث مثل Netflix و Hulu.

يمكنك تخزين مقاطع الفيديو الخاصة بك أينما تريد واستخدام SmartVideo من Swarmify لتوصيل مقاطع الفيديو إلى المستخدمين بسرعات فائقة.

فيما يلي مثال على سيناريو لتوضيح ما أعنيه:

• قم بتحميل الفيديو على YouTube أو Vimeo للاستفادة من المزايا الاجتماعية ، وقم بتضمينه على موقع الويب الخاص بك كما هو الحال دائمًا
• قم بدمج SmartVideo مع موقع الويب الخاص بك باستخدام مكون WordPress الإضافي أو المقتطف السريع
• يقوم SmartVideo بتنزيل مقاطع الفيديو الخاصة بك على YouTube / Vimeo من وراء الكواليس وتحميلها إلى شبكة التوصيل العالمية الخاصة بنا
• يوفر SmartVideo مقاطع فيديو أسرع الآن في مشغل فيديو خالٍ من الفوضى يبدو مذهلاً
• كل شيء يحدث في الخلفية تلقائيًا . في الواقع ، يقوم SmartVideo بتحويل جميع مقاطع فيديو YouTube على موقع الويب الخاص بك تلقائيًا. تثبيت مرة واحدة وهذا كل شيء!

يستخدم SmartVideo تقنية EdgeAI الداخلية لمنع التوقف أثناء التشغيل ، وحل SmartCDN الذي يضمن للزائرين الاستمتاع بمقاطع فيديو سريعة وخالية من المخزن المؤقت في أي مكان في العالم.

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

الميزات الرئيسية Swarmify

يحب مستخدمو Swarmify SmartVideo بفضل الميزات التالية.

• مشغل فيديو نظيف وخالٍ من الفوضى وخالٍ من الإلهاء
• بدء فوري - تبدأ مقاطع فيديو SmartVideo في اللعب بمعدل 12 ضعفًا أسرع من اللاعبين الآخرين في المتوسط ​​(انظر العرض التوضيحي هنا)
• تجربة مشاهدة محسّنة عبر أجهزة متعددة
• تحويلات YouTube / Vimeo التلقائية - هل تستضيف بالفعل مقاطع فيديو على YouTube أو Vimeo؟ يقوم SmartVideo بتحويلها تلقائيًا
• تحسين الدفق المستمر - طوال فترة التشغيل ، يراقب SmartVideo باستمرار تجربة الفيديو لكل مستخدم على حدة ويمنع الفشل قبل حدوثه.
• تشغيل بدون توقف - يوفر لك SmartVideo تخزينًا مؤقتًا أقل بمقدار 8 مرات أثناء التشغيل مقارنة بالمتوسط ​​من اللاعبين الآخرين.
• كل شيء غير محدود - استمتع بنطاق ترددي ومساحة تخزين غير محدودة
• دعم احترافي مدعوم بفريق من المطورين المتحمسين
• سهل التركيب والتنفيذ
• اقرأ المزيد عن ميزاتنا هنا

يعد الفيديو جزءًا مهمًا من التسويق الرقمي. لا يمكنك تجاهل الفوائد المذهلة لاستخدام الفيديو كاستراتيجية تسويق.

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

لتقديم تجارب فيديو سريعة وخالية من التأخير على موقع الويب الخاص بك Webflow ، فأنت بحاجة إلى حل مثل SmartVideo.

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

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

بالتأكيد لا أحد! ولا حتى أنت.

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

N / B: لدمج Swarmify مع Webflow ، فأنت بحاجة إلى حساب Swarmify نشط وخطة مدفوعة على Webflow.

هل مازلت على الحياد؟ لا تكن . اشترك مع Swarmify اليوم واستفد من خصمنا الحصري بنسبة 50٪ . فضولي؟ اكتشف المزيد هنا.

ومع ذلك ، دعنا ندمج استضافة فيديو Swarmify مع موقع الويب Webflow الخاص بك.

كيفية إضافة Swarmify إلى Webflow

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

بعد ذلك ، اختر ما إذا كان لديك مقاطع فيديو YouTube على Webflow الخاص بك:

يضمن اختيار " نعم " أعلاه أن يقوم SmartVideo بتحويل جميع مقاطع فيديو YouTube على موقع ويب Webflow الخاص بك تلقائيًا. اضغط على زر التالي .

في الشاشة التالية ، اختر ما إذا كان موقع Webflow الخاص بك يحتوي على مقاطع فيديو في الخلفية:

هل تريد تغيير ألوان مشغل الفيديو الخاص بك لتتوافق مع موقع Webflow الخاص بك؟ يمكنك القيام بذلك في الشاشة التالية:

ضرب التالي .

بعد ذلك ، يمكنك تغيير شكل زر التشغيل إذا كنت ترغب في ذلك. أفضل الزر السداسي الافتراضي ، لكن لديك خيار اختيار إما مستطيل أو دائرة:

بعد ذلك ، اختر علامة مائية مخصصة لمقاطع الفيديو الخاصة بك:

أنت جيد في هذا ، يجب أن أعترف :)

ضرب التالي .

في الشاشة التالية ، اختر ما إذا كنت ترغب في بيع الإعلانات على مقاطع الفيديو الخاصة بك ، وانقر فوق " إنهاء ":

أخيرًا ، انقر فوق نسخ إلى الحافظة ، كما هو موضح أدناه.

الآن ، أصبح مقتطف SmartVideo جاهزًا لموقع ويب Webflow الخاص بك.

ماذا بعد؟

سنقوم الآن بإضافة Swarmify إلى موقع الويب الخاص بك Webflow.

إليك نموذج موقع الويب الذي أعمل معه ، كما وعدت:

لقد اقترضت فيديو Jerusalema الشهير من Openmic Productions. أغنية وفيديو رائع بالمناسبة. يقوم الناس في جميع أنحاء العالم بتحدي رقصة Jerusalema .

كيف أتمنى أن أرقص.

للمضي قدمًا ، دعنا نضيف Swarmify إلى موقع ويب Webflow الخاص بك.

سجّل الدخول إلى Webflow:

أدخل التفاصيل واضغط على زر تسجيل الدخول :

بعد ذلك ، انقر فوق موقع الويب حيث تريد إضافة SmartVideo:

الآن ، أنت داخل منشئ مواقع الويب الحدسي الذي تحدثنا عنه سابقًا:

لكننا لن نضيف مقتطف SmartVideo إلى صفحة واحدة. نريد تطبيق المقتطف على موقع الويب بالكامل.

لذا ، ماذا أفعل فريدي؟

انقر فوق رمز Webflow (W) (يتحول إلى قائمة الهامبرغر عند تمرير الماوس):

بعد ذلك ، انقر فوق إعدادات المشروع :

بعد ذلك ، اضغط على الرمز المخصص :

نعم.

بعد ذلك ، الصق مقتطف SmartVideo الذي نسخته مسبقًا في قسم Head Code وانقر على Save Changes مثل:

باستخدام هذا المقتطف ، يكون Webflow متصلاً بـ Swarmify. سيتم تحويل جميع مقاطع فيديو YouTube الموجودة على موقعك تلقائيًا :)

فعله.

النتائج؟

هذه:

لاحظ مشغل الفيديو الجديد بدون علامة تجارية لجهة خارجية.

تذكر : إذا كنت تستخدم YouTube ، فاستخدم التضمين بدلاً من الرابط المباشر ، مثل https://www.youtube.com/embed/fCZVL_8D048 مقابل https://www.youtube.com/watch؟v=fCZVL_8D048 .

نصيحة للمحترفين : الرجاء استخدام رابط التضمين. تأكد من استخدام رابط التضمين عند إضافة مقاطع فيديو إلى موقع ويب Webflow الخاص بك.

هل تستضيف مقاطع فيديو في مكان آخر؟

SmartVideo يحمي ظهرك

شاهد أفضل 9 مواقع لتحميل الفيديو وخدمات التخزين السحابي.

إليك رابط قابل للمشاركة : https://swarmify.com/blog/top-video-upload-sites-cloud-storage-services/.

إضافة علامات SmartVideo

يمكنك إضافة فيديو SmartVideo في أي مكان على موقع ويب Webflow الخاص بك باستخدام علامة SmartVideo:

 <smartvideo src="path/to/my/video.mp4" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

افتح صفحة Webflow التي ترغب في تحريرها. على سبيل المثال ، سأستبدل قسم Hero بنفس فيديو Jerusalema الذي استخدمناه سابقًا. هذه المرة ، سأستخدم علامة SmartVideo أعلاه بدلاً من ذلك.

إليك كيف تبدو علامة SmartVideo الجاهزة الخاصة بي:

 <smartvideo src="https://www.youtube.com/embed/fCZVL_8D048" width="1280" height="720" class="swarm-fluid" controls></smartvideo>

لاحظ أنني استبدل path / to / my / video.mp4 برابط التضمين للفيديو.

بعد ذلك ، انقر فوق إضافة (+) واختر تضمين ، كما هو موضح أدناه:

بعد ذلك ، الصق علامة SmartVideo الخاصة بك وانقر فوق حفظ وإغلاق :

الآن ، عندما أتحقق من نموذج موقع الويب الخاص بي في الواجهة الأمامية ، أرى الفيديو المحول:

سهلة مثل أ ، ب ، ج.

قل وداعا؟

سيجد مستخدمو Webflow أن SmartVideo مفيد للغاية. يعمل SmartVideo على تسريع مقاطع الفيديو الخاصة بك للحصول على تجربة مستخدم أفضل.

يوفر Swarmify SmartVideo مقاطع فيديو أسرع 12 مرة من متوسط ​​الصناعة. ستزيد من تحويلاتك ومبيعاتك بمقاطع فيديو أسرع.

حتى المرة القادمة ، أنشئ المزيد من مقاطع الفيديو وقم بتسريعها باستخدام SmartVideo من Swarmify :)