نموذج اتصال 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="ar">
  <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 في الحالتين. طابق صيغة التضمين مع نوع الملف.

هل لدى 11ty معالج نماذج مدمج؟

لا. الوثائق تغطي القوالب والبيانات والاستضافة. لا تشحن صندوق نماذج. على خلفية نماذج، أو خادمك، أن تستقبل POST.

ابدأ مجانًا