يحتوى شريط أدوات المحرر على أداة إدراج واجهة المستخدم (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 .