טופס יצירת קשר ל-Hugo

Formgong team ·

הדביקו את זה ב-Hugo. הפניות הולכות ל-Formgong. בלי מסד נתונים ובלי Resend.

300 פניות חינם בחודש

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

Hugo מייצר HTML סטטי. בפריסה רגילה ל-GitHub Pages, Netlify או Cloudflare Pages אין מטפל טפסים בצד השרת.

הוסיפו partial של טופס בפריסה, הגדירו action ל-Formgong ובנו כרגיל. כמו כל אתר סטטי; ראו גם /for/html ואת מאמר GitHub Pages.

הגדרה ב-Hugo

  1. צרו טופס ב-Formgong והעתיקו את מפתח הגישה.
  2. הוסיפו partial (למשל layouts/partials/contact-form.html) עם טופס HTML, access_key, _lang ו-botcheck.
  3. כללו את ה-partial בדף יצירת הקשר. ב-_redirect השתמשו בכתובת תודה מוחלטת ({{ site.BaseURL }}…) אם תרצו.
  4. בנו ופרסמו, שלחו בדיקה מהכתובת החיה, חברו Telegram ב-Formgong.
Hugo
<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>

Formgong או פונקציית serverless ליד Hugo?

הוסיפו פונקציית Netlify/Cloudflare כשצריך לוגיקת שרת בשליחה.

השתמשו ב-Formgong כשמספיקים מסירה ותיבה בלי לכתוב את הפונקציה הזו.

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

האם Hugo צריך תוסף טפסים?

לא. Hugo מוציא HTML; הדפדפן שולח ל-Formgong.

אפשר להשתמש ב-shortcode?

כן. shortcode עם אותו סימון טופס עובד; השאירו את מפתח הגישה מחוץ למאגרים ציבוריים עם build מבוסס env אם תעדיפו.

האם זה כמו GitHub Pages?

אותו רעיון. למאמר GitHub Pages יש הערות מארח; העמוד הזה מיועד ל-Hugo.

התחילו חינם