كيفية إعداد WordPress Stripe Webhook (بدون WooCommerce)

نشرت: 2023-10-11

هل تساءلت يومًا عن كيفية دمج خطاف الويب WordPress Stripe لإجراء عملية دفع سلسة عبر الإنترنت؟

من خلال الاستفادة من إمكانات Stripe webhooks، يمكنك تعزيز لعبة الدفع الخاصة بك وضمان تجربة مستخدم سلسة.

سيعلمك هذا البرنامج التعليمي كيفية دمج خطافات الويب الخاصة بـ Stripe مع WPForms في لمح البصر، مما يجعل موقعك متزامنًا مع أنشطة Stripe الخاصة بك.

قم بإعداد Stripe Webhook باستخدام WPForms

كيفية إعداد خطافات الويب الشريطية (بدون WooCommerce)

يمكنك بسهولة إعداد خطافات الويب الخاصة بـ Stripe باستخدام تكامل Stripe الأصلي في WPForms. اتبع الخطوات أدناه للبدء:

في هذه المقالة

  • 1. تثبيت وتفعيل WPForms
  • 2. ربط Stripe بموقع WordPress الخاص بك
  • 3. إعداد Stripe Webhook يدويًا
  • 4. إنشاء نقطة نهاية Webhook في الشريط
  • 5. الاستفادة من ميزات الدفع المحسنة

1. تثبيت وتفعيل WPForms

تسهل WPForms إنشاء النماذج على موقعك. إنه يعمل مع Stripe ومنصات الدفع الأخرى، مما يجعله واحدًا من أفضل ملحقات الدفع في WordPress.

بالإضافة إلى ذلك، فإن المكون الإضافي WPForms المجاني يجعل من السهل ربط نماذج الطلبات الخاصة بك مع Stripe، مع فرض رسوم رمزية بنسبة 3% لكل معاملة + رسوم Stripe.

يمكن لجميع مستويات الترخيص، بما في ذلك عملاء WPForms Lite، أيضًا استخدام webhook للاتصال ثنائي الاتجاه بـ Stripe، وهو أقل تعقيدًا واستهلاكًا للوقت من WooCommerce.

إذا كنت تريد إلغاء الرسوم الإضافية، فيمكنك الترقية إلى WPForms Pro لتوفير التكاليف على المدى الطويل والوصول إلى المزيد من الميزات المتقدمة.

WPForms homepage

بمجرد اختيار إصدار WPForms الخاص بك وتكون جاهزًا للمتابعة، قم بتنزيل وتنشيط المكون الإضافي على موقع WordPress الخاص بك!

عظيم! حان الوقت الآن لإعداد اتصال Stripe مع WPForms وتمكين Stripe webhooks لمزامنة موقع الويب الخاص بك مع أنشطة Stripe الخاصة بك.

2. ربط Stripe بموقع WordPress الخاص بك

للبدء، ستحتاج إلى فتح WPForms »الإعدادات في القائمة اليسرى للوحة تحكم WordPress الخاصة بك. ومن هناك، انقر فوق علامة التبويب "المدفوعات" .

WPForms payments tab

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

Payment currency selection

بمجرد أن تصبح جاهزًا لدمج مدفوعات Stripe في النظام الأساسي الخاص بك، قم بالتمرير لأسفل وانقر فوق الزر Connect with Stripe الأزرق.

Connect with Stripe

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

WPForms Stripe account

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

Stripe connection status

ملاحظة: سيتم تكوين خطاف الويب تلقائيًا عند توصيل موقعك بـ Stripe. سيحاول التكوين التلقائي عدة مرات في الخلفية.

ومع ذلك، في بعض الحالات النادرة، قد لا يعمل التكوين التلقائي لحسابك. لذلك، سيقوم WPForms بعد ذلك بعرض الحقول لإعداده يدويًا.

لإعداد Stripe webhook يدويًا، ستحتاج إلى إنشاء نقطة نهاية في لوحة معلومات Stripe ونسخ مفاتيح التكوين إلى WPForms.

