كيفية إنشاء صفحة الخروج WooCommerce شبيهة بـ Shopify في 4 خطوات سهلة

في واقع الأمر ، تبدو صفحة الخروج الافتراضية لـ WooCommerce باهتة وتفتقر إلى العناصر المُحسَّنة للتحويل.

ظهرت كمنافس هائل لـ WooCommerce ، Shopify يفوز على WooCommerce بصفحة الخروج الشهيرة. إنه أمر بديهي وممتع للنظر وسريع والأهم من ذلك أنه يتحول بشكل جيد للغاية.

إذا كنت تبحث عن طريقة سهلة لتخصيص صفحة الخروج من WooCommerce لتلبي نمط Shopify ، فأنت في الصفحة الصحيحة!

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

لكن أولاً ، دعنا نكسر التشريح Shopify صفحة الخروج لفهم سبب سهولة التحويل.

• ما الذي يجعل Shopify صفحة الخروج سهلة التحويل
• Shopify مقابل صفحات الخروج من WooCommerce
• كيفية إنشاء Shopify مثل صفحة الخروج WooCommerce
• بديل WC

ما الذي يجعل Shopify صفحة الخروج سهلة التحويل

تتفوق صفحة الخروج Shopify على حلول التجارة الإلكترونية الأخرى عندما يتعلق الأمر بتجربة الخروج من التجارة الإلكترونية. وجد استطلاع Littledata الأخير أن متوسط ​​معدل التحويل لـ Shopify كان 2.1٪ ، بينما ينخفض ​​هذا الرقم إلى 0.7٪ فقط مع WooCommerce.

إذن ما الذي يجعل Shopify صفحة الخروج سهلة التحويل؟ لقد قمنا بتحليل وتقديم 9 نقاط رئيسية أدناه.

# 1. تصميم بديهي بدون أي مصادر إلهاء

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

# 2. التنقل في فتات الخبز

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

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

# 3. تعيين إدخال البريد الإلكتروني كأعلى

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

# 4. جوجل عنوان الإكمال التلقائي

يمكن لميزة الإكمال التلقائي لعنوان Google ، وفقًا لفريق مطوري Shopify ، تقليل الاحتكاك عند الخروج وزيادة المبيعات لأصحاب المتاجر.

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

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

# 5. خيارات متعددة للدفع السريع

يسمح لك Express checkout بتسجيل المغادرة بأسرع ما يمكن.

عادة ، يتعين على العملاء ملء متوسط ​​10 حقول قبل تقديم الطلب. ويمكنك أن تتخيل مدى انزعاج هذه الطقوس واستهلاكها للوقت.

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

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

لحسن الحظ ، Shopify يعطي الضوء الأخضر لهذه الخيارات على صفحة الخروج الخاصة بك.

# 6. زر CTA مع تعليمات واضحة

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

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

# 7. شفافية التكلفة في إجمالي الطلب

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

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

# 8. معاينة البيانات

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

# 9. تحسين الهاتف المحمول

Shopify هو بالفعل حل للتجارة الإلكترونية ناتج عن الطبيعة لتحسين الأجهزة المحمولة. هل تعلم أنه بغض النظر عن عدد السمات التي تمتلكها Shopify ، فجميعها تشترك في تشابه على الهاتف المحمول وتركز على التحويل؟

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

Shopify vs WooCommerce صفحة الخروج

لإعطائك صورة واضحة لصفحة الخروج Shopify vs WooCommerce ، دعنا نضع صفحة الخروج الافتراضية لعمالقة التجارة الإلكترونية هذين بجانب بعضهما البعض.

إذن ما النموذج الذي ترغب في ملؤه؟ Shopify أو صفحة الخروج WooCommerce؟ لا يتركنا مفتوحين إذا كانت عيناك تنجذب إلى Shopify واحد.

قد يتفوق Purple Ninja على Green Bag بكل الطرق ، لكنه قد يتخلف عن منافسه من حيث تدفق الخروج والتصميم.

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

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

وفي حالة رغبتك في تعديل الصفحة ، فلن يكون لديك خيار آخر سوى اللعب بمجموعة من التعليمات البرمجية المخصصة.

بالإضافة إلى ذلك ، من المستحيل تحسين صفحة الخروج الافتراضية لـ WooCommerce على الهاتف المحمول. ناهيك عن التخطيط المطول ، فحتى موضوعات الخروج من WooCommerce ليست كلها مخصصة للجوّال.

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

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

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

كيفية إنشاء Shopify مثل صفحة الخروج WooCommerce

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

يحتوي المكون الإضافي على الكثير من الميزات المتقدمة التي يمكنك أن تحلم بها ، مثل:

• سهولة الدفع السريع
• إنشاء الحساب / تسجيل الدخول مع البحث التلقائي والإنشاء البسيط
• عناوين الملء التلقائي والتكامل مع خرائط جوجل API
• التكامل المباشر مع مجموعة كبيرة من ملحقات WooCommerce الرئيسية.

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

بشكل عام ، تعالج CheckoutWC جميع السلبيات التي حددناها مع منصة WooCommerce.

يمكنك الاشتراك في الإصدار التجريبي المجاني من CheckoutWC لمدة 7 أيام للتعرف على كيفية عمله. تمر عملية إعداد صفحة الخروج WooCommerce على غرار Shopify من خلال 4 خطوات سهلة.

• الخطوة 1: التسجيل للحصول على نسخة تجريبية مجانية من CheckoutWC

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

• الخطوة 2: قم بتثبيت المكون الإضافي CheckoutWC

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

يمكنك تثبيت المكون الإضافي عن طريق فك ضغط الملف والتحميل عبر SFTP أو ببساطة انتقل إلى الإضافات> إضافة جديد في لوحة معلومات WordPress الخاصة بك.

عند التثبيت ، انقر فوق تنشيط.

• الخطوة 3: حدد النموذج الذي تريده

توجه إلى الإعدادات> Checkout for WooCommerce> القوالب . من بين مئات النسخ الكربونية لصفحة سحب Shopify ، اختر Copify .

• الخطوة 4: أضف شعارك واعرض صفحة الخروج الجديدة

قم بالتبديل إلى علامة التبويب "تصميم" القريبة ، وحدد الشعار> تحميل الصور . تذكر أن تحفظ التغييرات الخاصة بك.

الآن ، حان الوقت لمعاينة صفحة الخروج الجديدة الخاصة بك.

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

بديل WC

إذا كان سعر CheckoutWC يجعلك مترددًا ، فلنفكر في بديل رائع آخر لإنشاء صفحة الخروج من Shopify-styles WooCommerce - Aero Checkout.

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

بعض الميزات المدهشة لـ Aero Checkout هي:

• صفحات الخروج متعددة الخطوات
• تعديل عربة صغيرة
• معاينة الحقول
• عنوان جوجل الإكمال التلقائي
• الخروج من الهاتف المحمول الأمثل

اعتمادًا على حجم عملك ، يمكنك الاختيار بين خطتي Starter و Growth.

هل أنت جاهز لتحديث صفحة الخروج الافتراضية الخاصة بك في WooCommerce؟

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

تم توضيح هذه المقالة Shopify vs WooCommerce صفحة الخروج ، بالإضافة إلى طرق سهلة لبناء Shopify-style checkout لـ WooCommerce.

هل تريد زيادة معدل التحويل لديك وزيادة المبيعات وترك منافسيك في الغبار؟ ابدأ في تحديث صفحة الخروج الافتراضية لـ WooCommerce الآن!

هل أنت مهتم بمقارنة Shopify مقابل WooCommerce؟ تحقق من مراجعتنا Shopify vs WooCommerce SEO هنا!