كيفية تخصيص صفحة الدفع الخاصة بك على WooCommerce في عام 2025
نشرت: 2025-01-11يحب المتسوقون عملية الدفع السريعة والسلسة. ولكن إذا كان هناك أي إلهاء بسيط، فسوف يتخلون عن عرباتهم دون تفكير ثانٍ. هذه هي السرعة التي تخسر بها عملية البيع.
باستخدام صفحة الدفع الافتراضية في WooCommerce، ربما تفقد عملاء ثمينين بالفعل. يمكن أن يؤدي تخصيصها إلى توفير تجربة متسقة للعلامة التجارية، وإزالة الانحرافات، وتبسيط عملية إتمام عمليات الشراء لعملائك. هذه هي الطريقة التي يمكنك من خلالها تحسين متوسط قيمة الطلب وزيادة المبيعات.
استمر في قراءة هذا المنشور حيث نوضح لك كيفية تخصيص صفحة الخروج من WooCommerce بسهولة قدر الإمكان وإرشادك خلال تحسينها لتحسين معدلات التحويل.
- 1 لماذا تخصيص صفحة الدفع WooCommerce
- طريقتان لتخصيص صفحة الدفع في WooCommerce
- 2.1 1. استخدام محرر الموقع وكتل WooCommerce
- 2.2 2. استخدام WooCommerce Builder مثل Divi
- 3 لماذا يعد Divi مثاليًا لتخصيص صفحات الدفع في WooCommerce
- 3.1 1. مواقع Divi السريعة لإنشاء موقع WooCommerce (مع قالب الخروج)
- 3.2 2. تخطيطات موقع WooCommerce مصممة بشكل احترافي
- 3.3 3. وحدات الدفع الأصلية لـ WooCommerce الخاصة بـ Divi
- 3.4 4. أداة Divi Theme Builder لمواقع WooCommerce بسرعة
- 3.5 5. أدوات تسويق مدمجة لتحسين صفحات الدفع
- 4 كيفية تخصيص صفحة الدفع الخاصة بك على WooCommerce (خطوة بخطوة)
- 4.1 1. قم بإنشاء قالب صفحة الدفع
- 4.2 2. قم بتخصيص قالب صفحة الدفع الخاصة بك
- 4.3 3. قم بحفظ ومعاينة قالب الدفع الخاص بك
- 5 طرق إضافية لتحسين قوالب الدفع في WooCommerce
- 6 الأدوات اللازمة لبناء قوالب الدفع WooCommerce
- 7 Divi + WooCommerce هو الحل النهائي للتجارة الإلكترونية
- 8 أسئلة شائعة حول تخصيص صفحات الدفع في WooCommerce
لماذا تخصيص صفحة الدفع WooCommerce
لن تكسب إيرادات إلا عند قيامهم بالدفع، لذلك يجب تحسين عملية الدفع الخاصة بك بعناية. باستخدام WooCommerce، تحصل بالفعل على صفحة دفع مصممة مسبقًا بالإضافة إلى صفحات أخرى، ولكنها بسيطة وطويلة بشكل غير ضروري، مما يخاطر بمغادرة عملائك دون تنفيذ أي إجراء مرغوب فيه.
ومع ذلك، إذا تم تخصيص الخروج الخاص بك، فإنه يساعدك على:
- زيادة متوسط قيمة الطلب (AOV): يمكنك تبسيط عملية الدفع لعملائك عن طريق إزالة الخطوات غير الضرورية، وتمكين عمليات الدفع من صفحة واحدة، والملء التلقائي للتفاصيل الأساسية. يؤدي هذا إلى تسريع عملية إتمام الدفع ويجعل العملاء يرغبون في الطلب في كثير من الأحيان.
- تحسين تجربة المستخدم: يمكنك تحسين عملية الدفع بناءً على نوع المنتج. بالنسبة لمنتج واحد، يمكنك السماح لهم بالخروج كضيف. بالنسبة لاشتراكات SaaS الشهرية، فإنك تسمح لهم بتسجيل الدخول باستخدام تفاصيل حساب Google الخاص بهم. بالنسبة للتأجير أو الحجوزات الأخرى عبر الإنترنت التي تتطلب عملية طويلة (لكنها ضرورية)، يمكنك تمكين عملية دفع متعددة الخطوات لتقسيمها.
- الحفاظ على اتساق العلامة التجارية: لا يزال إتمام الشراء جزءًا من عملك، لذا فإن تخصيصه لإضافة علامتك التجارية وإزالة العناصر المشتتة للانتباه مثل التذييل والرأس يعد طريقة رائعة لضمان إكمال عملائك لمشترياتهم.
طرق لتخصيص صفحة الخروج من WooCommerce
اعتمادًا على مقدار التخصيص الذي تريد تخصيصه، يمكنك استخدام محرر موقع WordPress أو منشئ WooCommerce لتعديل صفحة الدفع الخاصة بك. على سبيل المثال، باستخدام WooCommerce Blocks، يمكنك إجراء تغييرات طفيفة في العلامة التجارية، مثل الألوان والخطوط والحجم. ولكن باستخدام منشئ WooCommerce مثل Divi، يمكنك تعديل كل بوصة من صفحة الدفع الخاصة بك.
سأوضح لك كيفية القيام بذلك في كلا الاتجاهين.
1. استخدام محرر الموقع وكتل WooCommerce
لاحظ أنه لا يمكنك الوصول إلى محرر موقع WordPress إلا إذا كان لديك قالب Block مثبتًا، مما يعني أنه لن يعمل إذا كنت تستخدم قالبًا كلاسيكيًا أو قالبًا تابعًا لجهة خارجية. على سبيل المثال، نحن نستخدم موضوع Twenty-Twenty-Four.
انتقل إلى المظهر > المحرر > الصفحات > الخروج > تحرير للوصول إلى محرر الموقع. (إذا كنت تستخدم قالبًا كلاسيكيًا، فيمكنك تعديل صفحة الدفع بالانتقال إلى لوحة تحكم WordPress > الصفحات > الدفع > تحرير. )
سترى الرمز القصير الافتراضي للدفع في WooCommerce. احذفه لأنه لا يمكنك تخصيصه على الإطلاق.
أضف كتلة Checkout WooCommerce بالنقر فوق أيقونة علامة الجمع.
قم بإزالة بعض عناصر الكتلة، مثل ملاحظات الطلب، والشروط والأحكام، وأرقام الهواتف، وعناوين الأقسام، وروابط العودة إلى سلة التسوق، وما إلى ذلك. لحذف عنصر، انقر فوق النقاط الثلاث (الإعدادات) ثم "حذف".
راجع القالب وحدد العناصر التي تريد إزالتها. ومع ذلك، لا تبالغ في ذلك، لأن إزالة الخطوات المهمة قد تمنعك من الحصول على المعلومات الضرورية لعملائك. على سبيل المثال، يمكنك إزالة سطر العنوان 2، حيث يتركه العملاء في الغالب فارغًا، ولكن ليس عمود رقم الهاتف إذا كنت تخطط لإرسال رسائل تسويقية عبر الرسائل القصيرة أو واتساب.
نظرًا لأن Checkout الخاص بـ WooCommerce عبارة عن كتلة رئيسية تم إنشاؤها من خلال دمج العديد من الكتل الفرعية، فلا يمكنك تعديل إعدادات النمط مباشرة مثل الخط واللون. نظرًا لأن الكتل الرئيسية تتكيف مع الأنماط من الإعدادات العامة للموضوع، فإن WordPress Gutenberg محدود في التخصيص. لا يمكنك تخصيص الكثير إلا إذا قمت ببرمجة أو شراء ملحقات، مما يؤدي في النهاية إلى إنفاق المزيد من المال.
2. استخدام WooCommerce Builder مثل Divi
إذا كنت ترغب في التحكم الكامل في تصميم متجرك عبر الإنترنت وتوفير المال، فإن تخصيص عملية الدفع (والصفحات الأخرى) باستخدام منشئ WooCommerce مثل Divi هو ما تحتاجه. إنه يبسط التخصيص، ويوفر مرونة غير محدودة، ويتيح لك تعديل كل ركن من أركان متجرك عبر الإنترنت، بما في ذلك صفحة الخروج.
يعد Divi مثاليًا لتخصيص صفحات الدفع WooCommerce (وإنشاء مواقع التجارة الإلكترونية) بسبب عدم وجود تعليمات برمجية، ومنشئ السحب والإفلات لسهولة الاستخدام للمبتدئين، وعناصر الدفع الديناميكية WooCommerce للوظائف، وتخطيطات مواقع الويب والخروج المذهلة المعدة مسبقًا ، مما يجعل التصميم سهلاً. يقترن Divi بشكل مثالي مع WooCommerce، وذلك بفضل أدواته التسويقية مثل Divi Leads، والتي تتيح لك إجراء اختبارات وشروط مقسمة تساعدك على تحسين رحلات المستخدم المختلفة.
يمكنك أيضًا الحصول على أدوات فريدة مثل Divi Quick Sites لتصميم صفحة الخروج أو متجر عبر الإنترنت أو موقع ويب في دقيقتين وDivi AI لإنشاء تخطيطات للصفحة ونسخة محسنة تتوافق مع نمط علامتك التجارية وصور جميلة في دقائق. يحتوي Divi على كل ما تحتاجه لتشغيل متجرك عبر الإنترنت وتنميته دون الاستثمار في ملحقات الطرف الثالث لإضافة وظائف.
ابدأ مع ديفي
لماذا يعد Divi مثاليًا لتخصيص صفحات الدفع في WooCommerce
يعد Divi، بالاقتران مع WooCommerce، حلاً مثاليًا للتجارة الإلكترونية يساعدك على تصميم المتاجر ذات العلامات التجارية عبر الإنترنت وصفحات الدفع دون عناء. إنه يكمل WooCommerce بسبب هذه الميزات القوية:
1. مواقع Divi السريعة لإنشاء موقع WooCommerce (مع قالب الدفع)
تعد Divi Quick Sites بمثابة المنقذ لأصحاب المواقع الذين لا يحبون تصميم مواقعهم من الصفر. لن تتمكن حتى من لمس سطر من التعليمات البرمجية أو تحريك المؤشر. ستقوم Divi Quick Sites بإنشاء متجر إلكتروني خاص بك في أقل من دقيقتين. كل ما عليك فعله هو تشغيل زر التسوق أثناء ملء تفاصيل موقعك، وسيتم تثبيت WooCommerce وتنشيطه تلقائيًا. كما يقوم أيضًا بإنشاء قوالب صفحات WooCommerce ذات العلامات التجارية مثل المنتج وعربة التسوق والخروج .
انتقل إلى Divi > إنشاء موقع جديد > اختر قالبًا معدًا مسبقًا.
موقعك جاهز! انتقل إلى Divi > Theme Builder > Checkout للوصول إلى قالب صفحة Checkout الخاص بك. انقر على أيقونة القلم الرصاص بجوار النص المخصص لتحريره.
2. تخطيطات موقع WooCommerce المصممة بشكل احترافي
إذا كنت تكره التحديق في الشاشة الفارغة مثلي، فإن Divi ستوفر لك كل ما تحتاجه. مع أكثر من 2000+ من تخطيطات Divi، يمكنك استيراد حزم تخطيط مواقع الويب المصممة بشكل احترافي لمواقع التجارة الإلكترونية في أي صناعة. بمجرد استيراد واحدة، يمكن تخصيصها باستخدام وحدات Divi builder وWooCommerce، مما يجعل تصميم قالب الدفع ذو العلامة التجارية أمرًا سهلاً.
دعونا لا ننسى قوالب الدفع المجانية التي أصدرناها لتبسيط الأمر بشكل أكبر. قم باستيراد القالب، وضبط العلامة التجارية، وبذلك يتم الأمر! قام خبراء Divi (الذين يعرفون خصوصيات وعموميات تصميم الويب وتحسين تجربة المستخدم) بإنشاء هذه القوالب، بحيث يتم تحسين كل تصميم للتحويل لتحصل على المزيد من المبيعات.
3. وحدات الدفع الأصلية لـ WooCommerce من Divi
يحتوي Divi على أكثر من 200 وحدة أصلية وأكثر من 30 وحدة WooCommerce، بما في ذلك وحدات الدفع، حتى تتمكن من تجنب بنائها من الصفر. تتضمن وحدات Divi's Checkout فقط الحقول الضرورية لإبقائها سريعة وقصيرة لعملائك.
على عكس كتلة Checkout الخاصة بـ WooCommerce في محرر الموقع، والتي كانت عبارة عن كتلة رئيسية واحدة تحتوي على العديد من الكتل الفرعية التي لا يمكن تحريرها بشكل منفصل، فإن وحدات Divi منفصلة، لذلك عليك أن تقرر العناصر التي تريد تضمينها. على سبيل المثال، قم بإضافة معلومات Woo Checkout فقط إذا كنت تبيع منتجات مخصصة وتحتاج إلى مدخلات العملاء.
4. أداة Divi Theme Builder لمواقع WooCommerce بسرعة
يتيح لك Divi Theme Builder تصميم وتخصيص موقع الويب الخاص بك بالكامل وصفحات WooCommerce على مستوى الموقع باستخدام أداة Divi للسحب والإفلات. على سبيل المثال، يمكنك إنشاء قالب صفحة Checkout واحد (والذي يعتمد إلى حد كبير على عربات العملاء)، ويساعدك Divi Theme Builder، جنبًا إلى جنب مع قدرة المحتوى الديناميكي لـ Divi، على منح عملائك تجربة علامة تجارية متسقة دون بذل جهد يدوي من جانبك.
عندما تقوم بإجراء تغييرات في قالب، يتم تحديثها في كل مكان. يعد هذا أمرًا رائعًا للمتاجر التي تحتوي على منتجات متعددة، حيث يمكنك فقط تخصيص قالب المنتج لتعديل جميع صفحات المنتج. وبالمثل، يمكنك إنشاء قوالب وتخصيصها لصفحات WooCommerce الأخرى، مثل سلة التسوق وحتى الصفحات المقصودة الخاصة بالمنتج.
5. أدوات تسويق مدمجة لتحسين صفحات الدفع
تمتلك Divi أدوات تسويقية قوية كميزات مدمجة لمساعدتك على تحسين صفحات الدفع الخاصة بك للحصول على معدلات تحويل أفضل. على سبيل المثال، يتيح لك Divi Leads إجراء اختبارات مقسمة واختيار فائز بين عنصرين. يمكنك اختبار صفحات الدفع بالكامل، أو العناوين، أو نسخ الوصف، أو عبارات الحث على اتخاذ إجراء، أو المكونات الأخرى.
لنفترض أنك غير متأكد من إخفاء رأس الموقع عند الخروج أم لا. يمكنك بسهولة إنشاء اختبار مقسم واختيار فائز بناءً على معدل تحويل مرتفع بين الاثنين.
وبالمثل، تتيح لك الشروط إنشاء تجارب شراء مخصصة. على سبيل المثال، يمكنك إظهار رسائل ديناميكية للمستخدمين، مثل "مرحبًا بعودتك!" للعملاء الذين قاموا بتسجيل الدخول أو "خصومات حصرية للأعضاء! قم بإنشاء حسابك الآن! للزوار لأول مرة. يتضمن Divi أيضًا مكونات إضافية متميزة مثل Bloom لإنشاء خيارات بريد إلكتروني عالية التحويل وMonarch للتسويق وجذب المزيد من الزيارات.
احصل على Divi + WooCommerce
كيفية تخصيص صفحة الدفع الخاصة بك على WooCommerce (خطوة بخطوة)
يركز هذا البرنامج التعليمي على تخصيص صفحة الخروج من WooCommerce. للحصول على عملية خطوة بخطوة لبدء متجر عبر الإنترنت، اقرأ دليلنا حول إعداد متجر للتجارة الإلكترونية.
أنت بحاجة إلى تثبيت سمة Divi وتنشيطها في متجرك عبر الإنترنت لمتابعة هذا البرنامج التعليمي.
تبلغ تكلفة عضوية Divi السنوية 89 دولارًا، ولكن يمكنك الحصول عليها مدى الحياة بدفعة لمرة واحدة قدرها 249 دولارًا. بمجرد شراء Divi، قم بتسجيل الدخول باستخدام بيانات اعتماد Elegant Themes الخاصة بك وقم بتنزيل ملف Divi.zip. قم بتحميل المجلد المضغوط إلى مظهر WordPress > السمات > إضافة علامة تبويب جديدة . وأخيرًا، قم بتنشيط ترخيص Divi الخاص بك.
فيما يلي برنامج تعليمي خطوة بخطوة حول تثبيت Divi وتنشيطه:
احصل على Divi + WooCommerce
1. قم بإنشاء قالب صفحة الخروج
انتقل إلى Divi > Theme Builder > إضافة قالب جديد للإنشاء من البداية.
اختر Checkout من صفحات WooCommerce كمصدر.
النافذة التالية هي أداة إنشاء Divi بالسحب والإفلات لتصميم قالب الدفع الخاص بك. قم بالتمرير فوقه وانقر فوق أيقونة علامة الجمع لإضافة صف وإنشاء قالب صفحة الدفع باستخدام Divi Theme Builder.
إذا كنت لا ترغب في إنشاء واحد، فاستورد قالبًا مصممًا مسبقًا أو اطلب من Divi AI إنشاء واحد باستخدام Build with AI.
تذكر أنه ليس عليك البناء من الصفر إذا كنت لا تعرف من أين تبدأ. يمكنك دائمًا إنشاء قالب الخروج ذو العلامة التجارية باستخدام Divi Quick Sites.
2. قم بتخصيص قالب صفحة الدفع الخاصة بك
سأستخدم نموذج الخروج من Divi Quick Sites الذي أنشأناه أعلاه لإظهار عملية التخصيص لك. وهنا كيف يبدو:
كما ترون، يتضمن القالب الذي تم إنشاؤه بواسطة Divi Quick Sites بالفعل وحدات الدفع WooCommerce الضرورية، لذلك لن يتعين عليك القيام بالكثير بخلاف إضافة طرق الدفع الخاصة بك ( WooCommerce > الإعدادات > المدفوعات ) لجعله فعالاً قبل النشر.
نصيحة احترافية: قم بتثبيت ملحق WooPayments للسماح للعملاء باستخدام طرق الدفع المحلية المفضلة لديهم، مثل Paytm في الهند وPix في البرازيل. كما أنها توفر العديد من المزايا، مثل الودائع المصرفية التلقائية والدعم متعدد العملات. تؤدي إضافة طرق دفع متعددة إلى زيادة فرص إتمام عملائك لعملية الدفع.
استخدم وحدات الدفع WooCommerce الخاصة بـ Divi
دعنا نراجع وحدات الدفع الخاصة بـ Divi's WooCommerce التي يمكنك الوصول إليها. على عكس كتل WooCommerce من WordPress Gutenberg، تم تحسين وحدات WooCommerce الخاصة بـ Divi من أجل السرعة. على سبيل المثال، تتضمن وحدة Woo Checkout Bill فقط الحقول الضرورية، مع تسميات الحقول والعناوين (الاختيارية) إذا لم تكن ضرورية.
بخلاف ذلك، بدلاً من كتلة رئيسية واحدة، تكون وحدات الدفع Divi منفصلة، لذلك عليك أن تقرر ما إذا كنت تريد إضافة عنوان شحن مختلف باستخدام Woo Checkout Shipping أو إضافة ملاحظات الطلب باستخدام Woo Checkout Information .
يمكنك تخصيص نمط الوحدة بسهولة من خلال النقر على أيقونة الترس (الإعدادات) والانتقال إلى التصميم من المحتوى . يمكنك تغيير الألوان والخطوط والأزرار والإعدادات الأخرى بسرعة.
أفضل جزء في استخدام Divi هو أكثر من 200 وحدة محتوى أصلية لتحسين صفحة الدفع الخاصة بك لمزيد من التحويلات. في الأقسام التالية، سنستخدم إعدادات ووحدات Divi مختلفة لتحسين قالب الدفع هذا.
أضف شهادة لبناء المصداقية
يعد عرض الدليل الاجتماعي على صفحة الدفع الخاصة بك طريقة رائعة لمساعدة المشترين في التغلب على شكوك اللحظة الأخيرة وإكمال مشترياتهم. باستخدام وحدة الشهادات الأصلية الخاصة بـ Divi، يمكنك إضافة شهادة عميل دائمة لبناء المصداقية. انتقل إلى إعداداته لجعله مميزًا عن طريق إضافة لون الخلفية أو الحدود أو تغيير الخط والألوان وما إلى ذلك.
نظرًا لأنها ليست ديناميكية، ستظهر الشهادة بنفس الطريقة لجميع العملاء، لذا تأكد من اختيار شهادة خاصة بالعلامة التجارية بدلاً من شهادة خاصة بالمنتج - وهو ما يصور العلامة التجارية على أنها جديرة بالثقة ويمكن الاعتماد عليها.
إنشاء قسم الضمان
يمكنك أيضًا إنشاء قسم ضمان في صفحة الدفع الخاصة بك لتذكير عملائك بأسباب ثقتهم في التسوق باستخدام علامتك التجارية. على سبيل المثال، هنا في Elegant Themes، نقدم ضمان استعادة الأموال لمدة 30 يومًا مع سياسة عدم طرح الأسئلة . وذلك لأننا نؤمن أنه بمجرد أن يعتاد عملاؤنا على Divi، فسوف يحبونه على الفور وينسون استرداد الأموال.
يمكنك أيضًا عرض شيء بسيط، مثل قيم شركتك وعدد العملاء وما إلى ذلك، لتسليط الضوء على قوة علامتك التجارية.
لإنشاء قسم مثل هذا، استخدم وحدات العنوان والأيقونة والنص الأصلية في Divi. اتبع هذا البرنامج التعليمي لاستخدام Divi Builder والوحدات النمطية لإضافة العناصر وتخصيصها.
أنشئ لافتة خصم في اللحظة الأخيرة باستخدام وظيفة المحتوى الديناميكي الخاصة بـ Divi
شيء رائع آخر في وحدات Divi هو أنها ديناميكية، مما يعني أنها تسحب البيانات من منتجات معينة تلقائيًا دون الحاجة إلى إدخالها يدويًا. على سبيل المثال، عندما يقوم عملاؤك بإعداد سلة التسوق واختيار المنتجات، يتم ملء المعلومات تلقائيًا في وحدة تفاصيل Woo Checkout الخاصة بـ Divi.
يمكنك أيضًا تعديل إعدادات المحتوى الديناميكي في عناصر معينة لتخصيص تجربة المستخدمين بشكل أكبر. على سبيل المثال، قم بإنشاء شعار خصم في اللحظة الأخيرة مع حد زمني لإثارة الحاجة الملحة وتشجيع المستخدمين على إكمال مشترياتهم. لهذا، استخدم وحدة مؤقت العد التنازلي . وإليك كيفية تخصيصه:
عرض خصومات خاصة للعملاء المسجلين باستخدام شروط Divi
تعد شروط Divi ميزة قوية أخرى لتحسين رحلات الشراء بناءً على العملاء المختلفين. على سبيل المثال، قم بإنشاء نافذة منبثقة لشعار الخصم بغرض الخروج لإعادة استهداف العملاء الذين لم يكملوا عملية الشراء بعد الانتقال إلى صفحة الدفع. أو قم بعرض رمز الخصم الخاص بالمستخدم فقط الذي قام بتسجيل الدخول أو عرض التوصيل المجاني للعملاء الذين قاموا بإنشاء حساب عميل.
أولاً، قم بإنشاء شعار صورة وأضفه باستخدام وحدة صورة Divi. ثم انتقل إلى الإعدادات > خيارات متقدمة > الشروط. الآن، اختر تسجيل الدخول لحالة المستخدم. فيما يلي كيفية عرض رمز الخصم للمستخدمين الذين قاموا بتسجيل الدخول.
قم بإزالة رأس الموقع وتذييله لتجنب التشتيت
تعد إزالة عوامل التشتيت من عملية الدفع أمرًا ضروريًا لضمان تركيز عملائك على إكمال عملية الشراء. يمكن أن تكون هذه العناصر المشتتة للانتباه عبارة عن أزرار أو روابط يمكن أن تبعد عملائك عن الدفع، وعادةً ما تكون موجودة في رأس وتذييل موقعك. لذا، قم بإخفائهم. ولكن كيف يمكنك التأكد من ظهورها على الصفحات الأخرى، باستثناء صفحة الدفع وعربة التسوق؟ يعد القيام بذلك باستخدام Divi أمرًا سهلاً للغاية، وذلك بفضل Divi Theme Builder.
أثناء إنشاء القوالب باستخدام Divi Theme Builder، يمكنك إنشاء وتعيين صفحات مستهدفة محددة ستستخدمها فيها. على سبيل المثال، قمنا بتعيين الدفع من صفحات WooCommerce إلى قالب الدفع الخاص بنا، وبالتالي فإن أي تغييرات ستؤثر على صفحات الدفع فقط.
لإخفاء الرأس والتذييل من قالب الدفع الخاص بك، انقر فوق أيقونة العين المجاورة لها ثم حفظ التغييرات . تمثل أيقونة العين إمكانية الرؤية، وبما أننا قمنا بإيقاف تشغيلها، فهذا يعني أنها غير مرئية.
إذا كنت لا تريد إخفاء رأس الصفحة وتذييلها بالكامل، فيمكنك إنشاء إصدارات أكثر بساطة لصفحة الدفع الخاصة بك. ما عليك سوى النقر لتحرير منطقة الرأس أو التذييل في قالب صفحة الدفع الخاصة بك واستخدام المنشئ لإجراء التعديلات.
اختياري: إضافة نموذج منبثق لخيار البريد الإلكتروني
يمكنك أيضًا استخدام البرنامج المساعد Divi's Bloom لإنشاء نافذة منبثقة للاشتراك في البريد الإلكتروني تحتوي على كوبونات خصم حصريًا لمشتركي البريد الإلكتروني. يحتوي Bloom على العديد من أنواع العرض المختلفة، بما في ذلك النوافذ المنبثقة الخاصة بالمشغلات. على سبيل المثال، يمكنك إظهار النافذة المنبثقة إذا كان المستخدم غير نشط على صفحة المنتج. أو قم بتشغيل نافذة منبثقة مخصصة على صفحة الشكر بعد إتمام عملية الشراء. سيكون هذا هو الوقت المناسب لتقديم خصم للانضمام إلى قائمة البريد الإلكتروني الخاصة بك حتى تتمكن من الحصول على المزيد من المبيعات.
احصل على Divi + WooCommerce
3. قم بحفظ ومعاينة قالب الدفع الخاص بك
بمجرد رضاك عن تصميمك، انقر فوق الزر "حفظ" الموجود أسفل يمين Divi Builder.
احصل على Divi + WooCommerce
المزيد من الطرق لتحسين قوالب الدفع في WooCommerce
بخلاف تخصيص عملية الدفع على WooCommerce باستخدام Divi، إليك بعض المكونات الإضافية الأساسية وملحقات WooCommerce التي ستساعدك على تحسين عملية الدفع بشكل أكبر:
- بلوم: لتقليل معدلات سلة التسوق المهجورة، قم بجمع عملاء محتملين عبر البريد الإلكتروني مباشرةً من صفحات الدفع الخاصة بك عن طريق تقديم خصومات أو تحديثات خاصة مقابل الاشتراك في البريد الإلكتروني.
- FunnelKit: قم بتحسين رحلة الشراء لعميلك من خلال إنشاء مسارات مبيعات تلقائية وعمليات دفع من صفحة واحدة.
- DiviFlash: قم بزيادة مبيعاتك من خلال تخطيطات WooCommerce المذهلة والمحسّنة للتحويل لصفحات المتجر والمنتجات وعربة التسوق وصفحات الدفع. راجع أيضًا مجموعة Ultimate WooCommerce UI Kit.
- Divi Checkout: قم بتقديم العديد من خيارات الدفع، بما في ذلك Google Pay وApple Pay، لتبسيط معالجة الدفع لعملائك.
- WooCommerce One-Page Checkout: يمكنك تقليل الوقت المستغرق في الدفع عن طريق إنشاء عمليات دفع من صفحة واحدة.
- WooPayments: قبول المدفوعات بأكثر من 135 عملة ودمج أكثر من 100 طريقة دفع لمنح عملائك خياراتهم المفضلة.
- مدير حقول الدفع: قم بتخصيص تسميات حقول الدفع في WooCommerce بسهولة.
- حقول WooCommerce المخصصة: أضف القائمة المنسدلة للحقول المخصصة ومربع الاختيار والتحديد المتعدد إلى كتلة WooCommerce Checkout الافتراضية.
- مكونات WooCommerce SEO الإضافية: قم بتحسين موقعك من أجل WooCommerce SEO باستخدام المكونات الإضافية التي تعمل على تبسيط عملية فهرسة وتحسين المنتجات والفئات وصفحات WooCommerce الأخرى.
أيضًا، إذا لم تكن قد استقرت على قالب بعد، فيمكنك التحقق من سمات WooCommerce هذه، والتي توفر المزيد من التخصيص خارج الصندوق.
الأدوات اللازمة لإنشاء قوالب الدفع WooCommerce
مهمة | الأداة المقترحة | |
---|---|---|
1 | يمكنك تقليل معدلات سلة التسوق المهجورة من خلال جمع عملاء محتملين عبر البريد الإلكتروني من صفحات الخروج | يزدهر |
2 | قم بتحسين رحلات الشراء للعملاء من خلال إنشاء مسارات مبيعات تلقائية | FunnelKit |
3 | قم بزيادة المبيعات باستخدام تخطيطات WooCommerce المحسنة للتحويل لصفحات المتجر والمنتج وعربة التسوق والخروج | DiviFlash |
4 | تحقق من مجموعة WooCommerce UI Kit الشاملة للحصول على تخطيطات جميلة | مجموعة واجهة المستخدم WooCommerce النهائية |
5 | تبسيط معالجة الدفع من خلال خيارات دفع متعددة (Google Pay وApple Pay) | الخروج ديفي |
6 | يمكنك تقليل الوقت المستغرق في الخروج عن طريق إنشاء عملية دفع من صفحة واحدة | WooCommerce الخروج من صفحة واحدة |
7 | قبول المدفوعات بأكثر من 135 عملة ودمج أكثر من 100 طريقة دفع | WooPayments |
8 | قم بتخصيص تسميات حقل الدفع في WooCommerce بسهولة | مدير حقول الخروج |
9 | قم بإضافة حقول مخصصة مثل القوائم المنسدلة ومربعات الاختيار وخيارات التحديد المتعدد إلى الخروج من WooCommerce | الحقول المخصصة لـ WooCommerce |
Divi + WooCommerce هو الحل النهائي للتجارة الإلكترونية
كل ما تحتاجه هو Divi وWooCommerce لإنشاء متجر تجارة إلكترونية فريد وعملي يهتم به عملاؤك. تعمل قابلية تخصيص Divi على تحسين وظائف التجارة الإلكترونية في WooCommerce، حتى تتمكن من إنشاء صفحات دفع سريعة وسلسة، وتحسينها لمزيد من التحويلات، وتقليل معدلات سلة التسوق المهجورة.
احصل على Divi + WooCommerce