تحتوى مواقع شبكات التواصل الاجتماعى على عدة إضافات أو Plugins يمكنك إضافتها بكل سهولة إلى متجرك على ماجنتو 2 . بالإضافة إلى وجود العديد من الإضافات فى Magento Marketplace ، و التى يمكنك استخدامها لدمج متجرك مع وسائل التواصل الاجتماعى . نستعرض فى هذا الشرح مثال على كيفية إضافة زر أعجبنى للفيسبوك “Like” إلى متجرك على ماجنتو 2 .
إضافات الفيسبوك Facebook Plugins
خطوات إضافة Social Plugins فى متجر ماجنتو 2 .
الخطوة 1 – الحصول على كود الزر
1 – اذهب من موقع Facebook إلى صفحة button setup .
2 – فى مربع عنوان URL ، ادخل عنوان URL للصفحة الذى تريد للناس أن يسجلوا الإعجاب بها فى متجرك على ماجنتو 2 . فعلى سبيل المثال يمكنك إدخال عنوان رابط URL للصفحة الرئيسية لمتجرك على ماجنتو 2 . ثم قم بالتالى :
- اختر تنسيق الزر من قائمة Layout أو التخطيط .
- فى مربع Width ، ادخل عرض الزر بالبكسل المتاح على موقعك أو أى رسالة نصية مرتبطة به فى متجرك على ماجنتو 2 .
- اختر من قائمة Action Type أو نوع الإجراء ، احد الخيارات التالية :
- Like : حيث يتم الإعجاب بالصفحة عند الضغط على الزر .
- recommended : حيث تتم التوصية بالصفحة عند الضغط على هذا الزر .
3 – انقر على زر الحصول على الرمز أو Get Code ، لنسخ كود الزر الذى تم إنشاؤه إلى الحافظة .
الحصول على كود الزر
الخطوة 2 – إنشاء كتلة محتوى Content Block .
- من لوحة تحكم متجر ماجنتو 2 ، انتقل إلى Content > Elements > Blocks .
- اضغط على Add New Block ، لإضافة كتلة محتوى جديدة .
- فى حقل Block Title ، ادخل عنوان وصفى لكتلة المحتوى و هو يستخدم كمرجع داخلى فقط لنظام ماجنتو 2 ، مثلاً Facebook Like Button .
- ادخل فى حقل Identifier تعريف مميز لكتلة المحتوى فى نظام ماجنتو 2 . يجب أن يتكون المعرف من أحرف صغيرة و استبدال المسافة بشرطة (_) . على سبيل المثال : facebook_like_button .
- إذا كان تنصيب ماجنتو الخاص بك ، يحتوى على عدة واجهات عرض لمتجرك (Store View) . اختر واجهة العرض المتاح بها كتلة المحتوى التى أنشأتها ، من حقل Store View .
- قم بإضافة الكود الذى نسخته فى الأعلى فى مربع محتوى الكتلة .
- فى حالة عدم جاهزية كتلة المحتوى للعرض المباشر فى متجرك على ماجنتو 2 ، فقم بضبط Enable Block على NO .
- عند الانتهاء مما سبق ، انقر على Save Block لحفظ كتلة المحتوى فى نظام ماجنتو 2.
الخطوة 3 – تحديد مكان كتلة المحتوى Block .
1 – انتقل من قائمة تحكم ماجنتو 2 إلى Content > Elements > Widgets .
2 – ثم اضغط على Add Widget ، و اتبع التالى :
- اختر CMS Static Block من قائمة Type .
- من حقل Design Theme ، اختر الخلفية الحالية لمتجرك على ماجنتو 2 .
- اضغط على Continue .
3 – من قسم Storefront Properties ، اتبع التالى :
- لإضافة عنوان واجهة المستخدم الجديدة كمرجع داخلى لنظام ماجنتو 2 ، ادخل العنوان فى حقل Widget Title .
- قم بتعيين واجهة العرض الذى تريد إتاحة هذه الكتلة فيها من حقلAssign to all Store View . يمكنك اختيار أكثر من واجهة عرض لمتجرك ، من خلال مفتاح Ctrl .
- فى حقل Sort Order ، ادخل العدد الذى يحدد ترتيب هذه الكتلة إذا تم تعيينها للظهور ضمن عناصر المحتوى الاخرى فى نفس الموقع على الصفحة . الترتيب الأعلى يعبر عنه الرقم صفر 0 .
4 – أسفل قسم Layout Updates ، اضغط على Add Layout Update ، ثم اختر من قائمة On Display مكان عرض هذه الكتلة فى المكان الذى تريد ظهورها فيه على متجر ماجنتو 2 .
على سبيل المثال إذا اخترت All Pages و حددت مكان البلوك فى تذييل أو رأس الصفحة ، فستظهر كتلة المحتوى فى نفس المكان فى جميع صفحات المتجر على ماجنتو 2 .
لوضع كتلة المحتوى فى صفحة محددة ، قم بالتالى :
- اختر Specified Page ، من حقل Display On . ثم اختر الصفحة الذى تريد ظهور هذا البلوك فيها من Page .
- اختر المكان الذى سيتم وضع كتلة المحتوى به فى الصفحة من Block Reference .
- اقبل الإعداد الافتراضى لقالب البلوك فى حقل Template ، و هو CMS Static Block Default Template .
- اضغط على Save and Continue Edit ، لحفظ الإعدادات فى نظام ماجنتو 2 .
Layout Updates
5 – من الشريط الجانبى على يسار الصفحة ، اختر Widget Options .
6 – اضغط على Select Block ، لتظهر قائمة اختر منها كتلة المحتوى الذى تريد وضعها فى واجهة المستخدم أو الودجت .
7 – عند الانتهاء ، انقر على Save لحفظ الإعدادات السابقة فى نظام ماجنتو 2 .
8 – عندما يتم إخطارك برسالة تحديث الفهرس (Index) و ذاكرة التخزين المؤقت (Cache) للصفحة ، اتبع الإرشادات الموجودة فى أعلى صفح العمل فى نظام ماجنتو 2 .
بعد حفظك للخطوات السابقة ، ستظهر واجهة المستخدم هذه فى شبكة الودجات فى نظام ماجنتو 2 .
الخطوة 4 – التحقق من موقع البلوك فى متجرك .
بالعودة إلى الواجهة الأمامية لمتجرك على ماجنتو 2 ، تحقق من وجود كتلة المحتوى الذى أنشأتها فى موقعها الصحيح .