3. إعداد Stripe Webhook يدويًا

للقيام بذلك، انتقل إلى WPForms » الإعدادات في قائمة موقع WordPress على اليسار. انقر فوق علامة التبويب "المدفوعات" .

بعد ذلك، قم بالتمرير لأسفل حتى تصل إلى المنطقة المسماة Stripe . للبدء، قم بتبديل خيار تمكين Webhooks من هنا.

enable webhooks option

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

webhooks field

يمكنك استخدام حساب Stripe الخاص بك لإنشاء نقطة نهاية جديدة، والتي ستزودك بالبيانات التي تحتاجها لهذه الحقول.

ملحوظة: الإعدادات الفردية مطلوبة للوضعين المباشر والاختباري. استخدم حقول معرف اختبار Webhooks و Webhooks Test Secret لوضع الاختبار.

استخدم حقول Webhooks Live ID و Webhooks Live Secret للوضع المباشر. تأكد من أن وضع موقعك يتوافق مع إعدادات Stripe.

يمكنك بعد ذلك التبديل بين وضعي المزامنة المباشرة والاختبارية بزيارة *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings .

4. إنشاء نقطة نهاية Webhook في الشريط

قم بتسجيل الدخول إلى حساب Stripe الخاص بك وقم بالوصول إلى لوحة تحكم Stripe الخاصة بك من علامة تبويب جديدة حتى تتمكن من العودة إلى صفحة إعدادات WPForms لاحقًا.

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

Stripe dashboard test mode

ملاحظة: إذا كنت في وضع الاختبار، فيجب تشغيل مفتاح التبديل ، وإذا كنت في الوضع المباشر، فيجب إيقاف تشغيله.

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

Stripe dashboard developers option

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

webhooks tab Stripe dashboard

بعد ذلك، انقر فوق أيقونة إضافة نقطة نهاية في صفحة Webhooks لإنشاء نقطة نهاية webhook جديدة.

add an endpoint

يؤدي ذلك إلى ظهور صفحة أحداث الاستماع إلى خطاف الويب الخاص بـ Stripe حيث يجب عليك ملء المعلومات الضرورية لإعداد خطاف الويب الخاص بك.

Stripe events page

الآن، ارجع إلى WPForms »الإعدادات» المدفوعات . بمجرد الوصول إلى هناك، انسخ نقطة نهاية Webhooks بالنقر فوق أيقونة النسخ.

copy webhooks endpoint

بمجرد نسخ نقطة نهاية Webhooks ، انتقل إلى حساب Stripe الخاص بك وأدخله في حقل عنوان URL لنقطة النهاية .

endpoint url in Stripe account

بعد ذلك، سيظهر خيارا الاستماع والإصدار . اتركها دون إزعاج، ثم انقر فوق الزر + تحديد الأحداث .

select events button

لإكمال اختيار الحدث الخاص بك، حدد خيار تحديد كافة الأحداث ثم انقر فوق الزر إضافة أحداث .

Stripe add events

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

Stripe add endpoint

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

Stripe copy webhook id

ارجع إلى WPForms »الإعدادات» المدفوعات والصق معرف webhook في منطقة Webhooks Live ID .

paste webhooks live id

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

Stripe reveal signing secret

عندما يتم الكشف عن سر التوقيع، انسخ قيمته والصقه في حقل Webhooks Live Secret في إعدادات WPForms.

webhooks live secret

بعد ذلك، انقر فوق "حفظ الإعدادات" ، وستنتهي من عملية التكوين! ستتم الآن مزامنة حالات الدفع الخاصة بك في الوقت الفعلي بين WPForms وStripe.

5. الاستفادة من ميزات الدفع المحسنة

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

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

