نموذج اتصال Vercel

Formgong team ·

نموذج اتصال Vercel لا يحتاج إلى دالة بلا خادم ولا إلى مفتاح SMTP. ليس لدى Vercel منتج نماذج مدمج. استخدم نموذج HTML أدناه لموقع ثابت، أو نقطة النهاية نفسها من صفحة Next.js. هذا نموذج بريد Vercel: Formgong يرسل الرسالة. لا تحتاج إلى دالة على الخادم.

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

كيف تعمل النماذج في Vercel

تستضيف Vercel ملفات ثابتة وNext.js. لا تتضمن صندوق نماذج. الإضافة المعتادة هي Route Handler أو Server Action يستدعي واجهة بريد. هذا كود خادم وسر ودالة تدفع ثمنها حين تعمل.

التصدير الثابت يجعل هذا المسار أسوأ. يوثق Next.js أن output: 'export' لا يدعم Server Actions، وأن Route Handlers في هذا الوضع لا تقرأ الطلب. إرسال المتصفح لا يحتاج إلى أي منهما.

الإعداد في Vercel

  1. أنشئ نموذجًا في Formgong وانسخ مفتاح الوصول.
  2. لموقع ثابت الصق نموذج HTML في الصفحة التي تخدمها Vercel. ضع access_key و_lang وbotcheck وأرسل إلى https://formgong.com/submit.
  3. في Next.js لا تضف app/api/contact/route.ts ولا تستدع واجهة SMTP. يمكن لمكوّن عميل أن يستدعي fetch على العنوان نفسه. انظر دليل Next.js للمكوّن.
  4. انشر عبر Vercel. الإرسالات لا تشغّل Vercel Function، لذلك لا تُحسب في حصة الدوال. أرسل تجربة على نطاق الإنتاج.
  5. بريد Formgong المجاني ملخص يومي. البريد لكل رسالة يبدأ في Pro. يعمل Telegram في كل الخطط بما فيها Free.

Formgong أم دالة Vercel؟

اكتب Route Handler إذا كان الإرسال يحدّث قاعدتك أو يتحقق من مستخدم لديه جلسة.

استخدم Formgong لنموذج اتصال على موقع ثابت أو على Next.js. تتجنب SMTP ويمكنك الإبقاء على output: 'export'.

أسئلة وأجوبة

هل لدى Vercel نموذج اتصال؟

لا. دليل Vercel لهذا العمل يستخدم خلفية نماذج. لا توجد علامة Forms في المشروع.

هل أرسل نموذج بريد Vercel من دون Resend؟

نعم. أرسل إلى Formgong من الصفحة. يرسل Formgong البريد. لا تضع مفتاح SMTP في مشروع Vercel.

هل يعمل هذا مع التصدير الثابت؟

نعم. المتصفح يرسل النموذج. Server Actions غير مدعومة حين تُضبط output: 'export'، وهذا لا يهم هنا.

هل يبقى الزائر في الصفحة؟

نعم. استدع fetch مع Accept: application/json وأظهر الرسالة من JSON. نموذج HTML هو المسار من دون JavaScript.

ابدأ مجانًا