טופס יצירת קשר ב-Cloudflare Pages

Formgong team ·

טופס יצירת קשר ב-Cloudflare Pages יכול להישלח מהדפדפן. הדביקו את ה-HTML למטה וכוונו את action אל Formgong. אין צורך ב-Pages Function או ב-API לדוא"ל. Telegram מגיע מיד. בתוכנית החינמית הדוא"ל הוא תקציר למחרת ב-08:00.

Cloudflare Pages
<form action="https://formgong.com/submit" method="POST">
  <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" placeholder="השם שלך" required></label>
  <label>אימייל <input type="email" name="email" autocomplete="email" placeholder="you@example.com" required></label>
  <label>הודעה <textarea name="message" placeholder="איך נוכל לעזור?" 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>
  
  <button type="submit">שליחה</button>
</form>

איך טפסים עובדים ב-Cloudflare Pages

Cloudflare Pages מגיש קבצים סטטיים. הוא לא סורק את ה-HTML בחיפוש טופס. ל-POST אל כתובת העמוד אין לאן להגיע, והפנייה אובדת.

קובץ functions/api/contact.js יכול לקרוא את ה-POST. שליחת דוא"ל עדיין דורשת API לדוא"ל, סוד ו-DNS על דומיין שלכם. הטופס למטה מדלג על העבודה הזו.

הגדרה ב-Cloudflare Pages

  1. צרו טופס ב-Formgong והעתיקו את המפתח. הוא מתחיל ב-fk_.
  2. הדביקו את ה-HTML לתיקייה ש-Pages מפרסם, למשל public/index.html או contact.html. כוונו את action אל https://formgong.com/submit.
  3. החליפו את fk_your_access_key. השאירו את botcheck ריק. הוסיפו Turnstile רק אחרי שהפעלתם אותו תחת Protection.
  4. פרסמו מ-Git, או הריצו wrangler pages deploy. שלחו ניסיון מכתובת pages.dev החיה.
  5. בתוכנית החינמית הדוא"ל הוא תקציר למחרת ב-08:00. Telegram מגיע מיד. Pro ו-Business שולחים דוא"ל על כל שליחה.

Formgong או Pages Function?

כתבו Pages Function כשהשליחה חייבת לשנות את מסד הנתונים שלכם או לקרוא ל-API פרטי.

השתמשו ב-Formgong לטופס יצירת קשר. אתם מדלגים על סוד הדוא"ל, על רשומות DNS ועל פונקציה לתחזוקה. האתר נשאר תיקיית קבצים סטטיים.

שאלות ותשובות

האם ל-Cloudflare Pages יש טופס יצירת קשר?

לא. המדריך הרשמי בונה Pages Function שמחזירה את השדות כ-JSON. היא לא שולחת דוא"ל ולא שומרת תיבה. עדיין צריך צד שרת לטפסים, או פונקציה שלכם יחד עם API לדוא"ל.

האם צריך Pages Function או Worker?

לא לטופס הזה. הדפדפן שולח אל Formgong. פונקציה מתאימה כשהשליחה חייבת להריץ את הקוד שלכם. המסלול החינמי הישן של MailChannels ל-Workers נעצר ב-30 ביוני 2024.

האם המבקר יכול להישאר בעמוד?

כן. קראו ל-fetch על https://formgong.com/submit עם Accept: application/json. חשבו שהשליחה הצליחה רק כש-response.ok ו-result.success שניהם אמת. טופס ה-HTML עובד גם בלי JavaScript.

איך מוסיפים Turnstile באותו חשבון?

צרו ווידג'ט Turnstile בלוח של Cloudflare והדביקו את מפתח האתר בטופס. שימו את הסוד ב-Formgong תחת Protection, לא בפרויקט Pages. הווידג'ט שולח cf-turnstile-response.

מה כלול בתוכנית החינמית?

Free שומר 300 שליחות בחודש. Telegram מגיע מיד. הדוא"ל הוא תקציר אחד למחרת ב-08:00 באזור הזמן שלכם. Pro ו-Business שולחים דוא"ל על כל שליחה.

התחילו חינם