4 طرق بسيطة لإعداد Stripe لـ وورد بريس

عندما يتعلق الأمر باختيار بوابة دفع لاستخدامها على موقع وورد بريس الخاص بك ، فهناك نوعان من البوابات الشائعة التي عادة ما تتبادر إلى الذهن ، وهما PayPal و Stripe. منذ سنوات ، اعتاد PayPal أن يكون أحد الحلول السهلة الوحيدة لمواقع التجارة الإلكترونية ، ولكن لم يعد هذا هو الحال. يوفر Stripe رسوم معاملات أقل ويحظى بشعبية كبيرة في مجتمع المطورين لواجهة برمجة التطبيقات (API) المرنة. سنقوم اليوم بالغوص في 4 طرق بسيطة لإعداد Stripe for وورد بريس ، دون الحاجة إلى ترميز. بالنسبة للشركات الناشئة والشركات وتلك التي تدير متاجر WooCommerce و EDD ، يمكن أن يكون Stripe حلاً رائعًا ميسور التكلفة.

هل تستخدم Square بدلاً من ذلك؟ تحقق من منشور مدونة المقارنة المتعمق: Stripe vs Square .

ما هو الشريط؟

Stripe هي بوابة دفع سريعة النمو قادرة على التعامل مع المدفوعات المتكررة ويمكنها معالجة المبالغ المستردة تلقائيًا. إنه موثوق به ويستخدمه أسماء العلامات التجارية الكبيرة في جميع أنحاء العالم ، بما في ذلك Best Buy و Target و Lyft و Docker و HubSpot و Facebook و Shopify و IndieGoGo. نحن نستخدمها بالفعل هنا في Kinsta لقبول المدفوعات لجميع عملاء استضافة الويب لدينا.

شريط

تم تأسيس Stripe في عام 2010 من قبل شقيقين ، جون وباتريك كوليسون. تم إطلاقه علنًا في عام 2011 وتلقى عدة جولات من التمويل. حتى أنها احتلت المرتبة الرابعة في قائمة Forbes Cloud 100 في عام 2016. هناك الكثير من بوابات الدفع للاختيار من بينها ، لكن تركيز Stripe على البساطة جنبًا إلى جنب مع Stripe API الشهير هو ما يميزهم عن المنافسين. من الأسهل فهم هيكل الرسوم الخاص بهم ، حيث أنه بالنسبة لأولئك الذين يقل دخلهم عن مليون دولار في السنة ، فإن المعدل الثابت هو 2.9٪ + 30. كما أنها تسمح لك بشحن بطاقات الائتمان من موقعك الخاص مجانًا ، في حين أن PayPal يفرض عليك 30 دولارًا شهريًا بالإضافة إلى رسوم المعاملات. لا يوجد لدى Stripe أيضًا أي رسوم لاسترداد الأموال أو تفويض البطاقات. ومع ذلك ، فإن PayPal يصبح أرخص مع زيادة حجم المعاملات.

يحتوي Stripe أيضًا على منتج يعمل بنظام التعلم الآلي يسمى Radar لتقليل عدد المعاملات الاحتيالية. لمزيد من التفاصيل ، ألق نظرة على دليلنا المفصل:  كيفية منع الاحتيال على بطاقة الائتمان والحد منه بنسبة 98٪ باستخدام Stripe Radar

قم بإعداد Stripe لـ وورد بريس

