تغيير مظهر أداة المحادثة في tawk.to

التعليمات التالية مخصصة لأجهزة الكمبيوتر المكتبية والمحمولة فقط.

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

اجعل أداة المحادثة بارزة وسهلة الملاحظة حتى يتمكن العملاء من التواصل معك بسهولة عندما يحتاجون إلى المساعدة.

اتبع هذه الخطوات لتغيير مظهر أداة المحادثة الخاصة بك:

1. سجّل الدخول إلى حسابك في tawk.to.

2. في لوحة التحكم، اختر الموقع (property) الذي ترغب في تخصيص الأداة له. مرّر المؤشر فوق اسم الموقع لتتأكد من أنك اخترت الموقع الصحيح.

3. انقر على أيقونة الترس في القائمة العلوية للانتقال إلى لوحة الإدارة.

4. في قائمة الإدارة، اختر "Chat Widget" ضمن قسم "Channels".

5. مرّر للأسفل إلى قسم "Widget Appearance" وانقر على "Advanced".

6. في صفحة "Widget Appearance"، يمكنك تخصيص لون الأداة وشكلها وحجمها لأجهزة الكمبيوتر والهواتف المحمولة. سيتم عرض التغييرات في معاينة الأداة على سطح المكتب على الجهة اليمنى.

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

قم بتحديد عرض وارتفاع الأداة. هذا يؤثر على حجم الأداة عند النقر عليها أو تكبيرها.

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

نصف القطر للأطراف العلوية والسفلية يتحكم في مدى استدارة زوايا الأداة.

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

بعدها، فعّل خيار "Attention Grabber" لجعل الأداة أكثر بروزاً. لتخصيص "Attention Grabber"، انقر على "Gallery".

هذا هو التصميم الافتراضي لخاصية "Attention Grabber":

ننصح بتعديل "Attention Grabber" ليتناسب مع علامتك التجارية. يمكنك الاختيار من المعرض، أو النقر على "Upload" لتحميل تصميمك الخاص.

ملاحظة: ميزة "Attention Grabber" مخصصة فقط لأجهزة الكمبيوتر المكتبية والمحمولة، وتظهر فقط عندما تكون الأداة متصلة (online). لن تظهر إذا كانت الأداة غير متصلة (offline).

أداة الهاتف المحموليمكنك تحديد نوع الأداة وموضعها.

ألوان الأداةتنطبق إعدادات الألوان التالية على كل من أجهزة الكمبيوتر والهواتف المحمولة.

"Header" يغيّر لون خلفية الأداة والعنوان والرسائل المقترحة.

"Header Text" يغيّر لون نص العنوان والقسم الداخلي من التصميم الافتراضي.

"Agent Message" يغيّر لون خلفية رسائل موظفي الدعم.

"Agent Text" يغيّر لون نص رسائل موظفي الدعم.

"Visitor Message" يغيّر لون خلفية رسائل الزوار.

"Visitor Text" يغيّر لون نص رسائل الزوار.

7. قم بمعاينة الأداة على الجهة اليمنى. عند رضاك عن الإعدادات، انقر على "Save". سيتم تحديث أداة المحادثة تلقائياً بعد الحفظ. لا حاجة لتحديث كود الأداة في ملف HTML الخاص بصفحتك.

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