هل تريد إضافة زر تبرع Stripe إلى موقع وورد بريس الخاص بك؟ يجعل Stripe من السهل قبول مدفوعات بطاقات الائتمان ، وهي طريقة ملائمة للزائرين للتبرع لموقعك.
جرب نسخة تجريبية مجانية
في حين أن هناك الكثير من المكونات الإضافية للتبرع كاملة الميزات ، فإننا سنركز فقط على إنشاء زر تبرع Stripe بسيط للغاية في هذا المنشور. لتحقيق ذلك ، سنشارك البرامج التعليمية لاثنين من الإضافات المجانية المختلفة:
WP Simple Pay : هذا البرنامج المساعد جيد إذا كنت ترغب في تقديم مبلغ تبرع ثابت . ولكن عليك أن تدفع إذا كنت تريد أن يتمكن زوار موقعك من التبرع بمبالغ مخصصة. هذا هو البرنامج المساعد لمدفوعات Stripe الأكثر شيوعًا .
مدفوعات الشريط : يتيح لك هذا المكون الإضافي قبول مبالغ التبرعات المخصصة مجانًا ، مما قد يجعله أكثر جاذبية إذا كنت تستخدم ميزانية وتريد قبول مبالغ تبرعات مخصصة من زوارك.
سنبدأ ببرنامج تعليمي سريع حول كيفية إنشاء حساب Stripe الخاص بك والعثور على مفاتيح API التي ستحتاجها لتكوين أي مكون إضافي.
بعد ذلك ، سنبحث في كيفية إنشاء زر تبرع Stripe باستخدام WP Simple Pay أو Stripe Payments.
كيفية الحصول على مفاتيح API الشريطية
بغض النظر عن المكونين الإضافيين اللذين تختارهما ، ستحتاج إلى إدخال مفاتيح Stripe API الخاصة بك لإنشاء زر تبرع Stripe.
مفاتيح API هذه هي التي تربط موقع وورد بريس الخاص بك بخدمة معالجة الدفع Stripe. إنها ضرورية ، لكن من السهل أيضًا إنشاؤها باستخدام Stripe. لذلك لا تقلق!
بدلاً من محاولة شرح ذلك في التوجيهات خطوة بخطوة لكل مكون إضافي ، سنشرح ذلك مرة واحدة الآن. بهذه الطريقة ، ستعرف بالضبط مكان العثور على مفاتيح API الخاصة بك عند تكوين أي مكون إضافي.
الخطوة 1: إنشاء حساب مجاني على Stripe
للبدء ، ستحتاج إلى التسجيل للحصول على حساب Stripe مجاني. لا توجد معلومات معقدة – ما عليك سوى إدخال البريد الإلكتروني والاسم وكلمة المرور (على الرغم من أنك ستحتاج إلى تقديم المزيد من المعلومات لبدء قبول المدفوعات الحقيقية ).
للقيام بذلك ، توجه هنا .
الخطوة 2: البحث عن مفاتيح API
للعثور على مفاتيح API الخاصة بك ، انتقل هنا .
انتبه إلى الفرق بين مفاتيح اختبار API ومفاتيح API الحية:
تساعدك مفاتيح اختبار API على اختبار زر التبرع بأمان دون إرسال أي تفاصيل دفع حقيقية.
تُستخدم مفاتيح واجهة برمجة التطبيقات الحية عندما تريد بالفعل بدء قبول مدفوعات حقيقية.
يمكنك التبديل بينهما بالنقر فوق زر التبديل ، وسيتضمن كلا المكونين الإضافيين مربعات للسماح لك بإدخال كل من مفاتيح الاختبار والمفتاح المباشر ، بالإضافة إلى إعداد يتيح لك التبديل بين وضعي الاختبار والعيش:
عرض مفاتيح Stripe API
مفاتيح API الخاصة بك Stripe
احتفظ بهذه المفاتيح في متناول اليد ، لأنك ستحتاج إليها لتهيئة أي من المكوّنات الإضافية.
كيفية إضافة زر تبرع شريطي مع WP Simple Pay
للبدء ، قم بتثبيت وتنشيط المكون الإضافي المجاني WP Simple Pay من وورد بريس .org.
بعد ذلك ، إليك كيفية إعداد زر التبرع …
الخطوة 1: أدخل مفاتيح API
للبدء ، انتقل إلى Simple Pay Lite ← الإعدادات وأدخل الاختبار ومفاتيح واجهة برمجة التطبيقات الحية. تأكد من بقاء وضع الاختبار ممكّنًا في الوقت الحالي:
أدخل مفاتيح API
أدخل مفاتيح API وتأكد من تمكين وضع الاختبار
الخطوة 2: تكوين العملة (الافتراضي هو الدولار الأمريكي)
بشكل افتراضي ، يستخدم WP Simple Pay الدولار الأمريكي كعملة لزر التبرع الخاص بك. إذا كنت تريد استخدام عملة مختلفة ، فيمكنك تغييرها بالانتقال إلى علامة التبويب “الإعدادات العامة” :
تغيير العملة
كيفية تغيير العملة
الخطوة 3: إنشاء نموذج دفع جديد
و دفع نموذج هو في جوهره محددة التبرع الزر الذي تريد استخدامه. لإنشاء حساب ، انتقل إلى Simple Pay Lite → Add New .
في علامة التبويب خيارات الدفع ، أدخل المبلغ الذي تريد أن يتمكن الزوار من التبرع به ( إذا كنت تريد أن يتمكن الزوار من التبرع بمبالغهم المخصصة ، فستحتاج إلى الإصدار المدفوع من المكون الإضافي):
مبلغ الدفع
أدخل مبلغ التبرع الثابت
هذا كل ما عليك القيام به من الناحية الفنية . ولكن لتقديم نموذج أكثر تخصيصًا ، يمكنك تغيير النص الذي يتم عرضه في النموذج الخاص بك في علامتي التبويب On-Page Display Display و Checkout Overlay Display .
على سبيل المثال ، في منطقة عرض النموذج في الصفحة ، يمكنك تغيير النص بحيث يقرأ الزر “تبرع بالبطاقة” بدلاً من “الدفع بالبطاقة”:
تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟
انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس !
إشترك الآن
تغيير نص الزر
تغيير نص زر التبرع
بمجرد الانتهاء ، انقر فوق إنشاء لنشر النموذج الخاص بك.
لعرض النموذج الخاص بك في الواجهة الأمامية لموقعك ، ستحتاج إلى إضافة الرمز القصير إلى المنشور أو الصفحة أو عنصر واجهة المستخدم للنص حيث تريد عرضه:
الرمز المختصر WP Simple Pay
الرمز المختصر WP Simple Pay
الخطوة 4: اختبر النموذج الخاص بك ثم قم بتمكين الوضع المباشر
نظرًا لتمكين وضع الاختبار ، يمكنك اختبار النموذج عن طريق إدخال بعض بيانات الاختبار :
مثال على زر التبرع
مثال على زر التبرع
مرة كنت راضيا عن كيف أن كل شيء يعمل، يمكنك تمكين وضع لايف لبدء قبول دفعات الحقيقية عن طريق الذهاب إلى بسيط الدفع إعدادات → ايت و تعطيل وضع الاختبار :
تعطيل وضع الاختبار
كيفية تعطيل وضع الاختبار
وإذا كنت ترغب في تحرير الصفحة التي يراها المستخدمون بعد أن يرسلوا دفعة ، فأنت تحتاج فقط إلى تحرير صفحة تأكيد الدفع التي أنشأها WP Simple Pay.
كيفية إضافة زر تبرع شريطي مع مدفوعات شريطية
في حين أن Stripe Payments ليست شائعة مثل WP Simple Pay ، إلا أن ميزتها هي أنه يمكنك قبول مبالغ التبرع المخصصة دون الحاجة إلى الدفع مقابل إصدار متميز.
هل تعاني من مشاكل التوقف و وورد بريس ؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا
بمجرد تثبيته وتنشيطه من وورد بريس .org ، إليك كيفية استخدامه …
الخطوة 1: إضافة مفاتيح API وتكوين الإعدادات الأساسية
للبدء ، انتقل إلى Stripe Payments → Settings لإضافة مفاتيح API الخاصة بك:
أدخل مفاتيح API
كيفية إدخال مفاتيح API الخاصة بك
تأكد من أن لايف الوضع و عدم التحقق من الآن.
يمكنك أيضًا تكوين العملة لزر التبرع الخاص بك في هذه المنطقة ، بالإضافة إلى نص الزر. من المحتمل أن ترغب في تغيير حقل نص الزر إلى شيء مثل “تبرع”:
تكوين العملة ونص الزر
تكوين العملة ونص الزر
الخطوة الثانية: إضافة منتج جديد
بعد ذلك ، انتقل إلى Stripe Payments → Add New Product . هناك الكثير من الخيارات ، لكن معظمها غير ضروري لزر التبرع الأساسي.
الأقسام التي يجب عليك تكوينها هي:
وصف قصير – يتم عرضه في نافذة دفع الشريط.
السعر والعملة – اترك ” السعر” فارغًا إذا كنت تريد أن يتمكن الزوار من إدخال مبلغ مخصص.
عنوان URL لصفحة الشكر – يتيح لك هذا إعادة توجيه المستخدمين إلى صفحة شكر خاصة بعد التبرع.
اختر مبلغ التبرع الثابت أو المخصص
اختر مبلغ التبرع الثابت أو المخصص
بمجرد الانتهاء من تكوين الأشياء ، انقر فوق نشر. بعد ذلك ، انسخ الرمز المختصر من أسفل المحرر وأضفه إلى المنشور أو الصفحة أو عنصر واجهة المستخدم للنص حيث تريد عرض زر تبرع الشريط.
الخطوة الثالثة: اختبر زر التبرع ثم انطلق مباشرة
نظرًا لأنك لا تزال في وضع الاختبار ، يمكنك اختبار زر التبرع بأمان عن طريق إدخال البيانات الوهمية لـ Stripe :
مثال على زر تبرع Stripe
مثال على نموذج مبلغ التبرع المخصص
بمجرد التحقق من أن كل شيء يعمل بشكل صحيح ، يمكنك تمكين المدفوعات الحقيقية بالانتقال إلى Stripe Payments → Settings وتشغيل الوضع المباشر :
كيفية تعطيل وضع الاختبار
كيفية تعطيل وضع الاختبار
ملخص
بغض النظر عن المكون الإضافي الذي تختاره ، فإن إضافة زر تبرع Stripe إلى موقع وورد بريس الخاص بك بسيط إلى حد ما وخالي من المتاعب. يتيح لك كلا المكونين الإضافيين أيضًا إنشاء أزرار متعددة ، بحيث يمكنك بسهولة إنشاء أزرار تبرع مختلفة لاستخدامات مختلفة.
إذا لم تكن راضيًا عن Stripe بعد إنشاء الزر الخاص بك ، فيمكنك أيضًا التفكير في قبول التبرعات عبر PayPal أو Bitcoin . في هذا الدليل ، جمعنا جميع الإيجابيات والسلبيات باستخدام Stripe أو PayPal .
هل لديك أي أسئلة أخرى حول إضافة زر تبرع إلى موقع وورد بريس الخاص بك؟ أو تحتاج إلى وظائف مختلفة لم نقم بتغطيتها؟ اترك تعليقًا وسنحاول مساعدتك!
وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:
مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.
تكامل Cloudflare Enterprise.
يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.
التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.
كل ذلك وأكثر من ذلك بكثير ، في خطة واحدة بدون عقود طويلة الأجل ، وعمليات الترحيل المدعومة ، وضمان استرداد الأموال لمدة 30 يومًا. تحقق من خططنا أو تحدث إلى قسم المبيعات للعثور على الخطة المناسبة لك.

