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

إذا كنت ترغب في تخصيص صفحة الخروج في متجر WooCommerce الخاص بك ، فعليك اتباع الخطوات التالية: 1. قم بتسجيل الدخول إلى موقع WordPress الخاص بك. 2. انتقل إلى الإضافات> إضافة جديد. 3. ابحث عن حقول الخروج المخصصة لـ WooCommerce . 4. تثبيت وتنشيط البرنامج المساعد. 5. اذهب إلى WooCommerce> Checkout Fields. 6. يمكنك هنا إضافة الحقول أو تعديلها أو حذفها. 7. بمجرد الانتهاء ، انقر فوق الزر حفظ التغييرات. هذا هو. لقد نجحت في تخصيص صفحة الخروج في متجر WooCommerce الخاص بك.

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

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

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

توجد هذه القوالب وأقسام الخروج في مجلد البرنامج المساعد WooCommerce. يمكن العثور على مجلد Woocommerce / قوالب / checkout في مجلد السمة ، ويمكنك نسخ القوالب التي تريد استخدامها.

هل يمكننا تخصيص صفحة الخروج من Woocommerce؟

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

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

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

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

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

تحرير Woocommerce Checkout Page Php

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

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

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

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

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

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

في مستودع WordPress ، يوجد أكثر من 10000 تثبيت للمكوِّن الإضافي يتم تحديثها باستمرار. يتيح لك المكون الإضافي WooCommerce Menu Cart إضافة زر عربة التسوق إلى شريط التنقل في موقع الويب المستند إلى WooCommerce. يسمح عامل تصفية منتج YITH WooCommerce Ajax للمستخدمين بتحديد مصطلحات البحث عن المنتج التي يريدون استخدامها. سيتمكن المستخدمون من تحسين عمليات البحث الخاصة بهم والعثور على ما يبحثون عنه بشكل أسرع ، مما يؤدي إلى زيادة المبيعات.

تخصيص Woocommerce Checkout Page Plugin

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

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

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

كيف يمكنني تخصيص البرنامج المساعد Woocommerce؟

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

قالب صفحة الخروج من Woocommerce

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

يمكن عرض منتج واحد في WooCommerce One Page Checkout مع اختيار المنتج ونموذج الخروج. بمجرد أن يقدم العميل طلبًا ، يمكنه إما إضافة المنتجات أو إزالتها وإكمال الدفع دون مغادرة الصفحة. بالإضافة إلى ذلك ، يمكنك إضافة الرمز المختصر [woocommerce_one_page_checkout] إلى أي صفحة أو منشور أو نوع منشور مخصص. إذا كنت ترغب في عرض المنتجات في فئات معينة ، فاستخدم السمة category_ids. ستستمر المنتجات الأخرى في الظهور ، إذا كان واحد أو أكثر من معرّفات المنتج المحددة في السمة غير صالحة. قد لا ترغب في إظهار أي منتجات إذا كنت تستخدم زر إضافة إلى عربة التسوق خارج One Page Checkout. يعرض قالب قائمة المنتجات قائمة بالمنتجات مع زر اختيار يسمح للمستخدمين بتحديد خيار من قائمة المنتجات.

يمكن استخدام صورة المنتج كنقطة مرجعية جيدة عند اختيار قناع ، على سبيل المثال ، وهذا القالب مثالي لعرض العناصر التي ستساعدك في اتخاذ قرارك. قالب منتج واحد قادر على عرض منتجين أو أكثر على الرغم من اسمه. يعرض جدول التسعير المضمن المنتجات في عمودين إلى خمسة أعمدة ، مع عرض عنوان المنتج والسعر وكمية الطلب في الأعلى. إذا تم شحن المنتجات بنفس الوزن أو الأبعاد ، فسيتم عرضها أعلى الجدول. سيتم عرض سمات التصنيف وسمات المنتج المخصصة في جدول الأسعار بالإضافة إلى سمات التصنيف. سيكون من الضروري إنشاء جدول تسعير WooCommerce باتباع تعليمات Patrick Rauland. يجب أن يتضمن عنوان URL الخاص بكل زر المعلومات التالية: * معرّف المنتج * add-to-cart = * معرّف المنتج يحدد قالب اختيار منتج جدول التسعير السهل أنه يجب تعيين معلمة الرمز المختصر للنموذج "easy_pricing_table".

يحتوي المتغير $ products على جميع العناصر التي تمثل كائن المنتج ، بالإضافة إلى متغير المنتج $. يتضمن One Page Checkout زرًا وزر اختيار وزر اختيار وزر رقم بالإضافة إلى زر وزر اختيار وزر خانة اختيار وزر رقم. لكي تتمكن من إنشاء حقل مخصص لاختيار المنتج ، يجب عليك تضمين سمة data-add_to_cart في القالب الخاص بك. يتم عرض حقول اختيار المنتج في قسم WooCommerce One Page Checkout مع قالب مخصص. إذا كان لديك عدد كبير من الطلبات ، فسوف تعطي الأولوية لإضافة الدعم. لا يمكن تعطيل التمرير التلقائي (إعادة التركيز) الذي يحدث عند إضافة منتج إلى عربة التسوق ، ولكن من الممكن القيام بذلك من قائمة الإعدادات. يسمح لك الرمز المختصر One Page Checkout بإضافة حقول السحب إلى أي صفحة أو النشر في أي صفحة أو منشور.

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

أضف الرمز المختصر إلى الصفحة التي تريد ربط المنتج فيها بسلة التسوق للقيام بذلك. يمكن للعملاء الخروج من الصفحات الأخرى باستخدام One Page Checkout ، لكن WooCommerce لا يزال يعرض معلومات الاستلام وتأكيد الطلب على صفحة الخروج الخاصة به. لا تزال جميع صفحات WooCommerce مطلوبة لتشغيل متجرك ، والذي يتضمن صفحات سلة التسوق والدفع. تأكد من عدم إخفاء ظهور منتجاتك في الكتالوج. يجب وضع محتوى الصفحة في قائمة الانتظار في مجموعة متنوعة من البرامج النصية والأنماط قبل وضعها في One Page Checkout. يمكن استخدام عناصر الإدخال اللاسلكي لتحديد أحد جدولي التسعير السهل اللذين يحتويان على الخيارات. يشير إلى أن العربة ممتلئة حاليًا قبل إضافة عناصر جديدة من Easy Pricing Table أو إدخال راديو. لإجراء هذا التغيير ، استخدم مكونًا إضافيًا مجانيًا يسمى WooCommerce One Page Checkout - Do Not Empty Cart.