كيفية جعل WooCommerce الخروج مثل Shopify

نشرت: 2023-02-15

هل تريد أن تجعل عملية الدفع الافتراضية لـ WooCommerce تبدو مثل صفحة الخروج من Shopify؟

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

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

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

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

1. قم بتثبيت وتنشيط سمة Botiga WooCommerce

Botiga هي سمة WooCommerce غنية بالمميزات تأتي في إصدار مجاني وإصدار Pro. إنه يوفر الكثير من التخطيطات والأنماط وخيارات التخصيص بحيث يمكنك تخصيص تجربة تسوق استثنائية لعملائك.

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

في صفحة مسؤول إضافة سمات ، سترى شريط بحث. أدخل "Botiga" ، وسيظهر الموضوع بين النتائج.

اضغط على زر التثبيت ، ثم قم بتنشيط السمة:

تثبيت سمة Botiga في WordPress

بدلاً من ذلك ، يمكنك تنزيل Botiga من موقعنا على الإنترنت.

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

انقر فوق الزر اختيار ملف لتحميل السمة ، واضغط على زر التثبيت الآن :

تحميل Botiga في WordPress

بمجرد اكتمال التثبيت ، تأكد من تنشيط السمة بالنقر فوق الارتباط تنشيط :

تفعيل موضوع Botiga

2. تثبيت وتفعيل Botiga Pro Plugin

Botiga Pro هو مكون إضافي لبرنامج WordPress يضيف الكثير من الميزات المتميزة إلى سمة Botiga المجانية.

ستحتاج إلى كل من السمة والمكوِّن الإضافي للوصول إلى تخطيط الخروج من Shopify.

تبدأ خطط الأسعار من 69 دولارًا سنويًا ، مما يتيح لك استخدام Botiga Pro على موقع WordPress واحد - شاهد جميع الخطط هنا.

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

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

قم بتحميل المكون الإضافي باستخدام خيار اختيار ملف ، ثم اضغط على زر التثبيت الآن :

تحميل المكون الإضافي Botiga Pro في WordPress

بمجرد انتهاء عملية التحميل ، انقر فوق الزر تنشيط المكون الإضافي :

تفعيل Botiga Pro

بعد ذلك ، ستحتاج إلى تنشيط مفتاح الترخيص الخاص بك.

انتقل إلى حساب Botiga الخاص بك ، وانسخ مفتاح الترخيص.

بعد ذلك ، افتح لوحة معلومات WordPress الخاصة بك ، وانتقل إلى Plugins> Botiga Pro License . أدخل مفتاح الترخيص ، واضغط على زر حفظ التغييرات :

دخول رخصة Botiga Pro

تم الآن تثبيت المكون الإضافي Botiga Pro وتنشيطه على موقع WordPress الخاص بك.

3. استيراد موقع Starter (اختياري)

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

حاليًا ، تقدم Botiga ستة مواقع للمبتدئين للاختيار من بينها: الجمال ، والملابس ، والأثاث ، والمجوهرات ، والمنتج الفردي ، والبائعين المتعددين.

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

لاستيراد موقع بدء التشغيل ، انقر فوق قائمة Appearance> Starter Sites . انقر فوق الزر Preview Demo لمعاينة التصميم ، واضغط على الزر Import إذا كنت ترغب في تثبيته على موقع الويب الخاص بك:

استيراد موقع Botiga Starter

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

حدد زر الاستيراد وانتظر حتى تنتهي العملية:

استيراد موقع Botiga للمبتدئين مع المكونات الإضافية والمحتوى

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

4. افتح أداة التخصيص

لفتح Customizer ، انقر فوق Appearance> Customize menu في لوحة معلومات WordPress الخاصة بك:

الوصول إلى واجهة المُخصص

سيتم نقلك إلى الصفحة الرئيسية لموقع الويب الخاص بك ، وسيتم عرض واجهة Customizer على الجانب الأيسر من الشاشة:

مُخصص وورد

تحتوي قائمة Customizer على خيار يقوم بتحويل تخطيط صفحة الخروج WooCommerce الخاصة بك إلى صفحة تشبه Shopify صفحة الخروج.

5. اختر تصميم تخطيط لصفحة الخروج الخاصة بك

في Customizer ، انتقل إلى WooCommerce> Checkout . هنا ، سترى خمسة خيارات تخطيط لصفحة الخروج:

خيارات تخطيط الصفحة الخروج

يحتوي Botiga على تخطيطين لصفحة الخروج يوفران تجربة مستخدم مماثلة لـ Shopify:

  • التخطيط 4 - Shopify الخروج متعدد الخطوات ، والذي يتيح للعملاء إدخال معلوماتهم خطوة بخطوة.
  • التخطيط 5 - Shopify الخروج بخطوة واحدة ، والذي يتضمن جميع المعلومات في صفحة واحدة.

لمعرفة كيفية مقارنتها بـ Shopify ، إليك لقطة شاشة لصفحة الخروج في Shopify:

Shopify صفحة الخروج

هذا ما تبدو عليه الصفحة الأولى من تخطيط Shopify متعدد الخطوات من Botiga (التخطيط 4) :

Shopify تخطيط الخروج مثل في botiga

وإليك Layout 5 ، صفحة الخروج من Botiga التي تشبه Shopify بخطوة واحدة:

botiga shopify مثل الخروج

اختر التخطيط الذي يناسب احتياجاتك ، ثم اضغط على زر النشر أعلى واجهة Customizer لتنفيذ التغييرات.

خيارات Botiga Customizer ، زر النشر

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

6. تمكين أو تعطيل الميزات الاختيارية على صفحة الخروج الخاصة بك

هناك نوعان من الميزات التي يمكنك تمكينها أو تعطيلها في صفحة الخروج ؛ يمكنك العثور عليها مباشرة أسفل تخطيطات الخروج في أداة التخصيص.

يمكنك تشغيل أو إيقاف تشغيل الخيارات الثلاثة التالية:

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

يمكنك أيضًا تعيين حقول النموذج الثلاثة التالية على مطلوبة أو اختيارية أو مخفية :

  • اسم الشركة
  • سطر العنوان 2
  • هاتف
تخصيص صفحة الخروج الخاصة بموضوع Botiga

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

  • سياسة الخصوصية
  • الأحكام والشروط

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

إضافة سياسة الخصوصية والشروط والأحكام إلى صفحة الخروج

خاتمة

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

على سبيل المثال ، يمكنك استخدام Botiga لجعل صفحة الخروج من WooCommerce الافتراضية تشبه تجربة Shopify السداد النظيفة والبسيطة.

Botiga هي سمة WooCommerce قوية مصممة لبناء متاجر عبر الإنترنت عالية التحويل. على الرغم من أن السمة مجانية ، لتمكين الوظائف المتقدمة ، ستحتاج إلى إقرانها مع المكون الإضافي Botiga Pro الإضافي.

لاستخدام تخطيطات صفحة الخروج التي تشبه Shopify من Botiga ، ستحتاج إلى كل من السمة والمكوِّن الإضافي.

قم بتثبيتها على موقع الويب الخاص بك ، واستورد موقع بدء التشغيل ، وقم بتمكين تخطيط الخروج من Customizer.

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