الموقع معروض للبيع Domain Authority 25 / Page Authority 46 / No Spam / عدد المقالات 200 مقاله. للإتفاق على السعر وطرق الدفع > راسلنا

كيفية إضافة منتجات ذات صلة بـ 3 طرق فى ووكومرس WooCommerce

هل تبحث عن طرق لتحسين تحويلات منتجك؟ اضافة مخصص قسم المنتجات ذات الصلة لمتجرك على الإنترنت يمكن أن يكون وسيلة رائعة لقيادة عملائك إلى شراء المزيد من العناصر الخاصة بك. لمساعدتك في القيام بذلك ، قدمنا ​​لك دليلنا حول كيفية إضافة منتجات WooCommerce ذات الصلة. يمكن أن يكون عرض المنتجات المماثلة طريقة رائعة لتحسين تحويلاتك. إذا قدمت لعملائك النطاق الصحيح من المنتجات ، فسيؤدي ذلك بالتأكيد إلى تحسين مبيعاتك. ولكن قبل أن نذهب إلى عملية القيام بذلك ، دعونا نلقي نظرة سريعة على سبب حاجتك إلى قسم المنتجات ذات الصلة. لماذا استخدام أقسام المنتجات ذات الصلة في WooCommerce؟ البيع التبادلي جزء مهم لتحسين معدلات التحويل. من خلال توفير خيارات للعملاء لشراء منتجات مماثلة ، يمكنك تشجيعهم على التفكير في شراء المزيد من المنتجات مقابل القيمة المضافة. وبالمثل ، يمكنك أيضًا استخدام عمليات البيع التبادلي للترويج للمنتجات التي تراها يتم شراؤها معًا. إذا كان بإمكانك تتبع مشترياتك بشكل جيد ، فيمكنك دائمًا اختيار إضافة منتجات محددة إلى قائمة البيع المتقاطع للحصول على مزيد من الأرباح. هذا الطريقة نفسها بارزة جدًا في الأعمال التجارية عبر الإنترنت على نطاق واسع. على سبيل المثال ، على Amazon ، يمكنك رؤيتهم يقدمون عمليات بيع مشتركة باستخدام أقسام بعنوان ” يتم شراؤها كثيرًا معًا” ، ” اشترى العملاء أيضًا ” أو” منتجات ذات علامات تجارية مماثلة “. لذا ، إذا كنت تريد زيادة مبيعاتك ، نوصيك بإضافة وتخصيص قسم المنتجات ذات الصلة بـ WooCommerce. الآن بعد أن أصبحت لديك فكرة عن أهميتها ، دعنا نرى كيف يمكننا إضافتها إلى موقع التجارة الإلكترونية الخاص بك. كيف لإضافة منتجات ذات صلة بـ WooCommerce افتراضيًا ، WooCommerce يتيح لك تخصيص ثلاثة أنواع مختلفة من المنتجات ذات الصلة. هذه الخيارات هي: Up-Sell : المنتجات التي تظهر عند عرض صفحة المنتج. عمليات البيع المتقاطعة : المنتجات التي تظهر عند عرض صفحة سلة التسوق. المنتجات ذات الصلة: المنتجات التي تظهر تلقائيًا على صفحة المنتج بناءً على علامات المنتج وفئاته. بينما يمكنك يدويًا إضافة المنتجات التي سيتم عرضها في عمليات البيع الإضافية والبيع العابر لكل WooCommerce ، يمكنك فقط تكوين أقسام المنتجات ذات الصلة عن طريق تعيين العلامات و الفئات بشكل صحيح. إجمالاً ، هناك 3 طرق رئيسية لإضافة المنتجات ذات الصلة في WooCommerce. هم انهم: من لوحة تحكم WooCommerce باستخدام البرنامج المساعد برمجيًا ملاحظة: تأكد من أنك قمت بتثبيت أحد سمات WooCommerce المتوافقة وقم بإعداد WooCommerce بشكل صحيح على موقع الويب الخاص بك لتجنب أي مشكلات غير ضرورية في هذه العملية. تكوين المنتجات ذات الصلة WooCommerece في WooCommerce Dashboard لإعداد عمليات البيع الإضافية و البيع المتقاطع لمنتج معين ، انتقل إلى المنتجات> جميع المنتجات من لوحة تحكم مشرف WordPress الخاصة بك. ثم اضغط على زر تحرير لأي منتجات معينة ترغب في إضافة عمليات بيع إضافية وعمليات بيع إضافية لها. بعد ذلك ، قم بالتمرير لأسفل وتحت Product Data ، انقر فوق على المنتجات المرتبطة. الآن ، امض قدمًا وقم بإدراج جميع المنتجات التي ترغب في عرضها كمنتجات ذات صلة بمنتج معين. يمكن أن تشمل كلا من البيع الإضافي والبيع العابر. أخيرًا ، تحديث المنتج. عند معاينة معينة منتج على موقع الويب الخاص بك ، ستتمكن من رؤية المنتجات المرتبطة في الواجهة الأمامية لموقع الويب الخاص بك. وبالمثل ، ستتمكن أيضًا من رؤية المنتجات ذات الصلة بالبيع المتبادل عند معاينة صفحة عربة التسوق. ومع ذلك ، فإن المنتجات ذات الصلة WooCommerce تختلف تمامًا عن ” ) ربما يعجبك قسم ” الذي يوفره لك قسم البيع المتقاطع والمكثف. بشكل افتراضي ، يختار WooCommerce عشوائيًا المنتجات التي سيتم عرضها في أقسام “ربما تعجبك” باستخدام العلامات والفئات. هذا الخيار غير قابل للتكوين باستخدام خيارات WooCommerce الافتراضية. يمكنك فقط تخصيص هذه المنتجات ذات الصلة إما باستخدام المكونات الإضافية للمنتجات ذات الصلة بـ WooCommerce أو باستخدام برمجيًا WooCommerce Hooks. سنناقش أيضًا كيفية القيام بكل منهما في هذا الدليل. لذلك ، إذا كنت ترغب في معرفة كيفية تخصيص منتجات WooCommerce ذات الصلة بشكل أكبر ، فإننا نوصيك بمتابعة القراءة. لنبدأ مع طريقة البرنامج المساعد لأنها أكثر ملاءمة للمبتدئين. كيفية إضافة منتجات ذات صلة بـ WooCommerce باستخدام البرنامج المساعد يعد استخدام البرنامج المساعد أحد أسهل الطرق لإضافة المنتجات ذات الصلة وتخصيصها. تم تصميم هذه المكونات الإضافية خصيصًا لمساعدتك في اختيار المنتجات التي تريد إضافتها إلى أقسام المنتجات ذات الصلة بـ WooCommerce يدويًا. هناك عدد من المكونات الإضافية متوفر في WordPress مع العديد من الميزات. يتيح لك بعضها إضافة أقسام ذات صلة قابلة للتخصيص يمكنك إضافتها إلى أي جزء من موقع الويب الخاص بك. بينما تعمل الأخرى من خلال تزويدك بشرائح التمرير واللافتات المميزة القابلة للتخصيص بالكامل. بالطبع ، يعتمد خيار اختيار البرنامج المساعد عليك. ولكن في العرض التوضيحي اليوم ، سنستخدم المنتجات ذات الصلة المخصصة للمكوِّن الإضافي WooCommerce بواسطة Scott Nelle. يعمل هذا البرنامج المساعد بالطريقة البسيطة التي تتيح لك تحديد المنتجات لإضافتها للمنتجات ذات الصلة لأي منتجات تريدها. لكن لبدء استخدام البرنامج المساعد ، يجب عليك تثبيته وتفعيله أولاً. 1. تثبيت وتفعيل البرنامج المساعد افتح WP admin dashboard وانقر على الملحقات> إضافة جديدة للبدأ. بعد ذلك ، استخدم شريط البحث في أعلى اليمين للبحث عن المنتجات ذات الصلة المخصصة لـ WooCommerce . بعد ذلك ، انقر فوق التثبيت الآن في علامة تبويب البرنامج المساعد ثم تنشيط بعد اكتمال التثبيت. الآن يجب أن يتم تفعيل البرنامج المساعد وتثبيته. لو كنت تريد لاستخدام مكون إضافي غير مضمن في مستودع WordPress ، سيتعين عليك تثبيته يدويًا. لدينا دليل مفصل لتثبيت WordPress يدويًا إذا كنت بحاجة إلى مزيد من المعلومات عنه. 2. أضف المنتجات ذات الصلة من خلال صفحة المنتج البرنامج المساعد نفسه يعمل من خلال السماح لك بإضافة قسم المنتجات ذات الصلة لكل منتج محدد. يمكنك القيام بذلك عن طريق فتح أي من منتجات WooCommerce الخاصة بك وتحديده ضمن بيانات المنتج. إذا لم تقم بإضافة منتجات إلى قسم المنتجات ذات الصلة ، فإن المكون الإضافي يعود إلى سلوك WooCommerce الافتراضي لاختيار المنتجات ذات الصلة بـ WooCommerce عشوائيًا باستخدام العلامات. لذا ، افتح المنتجات> جميع المنتجات من لوحة تحكم المشرف WP مره اخري واضغط علي تحرير للمنتج الذي ترغب في اضافه المرتبطه منتجات. هذا هو نفس النهج السابق من لوحة معلومات WooCommerce. مرة أخرى ، قم بالتمرير لأسفل تحت بيانات المنتج واضغط على المنتجات المرتبطة . الآن ، يجب أن تشاهد حقلاً جديدًا يسمى منتجات ذات صلة . الآن كل ما عليك فعله هو كتابة أسماء المنتج الذي ترغب في إضافته يدويًا كمنتج مرتبط بالمنتج المحدد. قم بتحديث المنتج وستتمكن من رؤية التغييرات على صفحة منتجك: أضف منتجات WooCommerce ذات الصلة برمجيًا بدلاً من ذلك ، إذا كنت لا تريد استخدم البرنامج المساعد WooCommerce لإدارة وتخصيص المنتجات ذات الصلة بـ WooCommerce ، يمكنك أيضًا اختيار إضافتها باستخدام مقتطف الشفرة. لهذا ، تحتاج إلى إضافة بضعة أسطر من الأكواد إلى ملف الخاص بالسمات .php . ومع ذلك ، لا يمكن تطبيق هذه الطريقة إلا إذا كان لديك فهم أساسي للبرمجة. نوصيك بإنشاء سمة فرعية و قم بعمل نسخة احتياطية من موقع WordPress الخاص بك للقيام بذلك. يضمن ذلك حفظ تغييراتك حتى إذا قمت بتحديث قالب WordPress الخاص بك. إذا كنت بحاجة إلى مساعدة ، يمكنك حتى استخدام أحد أفضل المكونات الإضافية للقوالب الفرعية لـ WordPress لإنشاء واحدة. بمجرد التبديل إلى قالب طفلك ، يمكنك الوصول إلى ملف jobs.php الخاص بك من خلال النقر فوق Appearance> Theme Editor. ثم انقر فوق وظائف الموضوع أو jobs.php ملف. سيؤدي ذلك إلى فتح الملف في محرر السمات. ثم، يمكنك بعد ذلك استخدام مقتطف الشفرة التالي ولصقه في المحرر. add_filter (‘woocommerce_related_products’ ، ‘QuadLayers_related_products_by_same_title’ ، 1886 ، 3) ؛ الوظيفة QuadLayers_related_products_by_same_title ($ related_posts، $ product_id، $ args) {$ product = wc_get_product ($ product_id)؛ $ title = $ product-> get_name () ؛ $ related_posts = get_posts (array (‘post_type’ => ‘product’، ‘post_status’ => ‘نشر’، ‘title’ => $ title، ‘field’ => ‘ids’، ‘posts_per_page’ => -1، ‘استبعاد’ => مجموعة ($ product_id)) ؛ إرجاع $ related_posts؛ } يعمل مقتطف الشفرة ببساطة عن طريق منحك المنتجات ذات الصلة بنفس العنوان. بهذه الطريقة ، إذا كان لديك منتجات متطابقة بنفس الأسماء ، فستتم إضافتها إلى قسم المنتجات ذات الصلة بـ WooCommerce. قم بتحديث ملف functions.php الخاص بك بالضغط على تحديث الملف وينبغي الانتهاء. اعتمادات للمؤلف الأصلي للكود هنا. كيفية إزالة المنتجات ذات الصلة بـ WooCommerce بالإضافة إلى ذلك ، يمكنك أيضًا اختيار إزالة قسم المنتجات ذات الصلة بـ WooCommerce من موقع الويب الخاص بك باستخدام نفس الطريقة المذكورة أعلاه. يمكنك إما اختيار إزالة جميع المنتجات ذات الصلة كليًا أو لمجرد منتجات محددة. 1. إزالة كافة المنتجات ذات الصلة لإزالة كافة المنتجات ذات الصلة قسم من كل صفحة منتج ، ما عليك سوى فتح ملف function.php الخاص بسمة الطفل والصق مقتطف الشفرة التالي. remove_action (‘woocommerce_after_single_product_summary’، ‘ woocommerce_output_related_products ‘، ) ؛ أخيرا. تحديث الملف. يجب أن يؤدي هذا إلى إزالة قسم المنتجات ذات الصلة بالكامل من جميع منتجات WooCommerce الخاصة بك. الاعتمادات لمؤلف المدونة هنا. 2. إزالة المنتجات ذات الصلة لمنتجات معينة فقط يمكنك أيضًا استخدم كود s nippets لإزالة قسم المنتجات ذات الصلة فقط لمنتجات معينة على موقع الويب الخاص بك إذا لزم الأمر. سيضيف الكود التالي ببساطة خيارًا لإخفائه على جميع منتجاتك. أولاً ، دعنا نمضي قدمًا ونلصق هذا على ملف وظائف.php لموضوعك بنفس الطريقة السابقة. add_action (‘woocommerce_product_options_general_product_data’، ‘QuadLayers_add_related_checkbox_products’) ؛ function QuadLayers_add_related_checkbox_products () {woocommerce_wp_checkbox (array (‘id’ => ‘hide_related’، ‘class’ => ‘،’ label ‘=>’ إخفاء المنتجات ذات الصلة ‘)) ؛ } // —————————————– // 2. حفظ مربع الاختيار في الحقل المخصص add_action (‘save_post_product’، ‘QuadLayers_save_related_checkbox_products’) ؛ function QuadLayers_save_related_checkbox_products ($ product_id) {global $ pagenow، $ typenow؛ إذا كان (‘post.php’! == $ pagenow || ‘product’! == $ typenow) ارجع ؛ إذا (تم تعريفه (‘DOING_AUTOSAVE’) && DOING_AUTOSAVE) يعود ؛ إذا (مجموعة ($ _POST )) {update_post_meta ($ product_id، ‘hide_related’، $ _POST ) ؛ } else delete_post_meta ($ product_id، ‘hide_related’)؛ } // —————————————– // 3. إخفاء ذات الصلة products @ single product page add_action (‘woocommerce_after_single_product_summary’، ‘QuadLayers_hide_related_checkbox_products’، 1) ؛ function QuadLayers_hide_related_checkbox_products () {global $ product؛ if (! blank (get_post_meta ($ product-> get_id ()، ‘hide_related’، true))) {remove_action (‘woocommerce_after_single_product_summary’، ‘woocommerce_output_related_products’، ) ؛ }} ثم انتقل إلى المنتجات> جميع المنتجات من لوحة تحكم WordPress الخاصة بك مرة أخرى وانقر فوق تعديل للمنتج الذي تريد إخفاء المنتجات ذات الصلة به. عند التمرير أسفل بيانات المنتج كما في الأساليب السابقة ، انقر فوق عام . يجب أن تشاهد علامة تبويب جديدة خيار إخفاء المنتجات ذات الصلة . قم بتمكين هذا الخيار لإخفاء المنتجات ذات الصلة من صفحة المنتج المعين. اعتمادات لمؤلف الكود هنا. كيفية تخصيص عدد وأعمدة المنتجات ذات الصلة علاوة على ذلك ، يمكنك أيضًا التخصيص قسم المنتجات ذات الصلة عن طريق تكوين عدد المنتجات الموضحة وكذلك الصفوف والأعمدة في موقع الويب الخاص بك. لهذا ، سنستخدم أيضًا خطاطيف WooCommerce والوظائف المخصصة في وظائفنا .php ملف. انطلق وافتح الملف باستخدام محرر السمات مرة أخرى والصق مقتطف الشفرة هذا: add_filter (‘woocommerce_output_related_products_args’ ، ‘QuadLayers_change_number_related_products’ ، 1886) ؛ الوظيفة QuadLayers_change_number_related_products ($ args) {$ args [‘posts_per_page’] = 4 ؛ // # من المنتجات ذات الصلة $ args [‘columns’] = 4 ؛ // # من الأعمدة في كل صف ترجع $ args؛ } يعمل هذا الرمز ببساطة عن طريق تكوين قسم المنتجات ذات الصلة بـ WooCommerce في 4 أعمدة و 4 صفوف. يمكنك دائما تغيير هذه القيمة باستخدام أرجس دولار [‘posts_per_page’] = 4 199364 و $ args [‘columns’] = 4. علاوة على ذلك ، يمكنك تكوين هذا القسم باستخدام أكواد CSS إضافية أيضًا. يمكن استخدامها لتغيير التخطيط ومحاذاة الأعمدة والصفوف بحيث يتناسب القسم بشكل أفضل مع موقع الويب الخاص بك. يمكنك استخدام مقتطف CSS التالي لذلك. @ media (min-width: بكسل) {.site-main .related.products ul.products li.product {width : ٪ ؛ تعويم: اليسار؛ الهامش الأيمن: 4٪ ؛ } ببساطة الصقه تحت CSS إضافي في أداة تخصيص السمة الخاصة بك . يمكنك الوصول إليه من خلال النقر على Appearance> Customize من لوحة معلومات WordPress الخاصة بك. سيؤدي هذا إلى فتح أداة تخصيص السمة. ثم انقر فوق CSS إضافي والصق البرنامج النصي CSS هنا. يمكنك ضبط محاذاة المنتجات ذات الصلة وفقًا لاحتياجات موقع الويب الخاص بك. أخيرًا ، انقر فوق نشر عند الانتهاء. 224014 اعتمادات لمؤلف الكود هنا. الخاتمة وهذا ينتهي دليلنا لإضافة منتجات WooCommerce ذات الصلة. إنها واحدة من أفضل الطرق لتحسين مبيعات موقع التجارة الإلكترونية الخاص بك. ولكن باستخدام هذا الدليل ، يجب أن تكون قادرًا على إضافتها أو تخصيصها أو حتى إزالتها إذا أردت. للتلخيص ، يمكنك أضف المنتجات ذات الصلة في WooCommerce بثلاث طرق: من لوحة تحكم WooCommerce استخدام البرنامج المساعد برمجيًا علاوة على ذلك ، لدينا حتى تضمين بعض الخطوات المفيدة لتخصيص هذه المنتجات ذات الصلة. وهي تشمل إزالتها من صفحات المنتج وتعديل عدد المنتجات ذات الصلة وأعمدتها. نأمل أن تكون مفيدة لك أيضًا عند إضافة المنتجات ذات الصلة. يمكنك العثور على مزيد من المعلومات حول البرنامج التعليمي المفصل لدينا لتخصيص منتجات WooCommerce ذات الصلة. إذا كنت تريد معرفة المزيد حول تخصيص العديد من منتجات WooCommerce الأخرى. أقسام وصفحات ، يرجى النظر في مراجعة بعض مقالاتنا الأخرى مثل: كيفية إضافة صورة إلى المنتج في WooCommerce تخصيص رسائل خطأ WooCommerce Checkout كيفية تخصيص قوالب WooCommerce أخبرنا إذا كنت قادرًا على تخصيص وإدارة المنتجات ذات الصلة بـ WooCommerce أقسام باستخدام مقالتنا. إذا كانت هناك أي مشاكل ، فيرجى إخبارنا في قسم التعليقات. سنبذل قصارى جهدنا لمساعدتك قدر الإمكان.