كيفية إضافة WooCommerce Product Search: دليل لتحسين تجربة التسوق

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

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

سنوجهك خلال العملية خطوة بخطوة. لذا ، استعد لزيادة فعالية البحث عن منتج WooCommerce! بنهاية هذا الدليل ، سيكون لديك الأشياء التي تحتاجها لنقل البحث عن منتج WooCommerce إلى المستوى التالي. إذن ، كيف تضيف البحث عن منتج WooCommerce؟ هيا نكتشف!

كيف تضيف WooCommerce Product Search في الصفحة؟

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

يتغلب ProductX على هذه القيود ويسمح لك بجعل البحث عن منتج WooCommerce مثاليًا لمتجرك. بفضل قوة بحث WooCommerce AJAX ومجموعة كاملة من خيارات التخصيص ، فإن ProductX هو ما تحتاجه بالفعل. لذا ، قم بتثبيت ProductX للمضي قدمًا في اللعبة.

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

الخطوة 1: إضافة عنصر Product Search على الصفحة

بمجرد أن تقوم بتثبيت ProductX بنجاح ، فإن كتل البحث عن المنتج متاحة الآن للاستخدام مع التخصيص الموسع الخاص بها. لذلك ، دون مزيد من اللغط ، دعنا نوضح لك كيفية إضافة WooCommerce Product Search إلى متجرك.

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

الخطوة 2: تخصيص قالب WooCommerce Product Search

بعد إضافة كتلة بحث عن منتج ، يمكنك تخصيصها وفقًا لاحتياجاتك. توفر هذه الكتلة العديد من خيارات التخصيص لإجراء بحث مثالي عن منتج لمتجرك.

دعنا نرى خيارات التخصيص التي ستحصل عليها دون أي تأخير.

تخطيطات حقل البحث

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

هناك 5 تخطيطات لحقول البحث للاختيار من بينها ، ويمكنك النقر بسهولة لتحديد التخطيط الذي تختاره.

ابحث عن تخطيطات قائمة المنتجات

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

نمط نموذج البحث

استخدم إعدادات نمط نموذج البحث لتعديل الألوان (لون الإدخال والخلفية) والطباعة والحدود والعناصر المرئية الأخرى ، مثل نصف قطر النموذج وحشو إدخال نموذج البحث.

لوحة الإعداد بديهية للغاية ، ويمكنك تحديد الإعدادات التي تختارها لتخصيص الإعدادات المجاورة.

نمط الفئة

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

يمكنك تخصيص خيار الطباعة للنص المحدد والنص المنسدل. يمكنك أيضًا ضبط ألوان العرض ، وعرض الفاصل ، والارتفاع ، والفاصل.

رمز البحث

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

زر المزيد من النتائج

يتيح زر "مزيد من النتائج" للمستخدمين تحميل نتائج بحث إضافية دون مغادرة الصفحة ، مما يوفر طريقة ملائمة لاستكشاف المزيد من المنتجات. لتصميم البحث عن منتجك بشكل مثالي ، يمكنك تغيير لون الطباعة والنص والتمرير من إعداداته.

نمط القائمة المنسدلة

في هذه الإعدادات ، يمكنك تخصيص نمط القوائم المنسدلة في كتلة البحث الخاصة بك. اضبط الألوان والحدود ونصف القطر. أيضًا ، ستحصل على إعداد ظل المربع وتباعد العناصر (X و Y) وخيارًا لاختيار لون الفاصل وضبط عرض الفاصل.

صورة المنتج

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

عنوان المنتج

تخصيص مظهر عناوين المنتجات في نتائج البحث. قم بتعديل جميع الإعدادات المتعلقة بالطباعة ولون التمرير والبحث عن اللون المميز لجعله يبدو رائعًا.

سعر المنتج

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

تصنيف المنتج

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

كيفية إضافة WooCommerce Product Search في العنوان

يمكنك أيضًا إضافة بحث منتج WooCommerce في العنوان. سنعرض لك دليلًا تفصيليًا خطوة بخطوة حتى تتمكن من استخدامه دون أي متاعب.

الخطوة 1: إنشاء نموذج محفوظ

أولاً ، تحتاج إلى تشغيل ملحق القالب المحفوظ.

انتقل الآن إلى ProductX → Saved Template. وانقر على "إضافة نموذج جديد".

أضف "Product Search Block" وخصصه حسب الحاجة. ثم انقر فوق "نشر".

الخطوة 2: انسخ الرمز القصير

ارجع إلى صفحة "النموذج المحفوظ" (ProductX → القالب المحفوظ). وسترى رمزًا قصيرًا.

اضغط على الرمز المختصر لنسخه.

الخطوة 3: اذهب إلى Theme Customizer

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

اذهب الآن إلى المظهر → تخصيص.

حدد "الرأس" لإدخال إعداداتها.

أضف HTML في القسم المفضل لديك.

الخطوة 4: الصق الرمز القصير

الآن ، انقر فوق HTML وانتقل إلى علامة التبويب Text. سترى حقل نص هنا.

الصق الرمز المختصر في حقل النص وانقر فوق نشر.

سيؤدي هذا إلى إضافة خيار البحث عن منتج WooCommerce إلى قسم الرأس.

ملاحظة: السمات المختلفة لها عروض مختلفة لقسم الرأس. إذا لم يكن البحث عن المنتج مناسبًا ، فاضبط "العرض" من الإعدادات العامة لمجموعة "Product Search".

خاتمة

في الختام ، يتيح لك تخصيص WooCommerce Product Search Block باستخدام ProductX التحكم في تجربة البحث بشكل كامل.

بمساعدة إعدادات التخصيص الكاملة ، يمكنك إنشاء تجربة بحث مخصصة وجذابة بصريًا لعملائك.

يؤدي تحسين وظيفة البحث عن المنتج إلى تحسين تجربة المستخدم وزيادة فرص العملاء في العثور على المنتجات التي يرغبون فيها ، مما يؤدي في النهاية إلى تحسين المبيعات ورضا العملاء.

باستخدام ProductX ، يمكنك تحسين متجر WooCommerce وتزويد المتسوقين بتجربة بحث مثالية وفعالة.

يمكنك الاطلاع على مقاطع فيديو WordPress التعليمية على قناتنا على YouTube. أيضًا ، اعثر علينا على Facebook و Twitter للحصول على تحديثات منتظمة!