كيف أضفت قسم المنتجات التي شوهدت مؤخرًا لتحسين تجربة التسوق

المشاغب

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

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

قسم المنتجات التي شوهدت مؤخرًا على شوبيفاي​

اختبرت العديد من التطبيقات على متجري، لكن فضّلت الاعتماد على تطبيق Recently Viewed – Pasilobus نظرًا لسهولة التعامل مع واجهته، بالإضافة إلى توفير خيارات تخصيص كاملة تضمن توافق قسم المنتجات التي شوهدت مؤخرًا مع هوية المتجر بمختلف تصاميم القوالب.

تثبيت تطبيق Recently Viewed ‑ Pasilobus على متجري​


في البداية، توجهت إلى متجر تطبيقات شوبيفاي، ثم بحثت عن تطبيق Recently Viewed – Pasilobus وثبّتّه على متجري بالضغط على زر "Install".

AD_4nXeiqVx6cqbaxCR3jTkGjLDL6qSDCyjvM67rcxUxLD72TYFq1tMbsCBVok4D3MZRJBj5TMPlLcTAnKtJvy0m7KM16iXXAkiH3oWdjWzIkt1KlL3L8FGjbjkkFtixj8eS4JdWOPAu.png

تطبيق Recently Viewed ‑ Pasilobus

بعد ذلك، طلب التطبيق بعض الصلاحيات من المتجر حتى يتمكن من عرض المنتجات التي شوهدت مؤخرًا للعملاء. راجعت تلك الصلاحيات جيدًا، ثم ضغطت على زر "Install" مرة أخرى لإتمام عملية التثبيت.

تثبيت تطبيق Recently Viewed ‑ Pasilobus على شوبيفاي

تثبيت تطبيق Recently Viewed ‑ Pasilobus على شوبيفاي

فعلت قسم المنتجات التي شوهدت مؤخرًا على متجري​


فعلت التطبيق على متجري بخطوات بسيطة. بدأت بالدخول إلى إعدادات التطبيق من خلال لوحة تحكم شوبيفاي الرئيسية، ثم اخترت تبويب Recently Viewed – Pasilobus >> Settings من القائمة الجانبية.

AD_4nXcPA3MrLMBOntWE3US-hG4BZChd0yfKJ3_4Tsoxobck8npSI4xppE2vkRwGwpbrSv5o44LultR3_wzgi2B4WJB0amhaI-chhzW2gh17V0cXBQPyCHyYxtEttQ9ap_dmJ2vfhe1efQ.png

إعدادات تطبيق Recently Viewed ‑ Pasilobus

بعد ذلك، حددت قالب المتجر الذي أرغب في تفعيل القسم عليه عبر خيار Choose Your Theme، كما هو موضح في الصورة التالية:

AD_4nXc2Bs1AaGVKx3esXD5thm1Em3pfzS-FD7lE-53IEsljV00yVYfTmjcOmgl3BR4F8jYz9NE_Paap6kxKXF4YVoK9ugnbKLLLBzHw5cBBBdwl2qUYDNWqvShdaoYU1i1SR_9aVcV9.png

تكامل تطبيق Recently Viewed ‑ Pasilobus مع قالب المتجر

في الخطوة التالية، احتجت إلى ربط التطبيق مع قالب المتجر. للقيام بذلك، ضغطت مباشرة على زر Activate The App، والذي نقلني إلى إعدادات القالب داخل شوبيفاي.

AD_4nXeMEOeadRhJZ8vzxr9cYCEKOrYV7uLHTlcqnm1iaEdoRuwF8WVS5JlBey4umnU_MG6Wo2TftOoLPizVQNWrKQv6Qq5e0_olW7FWu-aRirM1qBi0krcxOZSlKLa5MyM_NaVJKJEU.png

الانتقال إلى إعدادات قالب المتجر

من هناك، توجهت إلى تبويب Apps في القائمة الجانبية، ولاحظت ظهور تطبيق Recently Viewed ضمن قائمة التطبيقات. فعلت التطبيق، ثم ضغطت على زر Save، ليتم دمج التطبيق مع القالب بنجاح، ويصبح بإمكاني عرض قسم المنتجات التي شوهدت مؤخرًا في مختلف صفحات المتجر، كما هو موضح في الصورة التالية:

AD_4nXcjGjUqICHK595-yhdGCBde-dlrlqZPtvZZXJZBiOsz_Q4DGOaFvPmfeFbt6hixJ0N4sUse9wg26DDQBITejJ1daG9nbbCHhnbkBSrANUFz_Zd1SyIEN0vBzgHBNpu3dDeAwckV.png

تفعيل تطبيق Recently Viewed ‑ Pasilobus على قالب المتجر

إظهار قسم المنتجات التي شوهدت مؤخرًا في صفحة المنتجات​


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

بدأت بإضافة القسم إلى صفحة المنتج، فانتقلت إلى إعدادات القالب، ثم اخترت من قائمة التنقل العلوية خيار "Product"، كما هو موضح في الصورة التالية:

AD_4nXdOJ_CvrkTzLs7DnFqwAYR70p0ugVYmCybaXT7JK19xaZ77D2RnSkIeX2PhE3reM8Uss9z9eOG3vfT1yeY9dk0aq9b-FgcIs1NCzhz0EpQZaWokzUWKiK1pRLHnSJ6JLd_7bS3V.png

تخطيط صفحة المنتجات على المتجر

بعد ذلك، حدّدت الموضع المناسب لإضافة القسم داخل صفحة المنتج — أسفل وصف المنتج — ثم ضغطت على زر "Add Section"، كما يظهر في الصورة التالية:

AD_4nXfBlcOS9eM2xyo6Fl0Q5ffr3kgrfZXeZqY62210CzERrYCAlcveoACOx4pb4YWA0WiaE5ihoMwUdMOkpxnAMeNcsg1BPJIiqfgkU0iQpXSqCnHXMY2vDydLqHuiO4tIqBKcLGstdQ.png

إضافة قسم جديد في صفحة المنتجات

بعدها انتقلت إلى تبويب "Apps" من القائمة العلوية، ووجدت أن تطبيق Recently Viewed مفعل ضمن تطبيقات المتجر. اخترت التطبيق ليُضاف في الموضع المحدد.

AD_4nXffssi1EWUDfeLZ166YDUY_2PgSzqP9Rey2o1v7LKgNUp7jMy0iw8e4ZV0CdUjde0dsYG1AMG6UlNUwo9Vt6cRDq7VH2sLfh9IRdORnDWk_2KTiDscO4__GL3bCSqIVghfsvZdO.png

إضافة قسم المنتجات التي شوهدت مؤخرًا في صفحة المنتجات

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

لذلك، أخفيت قسم "المنتجات ذات صلة" من خلال الضغط على أيقونة الإظهار المجاورة له، كما هو موضح في الصورة التالية:

AD_4nXepvianEJQS4j2Vb_v-1Zulbo23QkKChguqlACsfvPKyDgoYOVcuL_o2-pegdR8czsa3n8UsjMh70LgWulvjQ1iLAMTO1BwKJe2r0EGhasBHgD3nNuBt7IUc-h-2OVa-QzRsBfdQA.png

إخفاء قسم المنتجات ذات الصلة على المتجر

بعد الانتهاء من جميع الإعدادات السابقة، ضغطت على زر "Save" لحفظ التغييرات على المتجر.

إضافة القسم في صفحة السلة​


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

AD_4nXda-N1KxXT4eLwuX3mjHMCdjM2W6Wnc5_30t-ndNueAMjauI2PJ_sTy0A_MlmGslqcqU4fsMz9Po9FBlX0CPYP7alsVJOTCYmX4vGHahsufzQnVwjN__Ytn1-P_AjirAp759GoANw.png

تخطيط صفحة السلة على شوبيفاي

ثم حدّدت الموضع المناسب للقسم — أسفل ملخص سلة المشتريات — وضغطت على زر "Add Section"، وبعدها اخترت تبويب "Apps"، ثم اخترت تطبيق Recently Viewed، كما هو واضح في الصورة التالية:

AD_4nXe5roqLyl-R8yr9NK2RKamapB7QbUtdJznEO_eUQK9s8WkdvvHbPHjQgt-Or3FRNkMPQ1hQ64jCt70u-gYVaKHWi_zuT9Cb-KyNJJidC1W4cg7pwu7abS2ERHizpyOyDndWHEpO.png

إضافة قسم المنتجات التي شوهدت مؤخرًا في صفحة السلة

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

تخصيص مظهر قسم المنتجات التي شوهدت مؤخرًا​


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

