הוספת תשלום Stripe (תשלום חד-פעמי ומנויים)

קבלת תשלומים אמיתיים - רכישות חד-פעמיות ומנויים מתחדשים.

זמן: ~30-45 דקות, פלוס חשבון Stripe אם אין לכם אחד רמת קושי: בינונית עובד עם: Base44 / Lovable / v0

מתי להשתמש בזה

כאשר אתם מוכנים לגבות תשלום עבור מוצר, שירות, תוכנית או פיקדון להזמנה.

לפני שמתחילים

  • חשבון Stripe — חינמי ליצירה ב-stripe.com. הישארו במצב בדיקה (test mode) בזמן הבנייה; אתם לא צריכים חשבון עסקי פעיל כדי לנסות זאת.
  • המוצרים שלכם ב-Stripe: צרו כל דבר שאתם מוכרים (לוח בקרה של Stripe → מוצרים), חד-פעמי או מתחדש, והעתיקו את מזהה המחיר של כל פריט (מתחיל ב-price_).
  • מפתח סודי (secret key) של Stripe (לוח בקרה → מפתחים → מפתחות API, המפתח לבדיקה מתחיל ב-sk_test_). הדביקו אותו במקום שבו בונה האתרים שלכם שומר סודות — לעולם לא בתוך דף או הודעת צ'אט.
  • התחברות משתמשים צריכה לעבוד כבר (לקוחות זקוקים לחשבון כדי להחזיק במנוי).

הפרומפט

הפרומפטים האלה עובדים הכי טוב באנגלית — הדביקו אותם כמו שהם גם בדפים מתורגמים.

