كيفية تحرير WooCommerce Checkout Page W / O Elementor؟

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

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

الآن ، دون مزيد من اللغط ، دعنا نكتشف أولاً سبب رغبتك في تخصيص صفحة الخروج الخاصة بك. بعد ذلك ، يمكننا النظر في كيفية تحرير صفحة الخروج الخاصة بـ WooCommerce باستخدام مزيج من Elementor & Shopready .

لماذا قد ترغب في تحرير صفحة الخروج الخاصة بك في WooCommerce

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

تعزيز تجربة المستخدم

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

اجعل عملية الدفع آمنة

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

السماح بعمليات الشراء السريعة والسهلة

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

تحسين العلامة التجارية

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

كيفية تحرير WooCommerce Checkout Page WO Elementor؟

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

الطريقة الأولى: التحرير اليدوي

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

الخطوة 1: اختر المرشحات لتخصيص حقول الخروج

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

• WooCommerce_shipping_fields
• WooCommerce_after_checkout_form
• WooCommerce_billing_fields
• WooCommerce_checkout_after_terms_and_conditions

الخطوة 2: تحرير نص العنصر النائب

بعد ذلك ، ابدأ بتخصيص نص العنصر النائب في order_comments_fields. يمكنك القيام بذلك ببساطة عن طريق إضافة مقتطف الشفرة التالي إلى ملف jobs.php الخاص بك.

الخطوة 3: إزالة الحقول

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

الخطوة 4: أضف الحقول الضرورية

لإضافة حقول إلى صفحة الدفع الخاصة بـ WooCommerce ، ما عليك سوى إدخال الرمز أدناه في ملف function.php الخاص بك.

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

الخطوة الأخيرة: احفظ بياناتك

أخيرًا ، أدخل الرمز التالي للتأكد من حفظ كل التفاصيل التي يدخلها عملاؤك في صفحة الخروج.

الطريقة 2: استخدام Elementor Page Builder

يتطلب تحرير صفحة الخروج يدويًا أن يكون لديك خبرة في الترميز. لحسن الحظ ، إذا لم تكن خبيرًا في التكنولوجيا ، يمكنك استخدام elementor ، أحد أفضل منشئي صفحات WordPress. فيما يلي خطوات حول كيفية إجراء التحرير باستخدام elementor.

الخطوة 1: حدد موقع صفحة الخروج

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

الخطوة 2: إضافة عنصر واجهة الدفع Elementor

بعد ذلك ، افتح صفحة الخروج الافتراضية في elementor وحذف أداة الدفع أو الرمز المختصر لـ WooCommerce الموجودة. بعد ذلك ، أضف أداة الدفع في محرر Elementor. يجب أن تكون قادرًا على رؤية معاينة مباشرة لصفحة الخروج الخاصة بك.

الخطوة 3: قم بتحرير المحتوى في صفحة الخروج

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

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

الخطوة 4: قم بتحرير نمط صفحة الخروج الخاصة بك

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

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

الخطوة الخامسة: احفظ التغييرات

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

الطريقة الثالثة: استخدام الإضافات

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

الخطوة 1: تثبيت الوظيفة الإضافية Shopready لـ elementor

قبل تثبيت هذا المكون الإضافي ، تأكد من أن WordPress الخاص بك يحتوي على مُنشئ صفحات Elementor. هذا لأن Shopready لا يمكن أن يعمل بمفرده. ثم ، في لوحة معلومات WordPress الخاصة بك ، انقر فوق المكونات الإضافية وحدد إضافة جديد. بعد ذلك ، ابحث عن Shopready في مربع البحث وانقر فوق الزر Activate.

الخطوة 2: قم بتخصيص محتوى صفحة الدفع الخاصة بك على Shopready

في لوحة معلومات WordPress الخاصة بك ، اختر فتح Shopready. سيتم توجيهك إلى لوحة تحكم Shopready. تحت لوحة المعلومات ، توجد خيارات Widgets و Modules و Templates لمساعدتك على تخصيص صفحتك. يمكنك اختيار أي خيار لتحرير المحتوى وتخصيصه .

الخطوة 3: تمكين الحاجيات

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

الخطوة 4: تفعيل الوحدات

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

الخطوة 5: تفعيل القوالب

ضمن هذا القسم ، ستجد خيارات مثل المتجر وصفحة الخروج وسلة التسوق وصفحة تفاصيل المنتج والمزيد. انقر فوق علامة التبويب Enable (تمكين) في خيارات القالب المفضلة لديك ، ثم انقر فوق Save (حفظ).

الخطوة 6: تفعيل واجهة برمجة تطبيقات العملة

انقر فوق علامة التبويب API وأدخل مفتاح API الخاص بعملتك في الحقل الفارغ المتاح. ثم حدد خيار حفظ التغييرات لإكمال العملية.

لماذا استخدم Shopready لتعديل صفحة الخروج من WooCommerce

ShopReady هو مجرد وظيفة إضافية لـ Elementor. تم تطوير هذا البرنامج المساعد بواسطة QuomodoSoft ، ويوفر العديد من الفوائد عند استخدامه لتحرير صفحة الخروج المخصصة لـ WooCommerce. وتشمل هذه:

مجموعة واسعة من الحاجيات

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

قوالب مسبقة الصنع

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

ميزات موجهة للعملاء

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

متوافق مع الجوال

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

استنتاج

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

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

كيفية إضافة قائمة الرغبات في WooCommerce W / O Plugin