كيفية تصميم WooCommerce Cart In Elementor [بدون تشفير]

هل يتخلى عملاؤك عن عربة WooCommerce الخاصة بهم في منتصف عملية الشراء؟ هل تعلم أن السبب الشائع جدًا وراء ذلك قد يكون صفحة سلة غير منظمة يجد المستخدمون صعوبة في التسوق بها؟ لكن لا داعي للقلق بعد الآن ؛ مع آخر تحديث لـ Essential Addons for Elementor ، نقدم لك الحل الأسهل لتقليل معدلات التخلي عن سلة التسوق وزيادة المبيعات.

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

لماذا يجب عليك تصميم صفحة عربة WooCommerce مخصصة؟

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

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

ومن المفهوم ، قد يكون من المخيب للآمال تمامًا تقديم منتجات وخدمات ممتازة ، ومع ذلك ، لاحظ ارتفاع معدلات التخلي عن عربة التسوق - خاصة إذا كان ذلك بسبب مشكلات بسيطة في تصميم الصفحة. لكن مخاوفك على وشك الانتهاء الآن ، مع الإصدار الأخير من فريقنا من Essential Addons for Elementor . اقرأ المزيد لتكتشف كيف يمكنك زيادة المبيعات بسهولة من خلال صفحة عربة التجارة الإلكترونية المصممة بشكل مذهل وذات المظهر الاحترافي في Elementor .

قم بتصميم عربة WooCommerce احترافية باستخدام الإضافات الأساسية 5.0

كان عام 2021 عامًا رائعًا لفريقنا من الإضافات الأساسية للعنصر. لقد وصلنا إلى أكبر المعالم ونمنا بشكل أسرع مما كنا نحلم به. وكل ذلك بفضل لك. لذلك ، لإنهاء العام على نفس المستوى العالي وتزويدك بأفضل تجربة لبناء الويب ، نقدم لك آخر تحديث لـ Essential Addons 5.0.

يأتي الإصدار الأخير مع العديد من التحسينات والعناصر الجديدة والإضافات للمساعدة في إطلاق مهارات تصميم الويب في Element بسهولة تامة. ويسعدنا إخبارك أن هذا التحديث يأتي أيضًا مع عنصر واجهة مستخدم حصري - EA Woo Cart .

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

وأهم ما يميزه هو أنه قابل للتخصيص بالكامل في Elementor ويأتي مع العديد من تخطيطات التصميم المختلفة لتختار من بينها ، ويتطابق تمامًا مع جماليات متجر WooCommerce الخاص بك. استمر بالقراءه لمعرفة المزيد.

قم بإعداد عربة EA Woo سلسة في Elementor بدون تشفير

وغني عن القول ، يجب عليك التأكد من أنك قمت بالفعل بتثبيت وتكوين المكون الإضافي WooCommerce لبناء متجرك بشكل مثالي. ولكن من المهم في هذه الحالة لأنه لكي تعمل هذه الأداة المتقدمة داخل Elementor Editor ، تحتاج إلى إضافة بعض المنتجات إلى عربة التسوق من متجر WooCommerce. بمجرد الانتهاء من ذلك ، نكون مستعدين جميعًا لاستخدام أداة EA Woo Cart في متجرك دون عناء. اتبع الخطوات أدناه لمعرفة الكيفية:

الخطوة 1: قم بتعيين صفحة عربة WooCommerce المرغوبة

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

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

الخطوة 2: قم بتحرير عربة WooCommerce في Elementor

الخطوة التالية التي يجب اتخاذها هي تحرير صفحة WooCommerce Cart الخاصة بك باستخدام Elementor Editor ببضع نقرات. ولكن قبل أن تتمكن من القيام بذلك ، يجب عليك تمكين عنصر EA Woo Cart باستخدام الإضافات الأساسية للعنصر.

تأكد من تثبيت أحدث إصدار من Essential Addons 5.0 PRO ، ثم توجه إلى علامة التبويب "Elements" من واجهة مستخدم Essential Addons for Elementor. ستجد أكثر من 80 عنصرًا متاحًا هنا ، ولكن كل ما عليك فعله هو تبديل خيار " EA Woo Cart " والضغط على " حفظ الإعدادات " للبدء.

الخطوة 3: قم بتحرير عربة WooCommerce في Elementor

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

بمجرد دخولك إلى محرر Elementor ، ابحث عن عنصر " EA Woo Cart " من خيار "بحث" ضمن علامة التبويب "العناصر" . بعد ذلك ، ما عليك سوى سحب عنصر "EA Woo Cart" وإفلاته في أي قسم تريده في Elementor Editor ، كما هو موضح أدناه. انها حقا بهذه السهولة.

