كيفية إضافة الواجهة إلى مواقع Google

فيما يلي دليل بسيط لإضافة واجهة tawk.to إلى أحد مواقع Googleإضافة الواجهة

قبل البدء، ستحتاج إلى كود الواجهة الخاص بك. من لوحة التحكم، توجه إلى الإدارة، و من ضمن القنوات، حدد واجهة الدردشة.

ثم انسخ كود الواجهة إلى الحافظة.

الآن، فيما موقع Google الخاص بك في وضع التعديل، انقر فوق زر “Insert” أي "Embed" على اليمين.

حدد Embed Code، وألصق كود الواجهة في المساحة المتوفرة. حدد“Next” أي التالي. بعد ذلك، انقر فوق “Insert” "إدراج" وأنت على استعداد للذهاب.

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

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

إذا كنت تفضل تغيير حجم الواجهة نفسها بدلاً من القسم الذي يحتويها، فيمكنك القيام بذلك في لوحة تحكم tawk.to .

في لوحة التحكم، توجه إلى الإدارة - واجهة الدردشة - شكل الواجهة.

انقر فوق خيارات متقدمة لفتح نافذة جديدة.

سيؤدي تغيير العرض والارتفاع هنا إلى ضبط حجم الواجهة على موقعك.

يشير 320 × 320 إلى الحجم المتوسط. ومع ذلك ، بناءً على مكان وضع الواجهة، سيحتاج الزائر إلى التمرير لرؤية الواجهة.

الغرض من الواجهة هو أن تنبثق عند تنقل الزائر في الصفحة. ولكن هذه الوظيفة غير متوفرة على مواقع Google. لمواجهة هذا التحدي ، نوصي بوضع شفرة تضمين الأداة في الجزء المرئي من الصفحة حتى يدرك الزوار أنها موجودة.

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

سيضمن هذا امتلاء موقع Google الخاص بك بالمحتوى الذي تعرضه في واجهتك.

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

لمزيد من الطرق لإجراء تغييرات على الواجهة مستخدماً ال JavaScript API ، ألق نظرة على بوابة المطورين لدينا: JavaScript API

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