טופס יצירת קשר ל-Eleventy (11ty)

Formgong team ·

טופס יצירת קשר ל-Eleventy הוא אותו צורך שאנשים מחפשים כטופס 11ty. Eleventy כותב HTML סטטי ולא מריץ שרת למבקרים. שלחו את התבנית אל Formgong. תקבלו דואר ו-Telegram בלי תוסף ובלי פונקציה. האתר נשאר HTML רגיל. אין שרת ואין תוסף חובה.

Eleventy
<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>

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

Eleventy (11ty) מהדר תבניות לקבצים סטטיים. Nunjucks, Liquid, HTML ו-Markdown עובדים. דף ההתחלה, שנבדק ב-6 באוקטובר 2026, אומר ש-v3.1.6 צריך Node 18 או חדש יותר.

תיקיית הפלט הרגילה היא _site. הריצו npx @11ty/eleventy כדי לבנות אותה. שום דבר בתיקייה לא יכול לקבל POST. הטופס צריך לקרוא לנקודת קצה באינטרנט.

הגדרה ב-Eleventy

  1. צרו טופס ב-Formgong והעתיקו את מפתח הגישה.
  2. הוסיפו contact.njk עם הטופס. כוונו אותו אל https://formgong.com/submit וכללו access_key, _lang ו-botcheck.
  3. השתמשו שוב עם {% include "contact-form.njk" %}. קבצים ב-_includes הם חלקים, לא דפים.
  4. הריצו npx @11ty/eleventy --serve ופתחו את http://localhost:8080/. שלחו ניסיון ואז העלו את _site או חברו את המאגר.
  5. השאירו סוגריים של תבנית מחוץ לטקסט שלא תרצו לנתח. Eleventy מתייחס ל-.html כאל Liquid, ולכן {{ גולמי הוא תג. קובץ .njk עושה את הבחירה ברורה.

Formgong או שרת Eleventy?

הוסיפו פונקציית אחסון כשהשליחה צריכה להריץ את הקוד שלכם או לכתוב למסד.

השתמשו ב-Formgong כשצריך רק למסור את ההודעה. בנייה של 11ty נשארת תיקיית HTML.

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

האם Eleventy הוא אותו דבר כמו 11ty?

כן. Eleventy הוא שם הפרויקט ו-11ty הוא השם הקצר. שניהם מופיעים בתיעוד ובחיפוש.

לאן הולכים קובצי ה-HTML?

אל _site, אלא אם משנים את תיקיית הפלט. פרסמו את התיקייה. הטופס נשלח מהדפדפן אחרי שהדף נטען.

באיזו שפת תבניות להשתמש?

בכל אחת. Nunjucks ו-Liquid הן הנפוצות. הטופס הוא HTML בכל מקרה. התאימו את תחביר ה-include לסוג הקובץ.

האם ל-11ty יש מטפל טפסים מובנה?

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

התחילו חינם