يمكنك تغيير ما يعرضه الرسم البياني ورؤية البيانات التي تهمك بسرعة من خلال النقر على الخيارات الموجودة أسفل الرسم البياني، مثل:

  • مجموع المدفوعات
  • إجمالي المبيعات
  • إجمالي المبلغ المسترد
  • الاشتراكات الجديدة
  • تجديد الاشتراكات
  • كوبونات مستردة

WPForms payments summary graph

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

  • جميع الأنواع : نوع الدفع، والذي يتضمن دفعات لمرة واحدة ومدفوعات الاشتراك.
  • جميع البوابات: طريقة الدفع المستخدمة للتعامل مع معاملة الدفع والموافقة عليها، بما في ذلك PayPal Standard وPayPal Commerce وStripe وSquare وAuthorize.net.
  • جميع الاشتراكات : الحالة الحالية للدفع على أساس الاشتراك، والتي قد تكون واحدة مما يلي: نشطة، أو ملغاة، أو غير متزامنة.

wpforms payment filter options

ملاحظة: يتوفر خيار تصفية جميع البوابات فقط إذا قمت بتمكين بوابات دفع متعددة في WPForms.

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

click individual payment

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

individual payments page

إذا لزم الأمر، يمكنك النقر فوق "عرض في الشريط" للوصول إلى تفاصيل الدفع مباشرة داخل منصة بوابة الدفع المعنية.

view in stripe

أو، إذا كنت تريد بدء استرداد الأموال من خلال بوابة الدفع للدفعة المعنية، فانقر على زر استرداد .

refund payment

يمكنك أيضًا إلغاء الاشتراك مباشرة من داخل لوحة تحكم WordPress من خلال النقر على زر إلغاء للدفعة المعنية.

cancel subscription

لمزيد من المعلومات حول التنقل وعرض تفاصيل صفحة الإدخال الفردية، راجع دليلنا الخاص بإدخالات النموذج.

المزيد من الأسئلة حول WordPress Stripe Webhook

يعد دمج Stripe Webhook في WordPress موضوعًا شائعًا بين قرائنا. فيما يلي إجابات لبعض الاستفسارات الشائعة حول هذا الموضوع.

كيفية التبديل بين الوضع المباشر والاختبار لـ Stripe webhook؟

يمكنك التبديل بين وضعي المزامنة المباشرة والاختبارية عن طريق زيارة *domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings

كيف أقوم بإضافة Stripe Webhooks إلى WordPress؟

يمكنك الاستفادة من تكامل Stripe الأصلي الخاص بـ WPForms لإعداد خطاف ويب سلس على موقع WordPress الخاص بك، دون أي معرفة بالبرمجة.

هل يدعم WordPress Webhooks؟

نعم، يدعم WordPress خطافات الويب، وأدوات مثل WPForms تجعل التكامل أكثر سهولة مع Stripe.

هل Stripe مجاني على WordPress؟

على الرغم من أن Stripe لديه رسوم معالجة، فإن دمجه مع WordPress باستخدام ميزة Stripe الأصلية في WPForms لا يفرض تكاليف إضافية من جانب البرنامج الإضافي.

بعد ذلك، تعرف على كيفية إنشاء قسيمة للاستخدام لمرة واحدة في WordPress

هل تريد معرفة كيفية إنشاء كوبونات للاستخدام لمرة واحدة بدون WooCommerce؟ تحقق من أسهل طريقة لإنشاء نموذج لإدارة وتوزيع القسائم ذات الاستخدام الواحد باستخدام WPForms.

أنشئ نموذج WordPress الخاص بك الآن

على استعداد لبناء النموذج الخاص بك؟ ابدأ اليوم مع أسهل مكون إضافي لإنشاء النماذج في WordPress. يتضمن WPForms Pro الكثير من القوالب المجانية ويقدم ضمان استعادة الأموال لمدة 14 يومًا.

إذا ساعدتك هذه المقالة، فيرجى متابعتنا على Facebook وTwitter للحصول على المزيد من البرامج التعليمية والأدلة المجانية الخاصة بـ WordPress.