Add Stripe payments to my app.
Outcome: customers can pay securely for [what I'm selling — e.g., a product / a plan / a booking deposit].
Requirements:
- A checkout for [one-time payment of $X / a subscription at $X per month / both].
- A pricing section with [these plans and prices] and a clear call to action.
- After payment: a confirmation page, a receipt by email, and mark the order/subscription as active.
- Use Stripe Checkout so I never store card details myself.
Must-haves: keep all Stripe secret keys on the server (never in the frontend), verify each payment with a Stripe webhook before granting access, and handle declined cards, cancellations and refunds gracefully.
Set it up in Stripe TEST mode first. When done, tell me how to test a payment and exactly what to change to go live.

כבר בונים? הדביקו את זה בפרויקט שלכם. מתחילים מאפס? פתחו חשבון חינמי באחת מפלטפורמות הבנייה המתאימות למטה.

בנו את זה ב־

איך אנחנו מרוויחים

מה זה יוצר

  • דף תמחור המפרט את מה שאתם מוכרים
  • תהליך תשלום (Checkout) שמעביר את התשלום לדף המאובטח של Stripe עצמה
  • דף "תודה, אתה בפנים" לאחר תשלום מוצלח
  • תיעוד של מי שילם עבור מה, כדי שהאפליקציה שלכם תדע את הסטטוס שלהם

בדקו שזה עבד

הדביקו את הפרומפט, המתינו לסיום הבנייה, ואז ודאו את אלה — בשפה פשוטה, בלי בדיקות טכניות:

  • לחיצה על כפתור רכישה פותחת את דף התשלום של Stripe עם המחיר והמטבע הנכונים
  • תשלום באמצעות כרטיס בדיקה של Stripe (4242 4242 4242 4242, כל תאריך עתידי, כל CVC) מסתיים ומחזיר אתכם לדף התודה
  • התשלום מופיע בתשלומים לבדיקה בלוח הבקרה של Stripe
  • האפליקציה שלכם מתייחסת כעת לחשבון כאל לקוח משלם (הסטטוס שלו השתנה)
  • ביטול במסך התשלום מחזיר אתכם לאתר מבלי לחייב או לפתוח גישה לשום דבר

משהו חסר? זה נורמלי — בקשו אותו בהודעת המשך קצרה אחת במקום להריץ מחדש את כל הפרומפט.

השלבים הבאים

אפשר ללקוחות לנהל את המנוי שלהם בעצמם

ברגע שתשלומים חוזרים פועלים

Add a "Manage my subscription" button on the account page that sends the customer to Stripe's own customer portal, where they can update their card, change plan or cancel, and then returns them to my site. Show their current plan and next billing date on the account page.

תדעו שזה עבד כאשר: לקוח בבדיקה יכול לבטל את המנוי מהפורטל, והאפליקציה שלך מציגה את הסטטוס המעודכן לאחר מכן.

חסום תוכן בתשלום בצורה תקינה

מיד לאחר שהקופה פועלת

Make sure paid-only content is genuinely restricted to paying customers: check that someone with a free account, and someone not logged in at all, cannot reach it by typing the address directly. The restriction must be enforced on the data itself, not only by hiding buttons. Show non-paying visitors a short upgrade message instead.

תדעו שזה עבד כאשר: חשבון בבדיקה בחינם רואה את הודעת השדרוג ולא יכול להגיע לתוכן בתשלום באף דרך שניתן למצוא.

שלח אימייל קבלת פנים בסגנון קבלה

ברגע שתשלומים אמינים

After a successful payment, send the customer a short friendly email confirming what they bought, what they now have access to, and how to get help. Send me a notification of the sale as well.

תדעו שזה עבד כאשר: רכישת בדיקה מייצרת אימייל ללקוח והתראה אליך.

שימו לב ל

  • מצב בדיקה נראה זהה למצב פעיל. לפני ההשקה, החליפו את מפתח הבדיקה במפתח הפעיל ובצעו תשלום אמיתי אחד בעצמכם — אנשים רבים מגלים בלקוח הראשון שלהם שהם מעולם לא החליפו למצב פעיל.
  • הצלחת תשלום וגישה הם שני דברים שונים. ודאו שהסטטוס של החשבון אכן השתנה לאחר התשלום; אם הוא לא השתנה, ציינו זאת בדיוק בהודעת המשך במקום להריץ את ההנחיה שוב.
  • לעולם אל תשימו את המפתח הסודי שלכם בדף או בהנחיה. הוא שייך רק לאזור הסודות של בונה האתרים שלכם. אם הוא דלף, בטלו אותו ב-Stripe מיד.
  • החזרים כספיים, מיסים וחשבוניות מנוהלים ב-Stripe, לא באפליקציה שלכם — אל תנסו לבנות אותם מחדש.

הערות לפי פלטפורמה

חברו את Stripe תחילה בכל שלוש הפלטפורמות. Base44 מגדיר את Stripe באמצעות הנחיה עם ארגז חול לבדיקות; Lovable מייצר אוטומטית את הפונקציות והטבלאות של Stripe; v0 משתמש באינטגרציה של Marketplace של Stripe. תמיד בדקו במצב בדיקה (test mode) של Stripe לפני העלייה לאוויר.

לחסוך בקרדיטים

כל פלטפורמה מחייבת אתכם על העבודה שה-AI שלה עושה — ולכן ההרגל הזול ביותר הוא לחשוב לפני שבונים. שישה כללים שחוסכים את רוב הבזבוז, בכל פלטפורמה שתבחרו.

  1. תכננו קודם בצ'אט חינמי. שרטטו את הכול ב-ChatGPT, ב-Claude או ב-Gemini — עמודים, פיצ'רים, מה כל טופס אוסף, איך זה צריך להיראות. לחשוב שם זה בחינם; לחשוב בתוך פלטפורמת בנייה זה בתשלום.
  2. התחילו מפרומפט כתוב, לא ממשפט. "תבנה לי אתר" הוא המשפט היקר ביותר בבנייה עם AI. פרומפט ראשון מלא — כמו אלה שבאתר הזה — חוסך עשרות סבבי תיקונים.
  3. אל תתעצלו בפרטים. כל פרט שתשמיטו יחזור כתיקון שתשלמו עליו. שם העסק, צבעים, כל עמוד, כל שדה בטופס, מה קורה אחרי שליחה — הכניסו הכול לפרומפט הראשון.
  4. אחר כך — שינוי אחד בכל הודעה. "תקן את הכותרת, וגם את הטופס, וגם את הצבעים" יוצר סבך שעולה יותר לפרום ממה שנחסך.
  5. נתקעתם? הפסיקו לטלאי. אם אותו תיקון נכשל בערך שלוש פעמים, אל תשלחו תיקון רביעי — תארו במקום זה את המצב הסופי הרצוי של כל המקטע בהודעה חדשה אחת.
  6. התחילו בחינם. שדרגו כשתצטרכו יותר. השתמשו במכסה החינמית כדי לבנות ולגלות את הגרסה הראשונה שלכם. שדרגו כשתצטרכו יותר שימוש או פיצ'רים בתשלום, ובדקו את העלויות של שירותים מחוברים לפני ההשקה.

הפרומפטים בעמוד הזה כתובים כך שיעשו את רוב העבודה הזאת בשבילכם — זו כל המטרה שלהם.

קראו את המדריך המלא
payments stripe checkout subscriptions pricing

נבדק לאחרונה: 2026-07-27

שאלות נפוצות

אנחנו משתמשים בעוגיות לניתוח תנועה ולמעקב אחר קליקים. המשך השימוש באתר מהווה הסכמה ל מדיניות פרטיות.