نموذج اتصال Cloudflare Pages

Formgong team ·

يمكن لنموذج اتصال على Cloudflare Pages أن يُرسل من المتصفح. الصق HTML أدناه واجعل action يشير إلى Formgong. لا تحتاج إلى Pages Function ولا إلى واجهة بريد. 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="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>

كيف تعمل النماذج في Cloudflare Pages

Cloudflare Pages يقدّم ملفات ثابتة. هو لا يبحث عن نموذج في HTML. طلب POST إلى عنوان الصفحة لا وجهة له، فتضيع الرسالة.

ملف functions/api/contact.js يستطيع قراءة هذا الطلب. إرسال البريد ما زال يحتاج واجهة بريد وسرًا و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 حين يجب أن يغيّر الإرسال قاعدة بياناتك أو يستدعي واجهة خاصة.

استخدم Formgong لنموذج الاتصال. تتخطى سر البريد وسجلات DNS ودالة تصونها. يبقى الموقع مجلد ملفات ثابتة.

أسئلة وأجوبة

هل يتضمن Cloudflare Pages نموذج اتصال؟

لا. الدرس الرسمي يبني Pages Function تعيد الحقول كـ JSON. هي لا ترسل بريدًا ولا تحفظ صندوقًا. ما زلت تحتاج خلفية نماذج، أو دالتك مع واجهة بريد.

هل أحتاج 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 ثلاثمئة إرسال في الشهر. Telegram فوري. البريد ملخص واحد في الصباح التالي عند 08:00 بتوقيتك. Pro وBusiness يرسلان بريدًا لكل إرسال.

ابدأ مجانًا