لا يحتوي Stripe من الناحية الفنية على مكون إضافي رسمي لـ وورد بريس أو تكامل ، ولكن بفضل مجتمع وورد بريس الرائع الذي استخدم واجهة برمجة التطبيقات الخاصة به ، هناك الآن الكثير من الخيارات الرائعة للحصول بسهولة على Stripe على موقعك. أدناه سننتقل إلى إعداد Stripe for وورد بريس على موقع أساسي ، مع مكون إضافي للنموذج وحقول مخصصة ، بالإضافة إلى منصات التجارة الإلكترونية مثل WooCommerce و Easy Digital Downloads. من المهم ملاحظة أن SSL مطلوب على صفحات الخروج من Stripe لتوصيل بيانات الدفع بشكل آمن. يقدم العديد من المضيفين ، حتى Kinsta ، الآن شهادات SSL مجانية مع Let’s Encrypt. كن حذرًا ، يمكنك إلحاق الضرر بموقعك إذا لم تقم بالترحيل بشكل صحيح ، لذا تأكد من مراجعة دليل ترحيل HTTP إلى HTTPS المتعمق..

قم بإعداد Stripe على موقع وورد بريس الأساسي

إعداد شريط مع أشكال الجاذبية

قم بإعداد Stripe في WooCommerce

إعداد الشريط في التنزيلات الرقمية السهلة

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

كيفية إعداد Stripe على موقع وورد بريس الأساسي

الطريقة الأولى لإعداد Stripe for وورد بريس هي على موقع أساسي. ربما ليس لديك أي إعداد لحلول التجارة الإلكترونية ولديك ببساطة منتج واحد تريد بيعه على الصفحة. يمكن أن تكون هذه طريقة رائعة لقبول المدفوعات ( وحتى التبرعات ) لكتاب إلكتروني أو تنزيل رقمي دون أي تكاليف إضافية على موقعك. لهذا ، نوصي بالمكوّن الإضافي WP Simple Pay Lite for Stripe المجاني ، والذي يمكنك من خلاله البدء في 4 خطوات سهلة فقط. لديهم أيضًا إصدارًا احترافيًا من البرنامج المساعد ، والذي يتيح المدفوعات المتكررة والعديد من الميزات الأخرى ، ولكن إذا كنت بحاجة إلى شيء بسيط وسريع ، فيمكنك الحصول على ما يرام مع الإصدار المجاني. يحتوي حاليًا على أكثر من 10000 عملية تثبيت نشطة بتصنيف 4.6 من 5 نجوم.

wp simple pay lite للمكوِّن الإضافي Stripe

WP Simple Pay Lite للمكون الإضافي Stripe وورد بريس

الخطوة 1

قم بتنزيل وتثبيت المكون الإضافي WP Simple Pay Lite for Stripe من مستودع وورد بريس أو من خلال البحث عنه في لوحة معلومات وورد بريس الخاصة بك ضمن الإضافات “إضافة جديدة” .

wp simple pay lite لتثبيت شريطي

قم بتثبيت البرنامج المساعد WP Simple Pay Lite

الخطوة 2

أول شيء عليك القيام به هو النقر فوق إعدادات المكون الإضافي وإدخال مفاتيح Stripe API الخاصة بك ، والتي يمكنك الحصول عليها من لوحة معلومات حساب Stripe. ثم انقر فوق “حفظ التغييرات”. ستلاحظ وجود مفتاح تشغيل وإيقاف. يمكنك إيقاف تشغيله حتى يتم تكوين كل شيء.

wp مفاتيح api للدفع البسيطة

مفاتيح WP Simple Pay Lite API

الخطوه 3

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

إعدادات شريط الأجور البسيطة wp

إعدادات WP Simple Play Stripe

الخطوة 4

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

[اسم الشريط = وصف "متجري" = كمية "منتجي" = "1999"]

دفع بسيط wp

الفسفور الابيض الدفع البسيط الخروج

اطلع على جميع الرموز المختصرة لـ WP Simple Pay. وهذا كل شيء! لا يمكن أن تكون إضافة Stripe إلى موقع وورد بريس الخاص بك أسهل. تأكد من تبديل الوضع المباشر إلى “تشغيل” إذا لم تكن قد قمت بذلك بالفعل في الإعدادات. يمكنك أيضًا الاستفادة من المكون الإضافي المجاني المصاحب الذي يضيف زرًا في محرر وورد بريس الخاص بك لإضافة أزرار الدفع بسهولة أكبر. لا حاجة للاستيلاء على أي رموز مختصرة.

