يحتوى شريط أدوات المحرر على أداة إدراج واجهة المستخدم (Widget) داخل محتوى .تُستخدم هذه الأداة لإضافة عناصر محتوى إلى الصفحة ، بما فى ذلك الروابط التى تؤدى إلى اى صفحة محتوى او منتج او فئة فى متجر ماجنتو 2 . يمكن وضع الروابط على الصفحة فى تنسيق كتلة محتوى ، أو دمجها مباشرة داخل المحتوى . يمكنك استخدام أداة الWidget، لإنشاء روابط لأنواع المحتوى التالية : 

• صفحات المحتوى Content Page . 
• فئات كتالوج المتجر Catalog Categories .
• منتجات كتالوج المتجر Catalog Products . 

ييمكنك إدراج واجهة مستخدم من محرر النص أو الEditor ، من خلال طريقتان فى نظام ماجنتو 2 . الطريقة الأولى باستخدام وضع WYSIWYG ، و الطريقة الاخرى إذا أردت استخدام لغة HTML فى المحرر . هذا ما سنوضحه فى الخطوات التالية . 

خطوات إدراج Widget فى المحتوى على ماجنتو 2 .

 1 – افتح صفحة المحتوى التى تريد تعديلها من لوحة تحكم ماجنتو 2 . 

 2 – فى مربع Content ، استخدم أحد الطرق التالية : 

الطريقة 1 – باستخدام وضع WYSIWYG .

• ضع المؤشر فى مربع المحتوى حيث المكان الذى تريد إدراج واجهة المستخدم فيه .
• من شريط أدوات المحرر ، اضغط على أيقونة () لإدراج الWidget . 

إدراج واجهة مستخدم من وضع WYSIWYG

الطريقة 2 – باستخدام وضع HTML . 

 1 – اضغط على Show/Hide Editor ، أعلى المحرر . 

 2 – اضغط على زر Insert Widget ، لإدراج واجهة المستخدم فى محتوى الصفحة على ماجنتو 2 . 

إدراج واجهة المستخدم من وضع HTML .

 3 – اتبع الخطوات التالية بعد اختيارك أحد الطرق السابقة فى نظام ماجنتو 2 . 

 4 – تظهر نافذة اخرى ، اختر نوع واجهة المستخدم من حقل Widget Type . 

 5 – هذا المثال يوضح كيفية إدراج رابط لمنتج ، لذلك سنختار النوع Catalog Product Link . 

 6 – فى حقل Anchor Custom Text ، اترك الحقل فارغ لاستخدام اسم المنتج . 

 7 – فى حقل Anchor Custom Title ، ادخل العنوان المخصص ، لا يظهر هذا العنوان فى صفحة المحتوى . 

 8 – فى حقل Template ، اختر أحد قوالب كتل المحتوى التالية : 

• اختر Product Link Inline Template ، إذا أردت دمج الرابط أو اللينك فى النص . 
• اختر Product Link Block Template ، إذا أردت وضع اللينك فى سطر منفصل فى الكتلة .

خيارات واجهة المستخدم

 9 – اضغط على Select Product ، لاختيار المنتج الذى تريد إدراج لينك له ثم اتبع الخطوات التالية : 

• فى شجرة الفئات على اليسار ، اختر ملف الفئة الذى يوجد بها المنتج الذى تريده .
• ثم اختر المنتج الذى تريده من قائمة المنتجات ، الذى تريد إدراج لينك له . 

اختيار المنتج – Select Product

• اضغط على Insert Widget أعلى الصفحة ، لوضع اللينك فى الصفحة . فى وضع HTML تظهر علامات ترميز الرابط (markup tags) فى محتوى الصفحة محاطة بالأقواس المتعرجة ({}) . كما فى المثال التالى . 

علامات ترميز رابط المنتج – Markup Tags

• يمكنك نسخ و لصق علامات ترميز لوضعها فى الكود فى المكان الذى تريد أن تظهر فيه فى الصفحة . 

  10 – يمكنك الضغط على Show/Hide Editor ، لرؤية لينك المنتج الذى وضعته فى وضع WYSIWYG . 

بعد انتهائك من تحرير الصفحة و دمج روابط أخرى فى المحتوى ، اضغط على Save لحفظ الخطوات السابقة فى نظام ماجنتو 2 .