كيفية إضافة زر تبرع شريطي في WordPress لجمع التبرعات

نشرت: 2022-11-22

هل تريد إضافة زر تبرع Stripe في WordPress لجمع التبرعات؟ سيوضح لك هذا الدليل كيفية القيام بذلك في بضع خطوات بسيطة!

How to Add a Stripe Donate Button in WordPress

وقت القراءة التقريبي: 5.5 دقيقة

Stripe هي واحدة من أشهر بوابات الدفع في WordPress لقبول التبرعات.

وسيسهل الحصول على زر تبرع يعمل من Stripe على موقع الويب الخاص بك على الزائرين مساعدة جمع التبرعات أو المنظمة غير الربحية أو أي تبرعات أخرى لديك.

Formidable Forms هو أفضل مكون إضافي لبرنامج WordPress Form Builder. احصل علية بدون مقابل!

لذلك ، في هذا الدليل ، سنوضح لك كيفية إنشاء زر تبرع Stripe باستخدام Formidable Forms ، وهو أحد أفضل منشئي النماذج والمكونات الإضافية للدفع Stripe.

هيا بنا نبدأ.

كيفية إنشاء زر تبرع Stripe لموقعك على WordPress

أول شيء تحتاجه لقبول التبرعات هو نموذج التبرع.

هذا هو السبب في أننا نوصي باستخدام نماذج هائلة.

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

لكننا سنصل إلى ذلك بعد قليل.

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

احصل على نماذج هائلة الآن!

بمجرد تثبيت ذلك وتنشيطه ، سنبدأ بأربع خطوات سهلة:

قم بتوصيل حساب Stripe الخاص بك بـ Formidable
قم بإنشاء نموذج التبرع الخاص بك
قم بإنشاء زر تبرع Stripe الخاص بك
عرض الزر والشكل الخاص بك

الخطوة 1: قم بتوصيل حساب Stripe الخاص بك بـ Formidable

للبدء ، انتقل إلى لوحة معلومات WordPress الخاصة بك وانتقل إلى Formidable → Add-Ons.

ابحث عن الوظيفة الإضافية Stripe وانقر فوق تثبيت . بمجرد الانتهاء ، انقر فوق الإعدادات العامة في الشريط الجانبي Formidable وانقر فوق Stripe .

يمكنك تخصيص إعدادات الدفع الخاصة بك عندما تريد معالجة دفع Stripe. ثم يمكنك النقر فوق الزر Connect to Stripe الموجود أسفل LIVE .

اتبع تعليمات Stripe لتوصيل حسابك وإعداد مفاتيح Stripe API. سيرشدك Stripe خلال العملية دون القلق بشأن الإعداد المعقد.

بمجرد أن يصبح كل شيء جاهزًا للعمل ، تكون جاهزًا لإنشاء النموذج الخاص بك!

الخطوة الثانية: قم بإنشاء نموذج التبرع الخاص بك

توجه إلى لوحة تحكم مسؤول WordPress وانتقل إلى Formidable → Forms .

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

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

سينقلك هذا إلى أداة إنشاء النماذج بالسحب والإفلات لبدء إنشاء النموذج الخاص بك.

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

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

لذلك ، انقر فوق تحديث لحفظ التغييرات ، ثم انقر فوق الإعدادات .

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

يمكنك تغيير نوع الدفع (تبرعات فردية أو متكررة) أو العملة أو وقت معالجة الدفع أو تعيين مبلغ تبرع ثابت.

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

انقر فوق تحديث لحفظ التغييرات.

إضافة نموذج الصفحة المقصودة (اختياري)

يمكنك أيضًا إضافة صفحة مقصودة للنموذج الخاص بك.

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

لإضافة هذا ، انقر فوق نموذج الصفحة المقصودة وإنشاء الصفحة المقصودة .

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

احتفظ بعنوان URL هذا في متناول يدك عندما تحتاج إليه لاحقًا.

الخطوة 3: قم بإنشاء زر تبرع Stripe الخاص بك

لديك خياران لهذه الخطوة.

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

سنوضح لك كيفية القيام بالأمرين معًا.

قم بإنشاء زر تبرع بسيط في WordPress

انتقل إلى منشور / صفحة WordPress الخاصة بك حيث تريد إظهار الزر الخاص بك.

أضف كتلة WordPress جديدة ، وزر البحث.

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

اضغط على Enter ، وخصص نص الزر الخاص بك إذا كنت تريد ، وأنت على ما يرام!

ما عليك سوى تحديث الصفحة ، وسيصبح الزر جاهزًا.

الآن ، إذا كنت تريد شيئًا أكثر تقدمًا ، فراجع Formidable Views

قم بإنشاء زر تبرع مخصص باستخدام طرق عرض هائلة

Formidable Views هو المكان الذي يميز Formidable نفسه عن المكونات الإضافية للتبرع الأخرى.

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

للقيام بذلك ، انقر فوق علامة التبويب طرق العرض في الجزء العلوي من الصفحة.

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

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

أنت الآن في View Builder . لكن لا تغمرها. إنه أكثر وضوحًا مما يبدو.

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

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

يمكنك أن تكون مبدعًا هنا إذا كنت تعرف القليل من HTML أو CSS أو Javascript.

على سبيل المثال ، لدينا مؤسسة خيرية نحبها تسمى Save the Children . فلماذا لا تجمع بعض الأموال لهم؟

بالانتقال إلى منشئ المشاهدات الخاص بنا ، أدخلنا الكود التالي:

لا تقلق إذا لم تفهم هذا الرمز. لا يتعين عليك معرفة كيفية البرمجة لإنشاء شيء غير عادي في طرق العرض.

الآن ، في كل مرة يتبرع فيها شخص ما للنموذج ، يتم تحديثه تلقائيًا لإظهار الإجمالي الحالي وشريط التقدم نحو الهدف!

وكل ما عليك فعله هو النقر فوق زر التبرع للانتقال إلى الصفحة المقصودة لنموذجك للدفع!

هذا مجرد مثال صغير لما يمكنك فعله.

الأشكال الهائلة هي أكثر بكثير من مجرد أداة إنشاء نماذج بسيطة. إنه أيضًا منشئ تطبيقات ممتاز.

الخطوة 4: اعرض الزر والنموذج الخاصين بك

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

ولكن ، إذا كنت تريد إظهار النموذج الخاص بك بمفرده أو العرض الذي قمت بإنشائه ، فلا يزال عليك عرضه.

لذلك ، سنقوم بتفصيل ذلك من خلال كيفية عرض النموذج الخاص بك وكيفية عرض العرض الخاص بك.

كيفية عرض النموذج الخاص بك

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

بعد ذلك ، ابحث عن Formidable واختر الكتلة Formidable.

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

كيفية عرض وجهة نظرك

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

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

الصق الرمز المختصر في كتلتك وقم بتحديث صفحتك ؛ سيظهر العرض الخاص بك على صفحتك!

ما هي أفكار التبرع التي ستنشئها باستخدام Formidable Forms؟

كما ترى ، يمكنك إبقائها بسيطة أو استخدام خيالك وإنشاء شيء فريد!

الخيار لك!

هناك العديد من مكونات WordPress الإضافية للاختيار من بينها ، ولكن لا يوفر أي منها مرونة Formidable. وأظهر لك هذا الدليل خطوة بخطوة كيفية إضافة زر تبرع Stripe إلى موقع WordPress الخاص بك باستخدام Formidable.