زر الرمز القصير الشريط

زر الرمز القصير الشريط

كيفية إعداد شريط بأشكال الجاذبية

التكوين الشائع الثاني عند استخدام Stripe for وورد بريس هو استخدامه مع مكون إضافي للنموذج. السبب وراء رغبتك في القيام بذلك هو أنه يمنحك مزيدًا من المرونة في القدرة على إضافة الحقول المخصصة الخاصة بك في عملية السداد. تحتوي العديد من المكونات الإضافية للنماذج الشائعة على تكامل وإضافات Stripe سهلة ، مثل Gravity Forms و Ninja Forms و WP Forms. عادةً ما يكون تكامل Stripe عبارة عن وظيفة إضافية مميزة. في مثالنا ، سنستخدم المكوّن الإضافي Gravity Forms .

أشكال الجاذبية

الخطوة 1

قم بتنزيل وتثبيت المكوّن الإضافي Gravity Forms  جنبًا إلى جنب مع الوظيفة الإضافية لملحق Stripe. هذا يتطلب رخصة مطور.

الخطوة 2

أول شيء عليك القيام به هو النقر فوق إعدادات المكون الإضافي وإدخال مفاتيح Stripe API الخاصة بك ، والتي يمكنك الحصول عليها من لوحة معلومات حساب Stripe. ثم انقر فوق “حفظ التغييرات”. ستلاحظ وجود وضع Live and Test. يمكنك الاحتفاظ به في وضع الاختبار حتى يتم تكوين كل شيء بشكل صحيح.

الجاذبية تشكل إعدادات شريطية

إعدادات Gravity Forms Stripe

الخطوه 3

قم بالتمرير لأسفل وستحتاج إلى تكوين Webhooks. تتطلب Gravity Forms إضافة عنوان URL إلى قائمة خطاطيف الويب الخاصة بحساب Stripe حتى يعمل كل شيء بشكل صحيح.

انقر فوق الارتباط التالي وقم بتسجيل الدخول للوصول إلى صفحة إدارة Stripe Webhooks الخاصة بك:

انقر فوق الزر “إضافة نقطة نهاية” أعلى قائمة عناوين URL لخطاف الويب.

أدخل عنوان URL التالي في حقل “URL”: https://yourdomain.com/?callback=gravityformsstripe

حدد “مباشر” من القائمة المنسدلة “الوضع”.

انقر فوق الزر “إنشاء نقطة نهاية”.

أشكال الجاذبية الشريطية على الويب

خطاف ويب شريطي لنماذج Gravity

ثم حدد المربع الذي يفيد بأنك قمت بتمكين عنوان URL الخاص بخطاف الويب وانقر على “تحديث الإعدادات”.

تحديث خطافات الويب الشريطية

تحديث خطافات الويب Stripe

الخطوة 4

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

إنشاء أشكال جاذبية جديدة

قم بإنشاء نموذج جديد في Gravity Forms

الخطوة الخامسة

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

شكل فاتورة أشكال الجاذبية

نموذج الفواتير

الخطوة 6

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

تغذية نموذج الفواتير

تغذية نموذج الفواتير

الخطوة 7

ثم يمكنك إدراج النموذج الخاص بك في صفحة أو منشور. في محرر وورد بريس ، يحتوي Gravity Forms على زر يسمى “Add Form”. حدد النموذج الذي قمت بإنشائه وانقر على “إدراج نموذج”.

تريد أن تعرف كيف زدنا من حركة المرور لدينا أكثر من 1000 ٪؟

انضم إلى أكثر من 20000 آخرين ممن يتلقون رسائلنا الإخبارية الأسبوعية مع نصائح من الداخل حول وورد بريس!

إشترك الآن

أدخل النموذج

أدخل النموذج