AD_4nXeR65F1ZufbvJsnDGmlkSYiSnak7UoFtH_PqidDejBCcNjSOUdyeeuokqD1uDtH41Mni_TvMkSRjJ_J2mqEwewlnRer_4veqWhvqfTPEPf5swpw-i6Y9kNdLJl20tdhszj_XKpP.png

تخصيص قسم المنتجات التي شوهدت مؤخرًا

بدأت بتعديل عنوان القسم من خلال تبويب Block Title، ثم خصصت مظهر العنوان من حيث الحجم والمحاذاة بما يتوافق مع لغة المتجر واتجاه النص.

AD_4nXcdSLQMAn2C7ukOT8Ur9jBBDOL2a02SYqI7miCetjURe-UJlczUNakEiFBfKwWD9mWTK3Mkbbb9oFLCXdWBzVYKyjLKNt98eu74s7r1hop8RdI8QMKj8Nw3HQjN1yd1ozSoNjyyAw.png

تخصيص عنوان القسم على المتجر

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

في حالتي، فضلت عرض 4 أعمدة على أجهزة الكمبيوتر، لأنها تتناسب مع حجم صور المنتجات، بينما اكتفيت بعمودين على الهواتف ليظهر القسم بشكل أوضح وأسهل في التصفح.

AD_4nXdz-0VpQVhV6_6J7wg2mlVaTLqqtN3ulT54gnRESz6dkJ5b3slP3GwvauNm-c4EJ5kSYd-cf5-3WF_qmrEmHUBj57Ornqts9i2g1IviLqDN4UMDcztHy6HNOMJ0YQSSK285_Lhh0w.png

التعديل على تخطيط قسم المنتجات التي شوهدت مؤخرًا

انتقل بعدها إلى تخصيص مظهر بطاقة المنتج، مثل:

  • محاذاة العنوان
  • طريقة الكتابة وحجم الخط
  • الهوامش والخلفية والإطار
AD_4nXfpvhij8riwTDvyo_eMb-KG3rm2bW3U-jiqGVjaZbYQCqKeZwc5IzSUUhkOpXpf9UFLPTlHYKTTfy2QMvD-L1mpwnnOKJKNmlsgGlmA9RMsF6qLMzahtmkHpXlrfTlwxfXCJDqL3Q.png

التعديل على بطاقة المنتج في قسم المنتجات التي شوهدت مؤخرًا

بعد ضبط التصميم الأساسي، فعّلت مجموعة من الخيارات المهمة، وهي:

  1. تفعيل حركة Carousel على كل من الكمبيوتر والهاتف، لعرض المنتجات كشريط تمرير سلس.، ثم فعلت الحركة التلقائية للشريط (Autoplay) لعرض أكبر عدد ممكن من المنتجات التي تصفحها العميل.
  2. عرض أسعار المنتجات (Show Product Price) حتى يتمكن العميل من المقارنة بين المنتجات بسهولة.
  3. تفعيل تأثير Hover على البطاقة (Enable Card Hover Effect) لإضافة حركة أنيميشن جذابة أثناء التمرير.
  4. استثناء المنتج الحالي من القسم (Exclude Current Product) لمنع تكرار ظهور المنتج نفسه داخل القسم.

بعد الانتهاء من الإعدادات، اضغط على زر "Save" لحفظ التغييرات وتطبيقها على صفحات المتجر.

AD_4nXeQ3TwVmf9NLcmZjaW-69wHKgDvqEhIagj7S8z1CXjKEriVjE0dzIfEr4ItAGo2Q4NpqktZE2MMzreXmsUM2gNw8ZjdeQPhMm4B59cZFR_qpX84qUggUcPh4iKWnqN150V72eTDLQ.png

إعدادات قسم المنتجات التي شوهدت مؤخرًا الهامة

الآن، عند زيارة أي منتج على المتجر، يظهر قسم "المنتجات التي شوهدت مؤخرًا" في الصفحة ويعرض أحدث المنتجات التي تصفحها العميل، كما هو واضح في الصورة التالية:

AD_4nXcMa3Uk-3uTKDEkhnRjILR9bYxNbNzkPJALAGn5c7jsiLgsBTqRcegzNUdaPhk7sihHltn7SNbjzgzQcipLvjhHXcnXBxwnoogGkhSh8z1-I5VzqDXy7USuq_ZDFkviDcQCsUBjKg.png

مظهر قسم المنتجات التي شوهدت مؤخرًا على شوبيفاي

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