كيفية إعداد WooCommerce Checkout Page مع Divi

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

من الأهمية بمكان أن تجعل عملية الدفع سلسة قدر الإمكان لعملائك. لذا ، كيف يمكنك إنشاء صفحة دفع سهلة الاستخدام في متجر WooCommerce الخاص بك؟ في هذا المنشور ، سننظر في كيفية إعداد صفحة تسجيل الخروج WooCommerce مخصصة مع Divi.

لماذا تحتاج إلى صفحة الخروج WooCommerce المخصصة؟

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

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

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

• انخفاض في التخلي عن سلة التسوق

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

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

• معاملات سريعة وسهلة

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

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

كيفية إعداد صفحة دفع مخصصة لـ WooCommerce

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

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

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

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

الخطوة الأولى: قم بإعداد صفحة الخروج الخاصة بك في إعدادات البرنامج المساعد WooCommerce قبل استخدام المكون الإضافي Divi Builder. للقيام بذلك ، انتقل إلى لوحة معلومات WooCommerce وانقر على "إعدادات".

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

الخطوة الثانية: مع تعيين صفحة الخروج بالفعل ، فإن الخطوة التالية هي تثبيت المكون الإضافي Divi Shop Builder. لذلك ، انتقل إلى الموقع الرسمي لـ Elegant Theme لشراء المكون الإضافي Divi Shop Builder. انقر فوق رابط التنزيل من "صفحة حسابي" للتنزيل.

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

للقيام بذلك ، انتقل إلى "صفحة حسابي" على موقع ويب Elegant Theme لنسخ مفتاح الترخيص. بعد مصادقة المكون الإضافي ، يمكنك البدء في استخدامه. يعمل Divi Shop Builder في البرنامج المساعد Divi Builder ، مما يجعل بناء متجر WooCommerce الخاص بك مهمة سلسة للغاية.

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

ستجد خمس وحدات جديدة (فواتير الخروج ، قسيمة الخروج ، طلب الخروج ، شحن الخروج ، وإشعارات سلة التسوق / الخروج) مضافة إلى Divi Builder. ستساعدك هذه الوحدات على إعداد صفحة الخروج المخصصة في متجر WooCommerce الخاص بك. هنا كيف تعمل هذه الوحدات.

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

Checkout Shipping: يتيح هذا لعملائك تحديد عنوان ثانوي. مثل فوترة Checkout ، يمكنك أيضًا تعديل حقول النموذج بالشكل المناسب.

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

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

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

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

مثل الوحدات النمطية الأخرى داخل Divi Theme ، يمكنك تخصيص نمط وحدات الخروج الخاصة بك باستخدام Divi Builder. للقيام بذلك، اتبع الخطوات التالية:

• انقر لفتح وحدات Checkout

• انقر فوق علامة التبويب "تصميم"

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

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

استنتاج

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