وهذا كل شيء. النموذج الخاص بك هو الآن نموذج وظيفي بالكامل مدمج مع Stripe وقادر على تحصيل المدفوعات.

أشكال الجاذبية لبطاقات الائتمان

بطاقات الائتمان في أشكال الجاذبية

كيفية إعداد Stripe في WooCommerce

التكوين الشائع الثالث عند استخدام Stripe for وورد بريس هو استخدامه مع WooCommerce. مع أكثر من 3 ملايين عملية تثبيت نشطة ، وتقييم 4.6 مستخدم على وورد بريس.org ، تعد WooCommerce أحد أشهر حلول التجارة الإلكترونية المجانية لـ وورد بريس. اعتبارًا من ديسمبر 2019 ، تمتلك WooCommerce أكثر من 7٪ من جميع المتاجر عبر الإنترنت .

woocommerce

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

الخطوة 1

أول شيء عليك القيام به هو تثبيت  البرنامج المساعد WooCommerce Stripe Payment Gateway المجاني . يوجد حاليًا أكثر من 300000 عملية تثبيت نشطة بتصنيف 4.7 من 5 نجوم.

بوابة الدفع woocommerce stripe

البرنامج المساعد WooCommerce Stripe Payment Gateway

يمكنك تنزيل المكون الإضافي من مستودع وورد بريس أو من خلال البحث عنه في لوحة معلومات وورد بريس ضمن الإضافات “إضافة جديدة”.

الخطوة 2

ثم انقر فوق إعدادات WooCommerce في لوحة القيادة وانقر فوق علامة التبويب “Checkout”. ستحتاج إلى تمكين Stripe وإدخال مفاتيح Stripe API الخاصة بك ، والتي يمكنك الحصول عليها من لوحة معلومات حساب Stripe. يمكنك أيضًا اختيار ما إذا كنت تريد تمكين “Stripe Checkout” أم لا. يُظهر Stripe checkout زر دفع ونموذج بطاقة ائتمان مشروط عند الخروج بدلاً من حقول بطاقة الائتمان الكلاسيكية. ثم مرر لأسفل وانقر على “حفظ التغييرات”.

إعدادات شريط woocommerce

إعدادات WooCommerce Stripe

الخطوه 3

ثم ضمن علامة التبويب Checkout ، انقر فوق “Checkout Options”. ستحتاج إلى تمكين “فرض الدفع الآمن”. تذكر أن Stripe يتطلب SSL لقبول بطاقات الائتمان بشكل آمن على موقع وورد بريس الخاص بك. ثم مرر لأسفل وانقر على “حفظ التغييرات”.

هل تعاني من مشاكل التوقف و وورد بريس؟ Kinsta هو حل الاستضافة المصمم لتوفير الوقت! تحقق من ميزاتنا

فرض woocommerce الخروج الآمن

يفرض WooCommerce الخروج الآمن

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

الخروج الافتراضي لشريط WooCommerce

هذا هو المظهر الافتراضي لـ Stripe في صفحة الخروج من WooCommerce مع حقول بطاقة الائتمان المضمنة في الصفحة.

الخروج من بطاقة الائتمان woocommerce

الخروج من بطاقة الائتمان في WooCommerce

 تم تمكين WooCommerce مع خيار Checkout Stripe

هذا هو المظهر إذا قمت بتمكين خيار “Stripe Checkout” في الإعدادات. ينقر العميل على “متابعة الدفع” ويحصل على نمط Stripe.

شريط الخروج woocommerce

الخروج من شريط في WooCommerce

كيفية إعداد الشريط في التنزيلات الرقمية السهلة

