كيفية إضافة Captcha إلى WooCommerce Checkout

بعد إنشاء متجر WooCommerce باستخدام ShopReady ، واجهنا التحدي الأكبر المتمثل في حماية الموقع من مرسلي البريد العشوائي. نعم ، يمكن لمرسلي البريد العشوائي استخدام تقنيات آلية مختلفة للتسلل إلى عملك ومحاولة إصدار أوامر احتيالية. الآن سوف تتعلم كيفية إضافة Captcha إلى WooCommerce Checkout؟

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

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

يمكنك القيام بذلك باستخدام مكون إضافي أو بدون مكون إضافي. سنغطي جميع الطرق الممكنة التي قمنا بتنفيذها في متجر WooCommerce الذي تم إنشاؤه باستخدام ShopReady بحيث يمكنك استخدامها لإضافة Captcha إلى موقعك. لنبدأ!

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

السبب الرئيسي لإضافة رمز التحقق (CAPTCHA) إلى تسجيل الخروج من WooCommerce هو حماية الموقع من الهجمات الضارة الآلية التي تحاول إجراء عمليات شراء احتيالية. يمنع الأدوات الآلية من إكمال نماذج المبيعات مع منع التسجيلات المزيفة وطلبات الضيف. يمكن أن توقف Captcha المعاملات المضللة التي يمكن أن تنقذك من أي خسارة محتملة.

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

كيفية إضافة كلمة التحقق إلى Woocommerce الخروج؟

ننتقل الآن إلى كيفية إضافة كلمة التحقق إلى صفحة الخروج الخاصة بمتجر ShopReady WooCommerce. لقد جربنا كلاً من المكوّنات الإضافية وطرق بدون المكوّنات الإضافية.

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

مع البرنامج المساعد

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

هناك عدد غير قليل من هذه المكونات الإضافية المتاحة هناك. ومع ذلك ، فإن أهم 3 التي جربناها أثناء بناء متجر WC الخاص بنا مع ShopReady تشمل ما يلي:

• reCaptcha لـ WooCommerce

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

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

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

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

تم تصميم المكون الإضافي وفقًا لمعايير عالية لإيقاف عمليات التسجيل والأوامر المزيفة وللتأكد من عدم وجود أي شيء يمكن أن يكسر الموقع على أي حال.

• كابتشا 4WP

مدعومًا وصيانًا بواسطة WP White Security ، يعد هذا أحد أفضل ملحقات captcha التي تسمح للبشر الحقيقيين بالمرور عبر نماذج WooCommerce وصفحات الخروج.

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

أهم ما يميز هذا المكون الإضافي هو أنه يمكنك استخدام هذا لإظهار العديد من حروف التحقق على صفحة واحدة. كما أنه يدعم أنماط captcha المخصصة. يمكنك الاختيار من v2 (لست روبوتًا) أو v2 (غير مرئي) أو v3. يكتشف تلقائيًا لغة المستخدمين لإظهار كلمة التحقق والإعدادات وفقًا لذلك.

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

يمكنك تثبيته بسهولة من صفحة الملحقات في حساب WooCommerce الخاص بك. ابحث عن CAPTCHA 4WP وقم بتثبيته وتنشيطه لحماية متجرك من مرسلي البريد العشوائي.

• reCaptcha بواسطة BestWebSoft

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

يمكنك استخدام إصدارات reCaptcha v2 و v3 والإصدارات غير المرئية مع هذا البرنامج المساعد. يجب أن يؤكد العميل أنه ليس روبوتًا قبل متابعة التسوق.

يمنع البريد العشوائي وهجمات القوة الغاشمة باستخدام محاولات الحد. المنتج مدعوم بدعم سريع وودي.

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

يتضمن المكون الإضافي إعدادات سهلة مع دليل مفصل للإعداد السريع. إنه مكون إضافي متعدد اللغات مزود بميزات جاهزة لـ RTL. يمكنك أيضًا إضافة رمز مخصص باستخدام الإعدادات. يأتي مع العديد من سمات captcha أيضًا. الكل في الكل ، عمل البرنامج المساعد بشكل جيد مع أداة ShopReady builder.

