מדריך מעשי

איך לגרום לטופס ב-Lovable להעביר פניות אליכם

שומרים על העיצוב שכבר בניתם ומוסיפים קבלה מסודרת של ההודעות.

התשובה בקצרה. קבלו מפתח טופס מ-Formgong, אמתו את המייל והעבירו ל-Lovable הנחיית חיבור. הטופס שולח אל /submit; Formgong שומר את הפנייה ושולח התראות לנמענים מאומתים ולצ'אטים מחוברים. אין צורך להפעיל שרת משלכם עבור הטופס הזה.

Formgong·

הטופס שלכם שם Email הודעה שליחה Formgong Telegram פנייה חדשה שם · Email פתיחת הפנייה + התראה במייל
העיצוב נשאר באתר. Formgong מקבל את הפניות ושולח את ההתראות.

הודעת תודה אינה הוכחה שהפנייה נשמרה

אפשר להציג «תודה» גם בלי לשמור נתונים. קודם בחרו מי מקבל את השליחה. ל-Lovable יש תשתית משלו וחיבורים למייל ולטלגרם; אם האפליקציה כבר משתמשת בהם, אפשר לטפל בטופס שם.

Formgong מתאים כשרוצים תיבת פניות נפרדת והתראות, בלי להוסיף שרת לטופס פשוט. השדות והעיצוב נשארים באתר.

הכינו כתובת מאומתת ואת המפתח הנכון

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

פתחו את הטופס המתאים ואת אזור חיבור האתר. access_key הוא מפתח ציבורי לשליחה, לא הרשאה לקריאת התיבה או לשינוי הגדרות.

בקשו לחבר, בלי לעצב מחדש

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

הנחיה ל-Lovable
הוסף טופס יצירת קשר ששולח פניות ל-Formgong. אל תיצור שרת, מסד נתונים או סודות.

- POST https://formgong.com/submit
- שדה נסתר access_key עם הערך fk_your_access_key (המפתח פומבי)
- שדות: name, email, phone אופציונלי, message. תוויות בעברית
- מלכודת: שדה botcheck מוסתר מחוץ למסך
- בלי קבצים ובלי פונקציות שרת
- טופס HTML רגיל, או fetch עם Accept: application/json. הצלחה: json.success === true
דוגמה לבקשת API

החליפו את המפתח וטפלו במצבי המתנה, הצלחה ושגיאה. אל תמחקו את השדות כשהשליחה נכשלת.

JavaScript
async function onSubmit(event) {
  event.preventDefault();
  const fields = Object.fromEntries(new FormData(event.currentTarget));
  const response = await fetch("https://formgong.com/submit", {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
      Accept: "application/json",
    },
    body: JSON.stringify({ ...fields, access_key: "fk_your_access_key" }),
  });
  const result = await response.json();
  if (!result.success) throw new Error(result.message || "Formgong error");
}

בדקו פנייה אחת בשלושה מקומות

שלחו הודעה שאפשר לזהות וחפשו אותה בטופס הנכון ב-Formgong, ואז במייל ובדואר הזבל. בדקו גם את השדות הנוספים. אם משתמשים ב-fetch, מציגים הצלחה אחרי success: true ומשאירים את הטקסט כשיש שגיאה.

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

חברו את הצ'אט דרך הגדרות הטופס

פתחו את קישור טלגרם והפעילו את הבוט. לקבוצה, הוסיפו את הבוט ושלחו /connect עם הקוד מהלוח. הקוד שונה ממפתח הטופס.

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

אם לא מגיע דבר, התחילו מהקבלה

אין רישום? בדקו https://formgong.com/submit ואת המפתח. יש רישום אבל אין מייל? בדקו אימות, נמענים, התראות ודואר זבל. השדה המוסתר botcheck צריך להיות ריק.

אחרי הפעלת Turnstile יש לעדכן את הקוד כדי שישלח טוקן. אפשר להיעזר ב-מדריך איתור התקלה.

מה משנים אחרי הפרסום

נמענים, צ'אטים, נושא המייל והפניות לעמוד תודה משתנים ב-Formgong בלי לפרסם שוב את האתר. בדקו גם את ההודעה במקרה של כישלון. Free כולל 300 פניות בחודש לחשבון, עם מייל וטלגרם.

שאלות נפוצות

צריך Supabase נוסף?

לא לטופס שמחובר ל-Formgong. אפליקציה שכבר משתמשת ב-Lovable או Supabase יכולה לטפל בטופס גם בתשתית הקיימת.

אפשר להשאיר את המפתח בדפדפן?

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

העיצוב ישתנה?

Formgong מקבל נתונים; העיצוב נשאר באתר. בקשו מ-Lovable לשמור עליו ובדקו את התוצאה.

תשובת הצלחה מאשרת שהמייל הגיע?

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

מקורות ותיעוד

מקורות רשמיים למדריך: Lovable Cloud, Lovable Resend connector, Lovable Telegram connector. התיעוד של Formgong, אחסון הנתונים.

קריאה בפורמט Markdown
→ חזרה לבלוג