דלגו לתוכן

טפסים

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

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

כל טופס מתחיל מאחד מחמישה פריסטים מובנים. תאר את הטופס שאתה רוצה ו-Proyecta תבחר (ותתאים) את הפריסט המתאים — אתה אף פעם לא בונה שדות מאפס.

פריסט form api id למה הוא מיועד מתאים ל
Contact contactForm “צור קשר” כללי: שם, אימייל, טלפון אופציונלי, הודעה פרטי עסק
Quote quoteForm בקשת הצעת מחיר: פרטי יצירת קשר + איזה שירות + פרטי העבודה שירותים
Booking bookingForm קביעת פגישה / תור: שירות, תאריך ושעה מועדפים, פרטי יצירת קשר שירותים
Registration registrationForm הרשמה לאירוע או קורס (RSVP): פרטי המשתתף + הערה אירועים
Order orderForm קליטת הזמנה: מה הלקוח רוצה, פרטי יצירת קשר, הערות תפריט, קטלוג

אפשר שיהיו מספר טפסים באפליקציה אחת (למשל טופס יצירת קשר וטופס הזמנת תור), וה-AI יכול להוסיף, לשנות שם, או לעצב מחדש שדות בכל אחד מהם.

ה-AI לא בונה טופס או submit handler מאפס. הוא מוסיף את ה-<FormBlock/> שבבעלות התבנית ומפנה אותו לטופס לפי id או api id:

import { FormBlock } from '@/components/blocks/FormBlock';
// Anywhere on a public page — a contact section, a "request a quote" panel, etc.
<FormBlock form="contactForm" />;

<FormBlock/> עושה הכל לבד:

  • מציג את השדות לפי סוג — טקסט / אימייל / טלפון כ-inputs, טקסט ארוך כ-textarea, בחירות כ-dropdown, הסכמות כ-checkbox, תאריכים ושעות כ-pickers מובנים, ושדות קבצים כפקד “צרף קובץ”.
  • ולידציה בדפדפן — שדות חובה נבדקים לפני שנשלח דבר.
  • ולידציה בשרת — אם השרת דוחה ערך, השגיאה הספציפית מוצגת בשורה ליד אותו שדה (ללא פניות שאבדו, ללא כשלים שקטים).
  • מציג מצב הצלחה — בעת שליחה, הטופס מוחלף באישור ידידותי (הודעת האישור של הטופס עצמו) עם אפשרות לשלוח תגובה נוספת.
  • נכשל בבטחה — אם הטופס לא קיים או הושבת, הבלוק לא מציג כלום, כך שהוא לעולם לא יכול לשבור דף ציבורי.

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

טפסים יכולים לקבל קובץ שהועלה (קבלה, תמונת רפרנס, בריף). שדות קבצים מציגים כפתור “צרף קובץ”, מעלים את הקובץ לאחסון ומכניסים את ה-URL הציבורי שלו לפנייה. המגבלות נאכפות אוטומטית:

  • תמונות ו-PDF בלבד, עד 5 MB (תמונות גדולות מוקטנות בדפדפן קודם לכן).
  • כפתור השליחה מושבת בזמן העלאת קובץ, כך שפנייה לעולם לא תצא חצי-גמורה.

כל פנייה נשמרת ומופיעה בתיבת הנכנס של הפניות באפליקציה שלך — חלק מלוח הניהול, שמוצג דרך ה-<SubmissionsInbox/> של התבנית. משם תוכל (כבעלים):

  • לעיין בפניות תחת הטאבים New / Read / Archived, עם תג “לא נקרא” על New.
  • לפתוח כל פנייה ולראות את ערכי השדות שהוגשו, הדף שממנו הגיעה, והתאריך.
  • לסמן פנייה כ-read, להחזיר אותה ל-new, או לארכב אותה.
  • לסנן את תיבת הנכנס לטופס אחד ספציפי, או לראות את הפניות מכל הטפסים ברשימה אחת.

תיבת הנכנס מיועדת לאדמין בלבד — הצופה חייב להיות מחובר עם חשבון אדמין (נאכף בשרת).

קבלת אימייל על כל פנייה

Section titled “קבלת אימייל על כל פנייה”

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

דפוסים נפוצים (תן ל-AI לחבר הכל)

Section titled “דפוסים נפוצים (תן ל-AI לחבר הכל)”
  • "Add a contact form to the footer with name, email, and message, and email me at hello@mybiz.com whenever someone submits."
  • "Put a 'Request a quote' form on each service page that asks which service they need and the job details."
  • "Add a booking form so clients can request an appointment with a preferred date and time."
  • "Create an event registration form for the workshop page and let attendees attach a PDF."
  • "Show me the submissions inbox and only the ones I haven't read yet."