كيفية إعداد عربة تسوق WordPress باستخدام WooCommerce

إضافة صورة مميزة إلى صفحة المنتج

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

من أجل هذا العرض التوضيحي ، سنستخدم ShopReady Thumbnail with Zoom ، والذي ، كما يوحي اسمه ، يحتوي على ميزة التكبير / التصغير. إذا كنت تستخدم عنصر واجهة المستخدم هذا ، فستتمكن من عرض إصدار التكبير / التصغير الخاص بمنتج WooCommerce لصورة منتجك لعملائك كلما حركوا الماوس فوق صورة منتجك.

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

إضافة كتلة لأداة التسعير

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

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

إضافة وصف المنتج

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

إضافة وظيفة إضافة إلى عربة التسوق

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

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

يمكنك أيضًا تعديل مظهر زر Elementor add-to-cart من خلال علامة تبويب Elementor Style لتصميم منتج WooCommerce. هنا ، يمكنك تغيير الخط واللون والخلفية والهامش والحشو والسمات الأخرى.

إضافة البيانات الوصفية إلى صفحة المنتج

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

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

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

إضافة أزرار مشاركة الوسائط الاجتماعية إلى صفحة المنتج

من خلال استخدام حظر زر مشاركة الوسائط الاجتماعية المباشر ، يمكنك تمكين المستهلكين من مشاركة منشورات المنتج الخاصة بك على وسائل التواصل الاجتماعي مباشرة من صفحة منتج WooCommerce للعنصر الذي قاموا بشرائه. والتي يمكنك إنتاجها من خلال استخدام وظيفة السحب والإفلات التي توفرها أداة Elementor Social Share فقط.

مباشرة من علامة التبويب "المحتوى" ، قد يتم تخصيص الكتلة بأي رموز وسائط اجتماعية ونصوص وروابط قابلة للمشاركة من اختيار المستخدم. بالإضافة إلى ذلك ، تسمح علامة التبويب Elementor Style للمستخدمين بتغيير العرض المرئي لكتل ​​المشاركة الاجتماعية إذا رغبوا في ذلك.

وبهذا تكون قد انتهيت من أساسيات تخصيص صفحات منتجات WooCommerce.

الخطوة 4: إضافة منتجات WooCommerce ذات الصلة

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

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

الخطوة 5: إضافة حقول الخروج المخصصة WooCommerce

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

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

ShopReady - يتيح WooCommerce Shop Builder للمستخدمين الاختيار بين نموذجين مختلفين للعربة ، والمتاحين للاستخدام من ShopReady Dashboard . من ShopReady Dashboard ، انقر فوق قائمة القوالب الآن لتمكين وتحرير قالب WooCommerce Preset Cart المقدم من ShopReady.

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

من هنا ، يمكنك ببساطة إضافة أداة ShopReady Cart ، وستأخذ صفحة عربة التسوق شكلها تلقائيًا ، وإنشاء عربة تسوق WordPress بدون مكون إضافي هو عملية بسيطة مع ShopReady. لا يتطلب أي ملحقات أو أدوات إضافية.

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

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

يمكنك أيضًا استخدام الرمز المختصر لعربة التسوق WooCommerce. في هذه الحالة ، سيتعين عليك استخدام أداة Elementor ShortCode.

عندما تنتهي من تخصيص صفحة متجرك ، تأكد من النقر على نشر / تحديث لجعل التغييرات مباشرة على زوارك وعملائك.

استنتاج

قد تبدو العملية الكاملة لإنشاء زر إضافة إلى عربة التسوق المخصص لـ WooCommerce مهمة شاقة ، ولكن مع تقدمك في هذا الدليل ، سترى أن عملية إنشاء هذه الوظيفة التقنية ليست صعبة على الإطلاق باستخدام المجموعة الصحيحة من الأدوات. ShopReady WooCommerce Shop Builder عبارة عن حزمة كاملة توفر جميع الأدوات التي تحتاجها لإنشاء منصة تجارة إلكترونية قوية من الألف إلى الياء.

وإذا واجهت أي مشكلات مع ShopReady أو عملية إنشاء عربة التسوق ، فيمكنك دائمًا البحث عن وثائق عربة WooCommerce .

الأسئلة المتداولة حول عربات التسوق في WooCommerce

هل لدى WordPress عربة تسوق؟

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

هل لدى WooCommerce عربة تسوق؟

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

كيف أقوم بإنشاء صفحة دفع مخصصة في WooCommerce؟

قم بتنزيل وتثبيت ShopReady - WooCommerce Shop Builder. الآن قم بإنشاء قالب WooCommerce Checkout جديد من ShopReady Dashboard. ستتم إعادة توجيهك إلى محرر Elementor ، من هنا يمكنك استخدام أداة ShopReady Checkout لإنشاء صفحة دفع مخصصة وظيفية في WooCommerce.