Webflow

ما هو Webflow؟

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

Logo

هل أنت جاهز للارتقاء بعملك؟

جرّب LiveAgent مجانًا واكتشف الفرق بنفسك.

كيف يمكنك استخدام Webflow؟

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

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

الدردشة المباشرة مزودة بالكامل بالميزات لتسهيل عملك بعدة طرق. ألقِ نظرة على ميزات مثل عرض الكتابة في الوقت الفعلي الذي يتيح لك رؤية ما يكتبه عملاؤك قبل أن يضغطوا على الإرسال، أو دعوات الدردشة الاستباقية التي تتيح لك لفت انتباه زوار الموقع. أداة الدردشة المباشرة هي أيضاً من بين أسرع أدوات الدردشة المتاحة - مع سرعات عرض الدردشة عند 2.5 ثانية.

Thumbnail for عرض توضيحي للدردشة المباشرة من LiveAgent
Play video
Play video

ما هي فوائد استخدام Webflow؟

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

كيفية دمج Webflow مع LiveAgent

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

الخطوة 1: ابدأ تجربة Webflow الخاصة بك

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

صفحة Webflow الرئيسية مع خيار التجربة في الأعلى الأيمن

الخطوة 2: أنشئ زر دردشة في LiveAgent

الآن ستتعلم كيفية إنشاء زر دردشة في LiveAgent. افتح حسابك في LiveAgent (أو ابدأ تجربتك المجانية لمدة 30 يوماً إذا لم يكن لديك حساب) وانتقل إلى Configuration > Chat > Chat Buttons واضغط على زر Create في الأعلى.

إنشاء زر الدردشة في تكوين LiveAgent

الخطوة 3: اختر تصميم زر الدردشة

تأكد من تصفح معرض أزرار الدردشة واختيار الزر المناسب لموقعك. يمكنك تخصيصه واختيار من بين خيارات متعددة - أزرار فقاعة أو جانبية أو زاوية وغيرها. هناك أيضاً خيار لتحميل تصميم الزر الخاص بك من صورة أو HTML. الاختيار لك.

معرض أزرار الدردشة مع مجموعة كبيرة من خيارات أزرار الدردشة في LiveAgent

الخطوة 4: قم بتكوين الزر

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

تكوين زر الدردشة في LiveAgent

الخطوة 5: انسخ كود التكامل

الآن انتقل إلى قسم التكامل في تكوين زر الدردشة. يمكنك رؤيته في اللوحة اليسرى. عندما تكون هناك، انسخ الكود وانتقل إلى محرر صفحة Webflow الخاص بك.

كود زر الدردشة بعد التكوين الناجح في LiveAgent

الخطوة 6: ضع كود زر الدردشة في Webflow

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

خيار الكود المخصص في Webflow في عملية تكامل LiveAgent

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

Thumbnail for جولة منتج LiveAgent
Play video
Play video

الأسئلة الشائعة

Back to التكاملات جرب مجانًا

احصل على المزيد من المبيعات مع الدردشة المباشرة من LiveAgent

ضع زر دردشة على موقعك وقدم التوجيه والدعم لزوار موقعك اليوم

اعرف المزيد

Web.com
Web.com

Web.com

دمج LiveAgent مع Web.com لإضافة دردشة مباشرة إلى موقعك الإلكتروني، مما يعزز المبيعات ويحسن تجربة العملاء. يساعد Web.com في بناء حضور قوي على الإنترنت، بينما يوف...

1 دقائق للقراءة
Weebly
Weebly

Weebly

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

1 دقائق للقراءة
أداة الدردشة
أداة الدردشة

أداة الدردشة

عزز دعم العملاء باستخدام أداة الدردشة المتقدمة من LiveAgent! استمتع بالتواصل في الوقت الفعلي ومشاركة الشاشة وتجربة مجانية لمدة 30 يومًا اليوم....

3 دقائق للقراءة
Customer support Live Chat +2

ستكون بين أيادٍ أمينة!

انضم إلى مجتمع عملائنا السعداء وقدّم دعماً مميزاً مع LiveAgent.

LiveAgent Dashboard