التكوين الشائع الرابع عند استخدام Stripe for وورد بريس هو استخدامه مع Easy Digital Downloads . تمامًا مثل WooCommerce ، يعد Easy Digital Downloads أحد حلول التجارة الإلكترونية المجانية الشائعة لبرنامج وورد بريس. يتم استخدامه في المقام الأول لبيع المنتجات الرقمية ، ومع ذلك ، هناك أيضًا امتداد لتكييفه مع المنتجات المادية. لقد تحول بالفعل إلى بديل WooCommerce الآن. لديها حاليًا أكثر من 50000 تثبيت نشط مع 4.8 من تصنيف 5 نجوم. يفترض هذا البرنامج التعليمي أدناه أن لديك EDD قيد التشغيل بالفعل. إذا لم تقم بذلك ، فراجع وثائق التنزيلات الرقمية السهلة .

تنزيلات رقمية سهلة

يتمثل العيب الوحيد لتكامل Easy Digital Downloads Stripe في أنه يتطلب الامتداد المميز ، والذي يبدأ بسعر 89.00 دولارًا أمريكيًا لترخيص موقع واحد. ومع ذلك ، قد يكون هذا الأمر يستحق ذلك إذا كنت تفضل EDD وتريد استخدام Stripe.

الخطوة 1

قم بتنزيل وتثبيت وتنشيط امتداد بوابة الدفع Stripe .

الخطوة 2

ضمن التنزيلات (وهو EDD) ، انقر فوق الإعدادات ، ثم في لوحة بوابات الدفع. في إعدادات Gateway ، ستحتاج إلى التحقق من Stripe لتمكينه. ثم قم بتغيير العبارة الافتراضية إلى Stripe. يمكنك بعد ذلك أيضًا تحديد رموز بطاقات الائتمان لتظهر عند الخروج. ثم انقر فوق “حفظ التغييرات”.

إعدادات بوابة الدفع الشريطية EDD

إعدادات بوابة الدفع EDD Stripe

الخطوه 3

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

انقر فوق الارتباط التالي وقم بتسجيل الدخول للوصول إلى صفحة إدارة Stripe Webhooks الخاصة بك:

انقر فوق الزر “إضافة نقطة نهاية” أعلى قائمة عناوين URL لخطاف الويب.

أدخل عنوان URL التالي في حقل “URL”: https://yourdomain.com/index.php؟edd-listener=stripe

حدد “مباشر” من القائمة المنسدلة “الوضع”.

انقر فوق الزر “إنشاء نقطة نهاية”.

هناك بعض الخيارات الإضافية التي يمكنك ضبطها. يمكنك اختيار ما إذا كنت تريد تمكين “Stripe Checkout” أم لا. يُظهر Stripe checkout زر دفع ونموذج بطاقة ائتمان مشروط عند الخروج بدلاً من حقول بطاقة الائتمان الكلاسيكية. ثم مرر لأسفل وانقر على “حفظ التغييرات”.

إعدادات شريط إد

إعدادات الشريط في EDD

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

الخروج الافتراضي لشريط EDD

هذا هو المظهر الافتراضي لـ Stripe على صفحة الخروج من EDD مع حقول بطاقة الائتمان المضمنة في الصفحة.

شريط سحب بطاقة الائتمان edd

الخروج من بطاقة الائتمان Stripe في EDD

 تنزيلات رقمية سهلة مع تمكين خيار الخروج من الشريط

هذا هو المظهر إذا قمت بتمكين خيار “Stripe Checkout” في الإعدادات. ينقر العميل على “متابعة الدفع” ويحصل على نمط Stripe.

شريط الخروج إد

الخروج شريط في EDD

ملخص

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

ما كانت تجربتك؟ هل تستخدم Stripe على موقع وورد بريس الخاص بك؟

وفر الوقت والتكاليف وحقق أقصى قدر من أداء الموقع من خلال:

مساعدة فورية من خبراء استضافة وورد بريس ، 24/7.

تكامل Cloudflare Enterprise.

يصل الجمهور العالمي إلى 28 مركز بيانات حول العالم.

التحسين من خلال مراقبة أداء التطبيقات المضمنة لدينا.

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