قم بتكوين كل جانب من جوانب عربة EA Woo بسهولة

تم الآن تعيين عربة WooCommerce الخاصة بك ولكن يجب تصميمها وتخصيصها لجعلها تبدو احترافية وسهلة الفهم لعملائك. وسيركز هذا القسم على كيفية القيام بذلك بسهولة.

الخطوة 1: قم بتكوين الإعدادات العامة لـ EA Woo Cart

في اللوحة الجانبية Elementor Editor ، ستجد العديد من الخيارات مثل "الإعدادات العامة" أو "منشئ الجدول" أو "مكونات عربة التسوق" ضمن علامة التبويب "إعدادات المحتوى".

من "الإعدادات العامة" ، ستجد نمطين مختلفين من التخطيطات لعربة EA Woo الخاصة بك للاختيار من بينها والتخصيص حسب رغبتك ، كما هو موضح أدناه.

الخطوة 2: قم بتغيير الملصقات من Table Builder

بعد ذلك ، من " Table Builder " ، يمكنك تغيير تسميات الجدول وسحب الأقسام لإعادة ترتيب جدول أسعار EA Woo Cart. يمنحك هذا مرونة كاملة لتغيير كل تسمية من جميع الأعمدة التي أضفتها إلى صفحة سلة التسوق - "المنتج" ، "السعر" ، "الكمية" ، إلخ.

الخطوة 3: تخصيص ميزة مكون عربة التسوق

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

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

ستساعد كل هذه الأزرار والخيارات عملائك على فهم صفحة عربة WooCommerce تمامًا وكذلك التنقل عبر هذه الصفحة بسهولة. وهكذا ، باستخدام أداة EA Woo Cart ، يمكنك على الفور تقليل معدلات التخلي عن سلة التسوق ومعدلات الارتداد مرة واحدة.

قم بتخصيص نمط عربة EA Woo بالكامل في بضع نقرات

وأخيرًا ، بمجرد تكوين المحتوى لصفحة EA Woo Cart الخاصة بك ، فقد حان الوقت لتصميمه بحيث يتناسب مع موقع WooCommerce أو جماليات العلامة التجارية. وللقيام بذلك ، يمكنك ببساطة النقر فوق علامة التبويب "النمط" في محرر Elementor لتخصيص مناطق مختلفة من صفحتك.

الخطوة 1: إضفاء الطابع الشخصي على الإعدادات العامة

من القسم "عام" ، يمكنك تغيير لون الخلفية لقسم EA Woo Cart بالكامل. ستتمكن من ضبط لون خلفية EA Woo Cart يدويًا أو اختيار الألوان العامة.

الخطوة 2: ادخل إلى التفاصيل باستخدام قسم الجدول

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

الخطوة 3: تغيير جوانب التصميم الأخرى

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

لإضافة المزيد من الوظائف وجعل صفحة عربة EA Woo تبدو أكثر تفاعلية وجاذبية ، يمكنك أيضًا استكشاف خيارات الإعداد "المتقدمة" .

صفحة عربة WooCommerce ذات مظهر احترافي

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

تحقق من النتيجة النهائية أدناه وشاهد كيف تبدو صفحة عربة المصمم ذات المظهر الاحترافي في WooCommerce بمساعدة عنصر واجهة مستخدم EA Woo Cart الأساسي المتميز.

أدوات حصرية أخرى لمتجر WooCommerce الخاص بك

وبهذا ، نريد أن نختتم دليلنا النهائي حول كيفية تصميم عربة WooCommerce في Elementor بدون تشفير وسهولة تامة. ولكن قبل أن نغادر ، نريد أن نعلمك بجميع أدوات WooCommerce الأخرى التي يمكنك الوصول إليها من Essential Addons for Elementor.

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

معرض منتجات وو

Woo المنتج المنزلق

منتج Woo Caraousel

شبكة المنتج Woo

مقارنة المنتج Woo

مجموعات منتجات Woo

Woo Checkout

تحقق منها من موقع Essential Addons وقم على الفور بزيادة مبيعات متجر WooCommerce بسهولة.

التحديث إلى الإضافات الأساسية 5.0 وتعزيز مبيعات WooCommerce

فما تنتظرون؟ لا تنتظر! قم بالتحديث إلى Essential Addons 5.0 الآن وانضم إلينا في إنشاء متجر WooCommerce فريد وعالي التحويل. أو تحقق من أي من حزم PRO لدينا ، بدءًا من السعر الحصري البالغ 39.97 دولارًا فقط ، وحركة المرور والمبيعات والتحويلات المرتفعة باستخدام جميع ميزاتنا المتميزة!

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