פרומפט ל-Lovable ול-Bolt
הדביקו את הפרומפט ב-Lovable או ב-Bolt. הוא מבקש טופס יצירת קשר אל Formgong ואומר לכלי לא להוסיף מסד נתונים או שירות דוא״ל.
מה אתם מעתיקים
תבנית זו היא הנחיה ל-Lovable או ל-Bolt. אתם מדביקים אותה בצ׳אט של הבונה. הבונה כותב את הטופס. Formgong מקבל את השליחה.
ההנחיה מציינת את נקודת הקצה, את מפתח הגישה הציבורי, את _lang, את המלכודת ואת בדיקת ההצלחה. היא אומרת לבונה לא להוסיף צד אחורי.
היא גם אומרת לא להוסיף Resend, מסד נתונים, edge function או server action לטופס הזה. אלה עיקופים נפוצים ביישומים שנוצרו.
הבלוק הנוסף הוא HTML פשוט שתואם להנחיה. השתמשו בו אם אתם מעדיפים להדביק סימון ולא לבקש מהבונה לכתוב אותו.
מדריכים ארוכים יותר, ייעודיים ל-Lovable ול-Bolt, כבר קיימים. העמוד הזה הוא ההנחיה הקצרה. העמודים ההם מסבירים את הלחיצות סביבה.
מה לבדוק בהפרש
הטופס צריך להישלח אל /submit במקור של Formgong. אם אתם רואים טבלה חדשה, סוד או SDK של דוא״ל, בקשו מהבונה להסיר אותם.
מפתח הגישה בהנחיה הוא fk_your_access_key עד שתיצרו טופס. החליפו אותו, או השתמשו בכפתור בעמוד זה כשאתם מחוברים.
שמות השדות צריכים להישאר name, email ו-message, עם phone אופציונלי. Telegram מדפיס את השמות האלה. שדה ששמו שונה קשה יותר לסריקה.
botcheck חייב להיות נוכח, ריק ומוסתר. אם הבונה מוחק אותו כלא בשימוש, החזירו אותו. זו המלכודת.
fetch צריך לשלוח Accept: application/json. גוף JSON צריך גם Content-Type: application/json. FormData לא אמור לקבוע את הכותרת הזאת.
ההנחיה אומרת לדלג על Turnstile אלא אם אתם מספקים מפתח אתר. אל תנו לבונה להמציא מפתח.
ההנחיה אומרת לא לטעון גופן של צד שלישי לטופס. אם ליישום כבר יש גופן, הטופס יכול לרשת אותו.
אחרי שהבונה מסיים
פרסמו, או השתמשו בתצוגה המקדימה של הבונה אם היא מגיעה לאינטרנט, ושלחו בדיקה. אחר כך פתחו את התיבה של Formgong.
חברו את Telegram בהגדרות הטופס למסירה מיידית. בתוכנית החינמית הדוא״ל הוא סיכום יומי.
התוכנית החינמית שומרת 300 פניות בחודש למשך 30 יום, באיחוד האירופי. ספאם נשמר ואינו נמסר, והוא אינו נספר.
הגדרות כמו נמענים ו-Telegram חיות ב-Formgong. אפשר לשנות אותן בלי לבקש מהבונה ליצור את הטופס מחדש.
Formgong הוא המפעיל. אם המוצר מתנהג שלא כראוי, כתבו אל support@formgong.com. החשבון של הבונה הוא מסלול תמיכה נפרד.
תצוגה מקדימה
קוד הטופס
הוסיפו טופס יצירת קשר לפרויקט הזה. הפניות הולכות אל Formgong. אל תוסיפו מסד נתונים, edge function, server action או שירות דוא״ל כמו Resend.
מפרט:
- טופס פשוט יכול להשתמש ב-action="https://formgong.com/submit" וב-method="POST". עם JavaScript שלחו את אותם שדות אל https://formgong.com/submit עם fetch.
- שדה מוסתר name="access_key" value="fk_your_access_key". המפתח ציבורי. השאירו אותו בפרונטאנד. אל תעבירו אותו לסוד.
- שדה מוסתר name="_lang" value="{lang}". Formgong משתמש בו לעמוד התודה ולטקסט השגיאה. באתר רב-לשוני שימו את שפת הדף.
- שדות: name, email עם type="email", ו-message. שלושתם חובה. phone אופציונלי. השאירו את השמות האלה. טלגרם מדפיס כל שם בהדגשה מעל התשובה.
- Honeypot: שדה type="text" name="botcheck" tabindex="-1" autocomplete="off" בתוך מעטפת עם aria-hidden="true". הסתירו ב-CSS: position:absolute; inset-inline-start:0; top:0; width:1px; height:1px; overflow:hidden; clip-path:inset(50%). אל תמלאו אותו.
- הצלחה ב-fetch: כותרת Accept: application/json. לגוף JSON שלחו גם Content-Type: application/json. ל-FormData אל תגדירו Content-Type. אם success ב-JSON הוא true, הציגו תודה קצרה ואפסו את הטופס. אחרת הציגו את הודעת התשובה.
- Turnstile רק אם יש מפתח אתר: script src="https://challenges.cloudflare.com/turnstile/v0/api.js" ו-div עם class="cf-turnstile" ו-data-sitekey. אחרת אל תוסיפו.
- אל תטענו גופן מצד שלישי. אל תוסיפו העלאת קבצים.
- מקור נקודת הקצה הוא https://formgong.com.HTML פשוט שהפרומפט מבקש
<form action="https://formgong.com/submit" method="POST" style="position:relative"> <input type="hidden" name="access_key" value="fk_your_access_key"> <input type="hidden" name="_lang" value="he"> <label>שם <input type="text" name="name" autocomplete="name" required></label> <label>אימייל <input type="email" name="email" autocomplete="email" required></label> <label>טלפון <input type="tel" name="phone" autocomplete="tel"></label> <label>הודעה <textarea name="message" required></textarea></label> <div aria-hidden="true" style="position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)"> <label>השאירו שדה זה ריק <input type="text" name="botcheck" tabindex="-1" autocomplete="off"></label> </div> <!-- אופציונלי. הפעילו Turnstile לטופס הזה, הסירו את סימני ההערה והדביקו את מפתח האתר. <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script> <div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="he"></div> --> <button type="submit">שליחה</button> </form>
שאלות ותשובות
האם ההנחיה הזאת עובדת גם ב-Lovable וגם ב-Bolt?
כן. היא אינה תלויה בפריסת קבצים אחת. אם הבונה בוחר ב-React, ב-Vue או ב-HTML פשוט, אותה נקודת קצה ואותם שדות עדיין חלים.
הבונה הוסיף Supabase או Resend. מה עכשיו?
בקשו ממנו למחוק את הקוד הזה ולהשאיר רק את השליחה אל Formgong. המדריכים המקושרים של Lovable ושל Bolt מתארים את אותו תיקון בפירוט רב יותר.
האם מפתח הגישה בטוח בתוך ההנחיה?
זה מפתח ציבורי. כל אחד יכול לשלוח באמצעותו פנייה. אי אפשר לקרוא באמצעותו את התיבה או לשנות לאן הדוא״ל הולך.
איפה המדריכים הארוכים יותר?
בעמודי Lovable ו-Bolt תחת «עבור», עם קישור מהעמוד הזה. התבנית הזאת היא ההנחיה עצמה, לא תחליף למדריכים ההם.