بدون البرنامج المساعد

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

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

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

<؟ php

/ **

* إضافة reCaptcha إلى نموذج الخروج

*param $ checkout

* /

وظيفة doublee_show_me_the_checkout_captcha ($ checkout) {

صدى '<div class = ”g-recaptcha” data-sitekey = ”YOUR_KEY_HERE”> </div>'؛

}

add_action ('woocommerce_checkout_order_review'، 'doublee_show_me_the_checkout_captcha'، 18) ؛

/ **

* التحقق من صحة reCaptcha

* /

وظيفة doublee_process_recaptcha () {

$ postdata = $ _POST ['g-recaptcha-response']؛

$ Verified_recaptcha = file_get_contents ('https://www.google.com/recaptcha/api/siteverify؟secret=YOUR_KEY_HERE&response='.$postdata) ؛

الاستجابة $ = json_decode ($ Verified_recaptcha) ؛

إذا (! $ response-> Success) {

wc_add_notice ("الرجاء التحقق من أنك لست روبوتًا" ، "خطأ") ؛

}

}

add_action ('woocommerce_checkout_process'، 'doublee_process_recaptcha') ؛

لقد حاولنا وعملت بشكل جيد مع متجر ShopReady WooCommerce الخاص بنا.

كيفية تمكين Google Recaptcha V2 على Woocommerce Checkout؟

للقيام بذلك ، فإن أفضل طريقة هي استخدام reCaptcha لمكوِّن WooCommerce الإضافي ، لأنه يدعم كلاً من إصدارات V2 و V3.

• أولاً ، قم بتنزيل ملف .zip من حساب WC.
• انتقل الآن إلى المسؤول> الإضافات> إضافة جديد> تحميل البرنامج المساعد
• اختر الملف الذي قمت بتنزيله
• قم بتثبيت وتنشيط reCaptcha
• بعد التنشيط ، انتقل إلى wooCommerce> الإعدادات
• انقر فوق علامة التبويب reCaptcha في الإعدادات
• اختر إصدار Recaptcha كـ ReCaptcha V2 (مربع اختيار)
• اضبط مفتاح الموقع والمفتاح السري
• احتفظ بالمجالات الأخرى مثل رسائل الخطأ كما هي
• احفظ الإعدادات
• من قائمة علامات التبويب لتمكين اختبار captcha ، اختر تسجيل خروج ضيف WooCommerce وحدد المربع لتمكين reCaptcha إلى صفحة الخروج من الضيف.

للحصول على مفتاح الموقع والمفتاح السري ، اتبع الخطوات التالية:

• قم بتسجيل الدخول إلى حساب Google الخاص بك
• انتقل إلى وحدة تحكم المشرف في Google ReCaptcha (https://www.google.com/recaptcha/admin)
• انقر فوق الزر + في الجزء العلوي الأيمن
• أضف اسم موقع الويب الخاص بك في إضافة تسمية.
• اختر reCaptcha v2.
• حدد خانة الاختيار "أنا لست روبوتًا".
• أضف مجال الموقع
• قبول مدة الخدمة
• بمجرد الانتهاء ، انقر فوق إرسال
• يجب أن يظهر مفتاح الموقع والمفتاح السري ؛ ببساطة انسخها واستخدمها.

استنتاج

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

يناقش بعض المكونات الإضافية الممتازة التي يمكنها حماية متجر WC الخاص بك بشكل فعال من مرسلي البريد العشوائي. يعد reCaptcha for WooCommerce هو الشيء البارز هنا الذي يسمح لك بإعداد Google reCaptcha V2 أو V3 بسهولة وفعالية.

لقد ناقشنا أيضًا كيف يمكنك إضافة reCaptcha V2 API عن طريق إضافة بعض الرموز في المكان المناسب. بغض النظر عن الطريقة التي تختارها من الطريقة المذكورة أعلاه ، يمكنك أن تتوقع الحفاظ على موقعك آمنًا من الطلبات الاحتيالية بعد تمكين أي منها.

أفضل ممارسات أمان ووردبريس