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

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

Author: Formgong
Published: 2026-10-01
Language: he
Canonical: https://formgong.com/blog/lovable-contact-form-email-telegram?lang=he

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

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

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

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

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

ב-[Formgong](/?lang=he#top) הזינו מייל שאפשר לפתוח ואשרו את הקישור שנשלח אליו. לפני האימות, פניות עשויות להמתין, ולכן כדאי להשלים אותו לפני בדיקת ההתראות.

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

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

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

```text
הוסף טופס יצירת קשר ששולח פניות ל-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` עם הקוד מהלוח. הקוד שונה ממפתח הטופס.

ודאו שהצ'אט מופיע בהגדרות ושלחו בדיקה חדשה. [מדריך טלגרם](/blog/website-form-to-telegram?lang=he) מסביר את שני המסלולים.

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

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

אחרי הפעלת Turnstile יש לעדכן את הקוד כדי שישלח טוקן. אפשר להיעזר ב-[מדריך איתור התקלה](/blog/contact-form-not-sending-email?lang=he).

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

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

## שאלות נפוצות

### צריך Supabase נוסף?

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

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

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

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

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

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

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

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

- [Lovable Cloud](https://docs.lovable.dev/features/cloud)
- [Lovable Resend connector](https://docs.lovable.dev/integrations/resend)
- [Lovable Telegram connector](https://docs.lovable.dev/integrations/telegram)
- [התיעוד של Formgong](https://formgong.com/docs/lovable?lang=he)

[קבלת מפתח לטופס](https://formgong.com/?lang=he#top)