نموذج تواصل بحد أدنى

تسميات وثلاثة حقول وزر. بلا كتلة تنسيق. المتصفح يرسم الحقول. الإرسال هو نفسه في قوالب البداية الأخرى.

ما الذي تنسخونه

هذا القالب نموذج التواصل بلا قالب أسلوب وبلا فئات مساعدة. يرسم المتصفح عناصر التحكم بمظهره الافتراضي.

يفيد ذلك عندما تريدون رؤية الطلب بوضوح، أو عندما ستتولى ورقة الأنماط لديكم الرسم.

الحقول ما زالت الاسم والبريد وهاتفًا اختياريًا ورسالة. ويُرسل الزر طلب POST عاديًا.

لا يوجد إطار عمل ولا خط ولا برنامج نصي. وإذا أعاد CSS العام لديكم تنسيق حقول الإدخال، فسيُطبَّق. وهذا الملف لا يعارضه.

تتخطى المعاينة في هذه الصفحة أيضًا أنماط البطاقة المستخدمة في القوالب الأخرى، فتبدو عناصر التحكم أقرب إلى نموذج بلا تنسيق.

ما يبقى مطلوبًا

حتى النموذج العاري يحتاج إلى access_key و_lang وbotcheck. فبهذه يعرف Formgong النموذج واللغة والمصيدة.

تُخفى المصيدة بسمة أسلوب قصيرة على غلافها. وهذا هو الأسلوب الوحيد في المقتطف. ومن دونه قد يملأ الناس المصيدة.

Turnstile داخل تعليق. والمقتطف الإضافي هو النموذج نفسه مع إزالة التعليق عن تلك الأسطر، وما زال YOUR_TURNSTILE_SITE_KEY بحاجة إلى استبدال.

إزالة التعليق عن الأسطر لا تنشئ مفتاحًا. أنشئوا الأداة في Cloudflare، وفعّلوا Turnstile على النموذج، ثم الصقوا مفتاح الموقع.

البرنامج النصي المعلّق لا يعمل. اتركوا التعليق في مكانه حتى تريدوا الأداة فعلًا.

التسليم نفسه كما في القوالب المنسّقة

يطبع Telegram أسماء الحقول بخط عريض. أبقوها قصيرة. وترجموا فقط النص الذي يقرؤه الزائر.

من دون _redirect يعرض Formgong صفحة الشكر الخاصة به. ولا تضيفوا _redirect إلا كعنوان https مطلق تملكونه.

تشمل الخطة المجانية 300 طلبًا في الشهر، و30 يومًا من الاحتفاظ، وTelegram فوريًا، وملخص بريد يوميًا.

تُخزَّن البيانات في الاتحاد الأوروبي. وتشغّل Formgong الخدمة. وعنوان الدعم هو support@formgong.com.

عندما يعمل النموذج العاري، يمكنكم لفّه في تخطيطكم. ولستم مضطرين إلى البدء من قالب منسّق.

معاينة

شيفرة النموذج

HTML

<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" required></label>
  <label>البريد الإلكتروني <input type="email" name="email" autocomplete="email" required></label>
  <label>الهاتف <input type="tel" name="phone" autocomplete="tel"></label>
  <label>الرسالة <textarea name="message" 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>
  <!--
اختياري. فعّلوا Turnstile لهذا النموذج، ثم أزيلوا علامات التعليق والصقوا مفتاح الموقع.
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="ar"></div>
-->
  <button type="submit">إرسال</button>
</form>

النموذج نفسه مع أسطر Turnstile غير معلّقة

النموذج نفسه مع أسطر Turnstile غير معلّقة

<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" required></label>
  <label>البريد الإلكتروني <input type="email" name="email" autocomplete="email" required></label>
  <label>الهاتف <input type="tel" name="phone" autocomplete="tel"></label>
  <label>الرسالة <textarea name="message" 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>
  اختياري. فعّلوا Turnstile لهذا النموذج، ثم أزيلوا علامات التعليق والصقوا مفتاح الموقع.
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
<div class="cf-turnstile" data-sitekey="YOUR_TURNSTILE_SITE_KEY" data-language="ar"></div>
  <button type="submit">إرسال</button>
</form>

أسئلة وأجوبة

لماذا ما زال هناك أسلوب على المصيدة؟

حتى تبقى المصيدة خارج الشاشة. وكل ما عدا ذلك بلا تنسيق عن قصد. وإزالة هذه القاعدة الوحيدة تجعل المصيدة ظاهرة.

هل يكسر CSS موقعي الإرسال بأسلوب POST؟

لا يغيّر CSS الإرسال بأسلوب POST. وقد يخفي أسلوب زر الإرسال، لكن أسماء الحقول وعنوان URL للإجراء هما ما يهم.

هل هو أصغر لسبب؟

نعم. هو الطلب نفسه بطلاء أقل، حتى يمكنكم وضعه في صفحة لديها تصميم أصلًا.

هل تحتاجون إلى حقل الهاتف؟

لا. احذفوا تلك التسمية إذا كنتم لا تريدون رقم هاتف. واتركوا email إذا أردتم عنوان رد في صندوق الوارد.