Formgong على WooCommerce

أسئلة المنتج والطلب تذهب إلى Formgong عبر الإضافة نفسها. الدفع والمدفوعات ورسائل الطلب تبقى في WooCommerce.

1. ثبّت إضافة Formgong والصق مفتاح الوصول في Settings ثم Formgong. اضغط Send a test submission. يستخدم plugin-test@example.com ولا يُنهي معالج الربط.
2. فعّل سؤال المنتج أو سؤال الطلب أو كليهما، ثم احفظ. يمكن لكل سؤال قالب خاص مثل aula أو clinic-appointment. الاختيار الفارغ يرث القالب الرئيسي. plain يفرض نموذج التواصل المدمج. قالب الرمز القصير أو الكتلة يفوز على الاثنين. في قالب منتج، [formgong product="1"] يضيف المنتج الحالي. [formgong template="aula"] يضبط القالب لذلك النموذج فقط.
3. سؤال المنتج يقف في ملخص المنتج ويرسل الاسم وSKU والعنوان كحقول مخفية. يبقى العنوان Question about this product حتى تضع عنوانًا خاصًا. سؤال الطلب يقف بعد جدول الطلب. يراه فقط عميل يستطيع رؤية ذلك الطلب، ويُرسل رقم الطلب فقط.
4. النموذجان يرسلان الحقل المخفي _page_url للصفحة الحالية. يبقيه Formgong حين يتطابق المضيف مع المُحيل، مع تجاهل www في البداية. الدفع والمدفوعات ورسائل طلب WooCommerce لا تتغير.
5. الأنماط تتبع مظهر القالب وتبقى داخل النموذج في Storefront وAstra وTwenty. الحقول الشرطية، مثل اسم الطفل في clinic-appointment، تظهر وتختفي بـ CSS.
6. أرسل تجربة من صفحة منتج ومن صفحة طلب العميل، ثم افتح الوارد. Telegram فوري في كل الخطط بما فيها Free. في Free يصل بريد مع كل طلب إلى عنوان واحد. إذا غاب السؤال، تأكد أن WooCommerce نشط وأن المربع محفوظ.

Formgong على WordPress.org تنزيل إضافة Formgong (zip)

معرّفات القوالب

ضع المعرّف في وسم template للرمز القصير، أو اختر القالب نفسه في الكتلة وتحت Settings. أسماء المواقع تبقى العلامة. أسماء البداية والقطاع تتبع لغة الموقع في المحرر.

قوالب المواقع

• craftline — Craftline
• orrery — Orrery
• lattice — Lattice
• lattice-estate — Lattice Estate
• shoal — Shoal
• lattice-atelier — Lattice Atelier
• soglia — Soglia
• halftone — Halftone
• ocra — Ocra
• arcwell — Arcwell
• aula — AULA
• goldleaf — Goldleaf
• quell — Quell
• kavelle — Kavelle
• burrow — Burrow
• selune — Selune
• brightmoss — Brightmoss
• averin — Averin
• sorrel — Sorrel
• odera — Odera
• tamsa — Tamsa
• fernlow — Fernlow
• stilla — Stilla
• somna — Somna

تخطيطات البداية

• html-contact — نموذج تواصل HTML
• ajax-contact — نموذج تواصل AJAX
• tailwind-contact — نموذج تواصل Tailwind
• modal-contact — نموذج تواصل منبثق
• dark-contact — نموذج تواصل بالوضع الداكن
• minimal-contact — نموذج تواصل بحد أدنى
• ai-builder — أمر Lovable وBolt

NPS

• nps — نموذج استطلاع NPS

نماذج القطاعات

• clinic-appointment — نموذج حجز موعد لدى الطبيب
• patient-intake — نموذج استقبال المريض
• insurance-quote — نموذج طلب عرض سعر تأمين
• insurance-claim — نموذج مطالبة تأمين
• order-inquiry — نموذج استفسار عن طلب
• returns — نموذج الإرجاع (RMA)
• wholesale — نموذج طلب جملة
• real-estate — طلب معاينة عقار
• course-enrollment — نموذج التسجيل في دورة
• salon-booking — نموذج حجز في صالون التجميل
• auto-service — نموذج حجز موعد صيانة سيارة
• legal-inquiry — نموذج استفسار قانوني
• renovation-estimate — نموذج طلب تقدير تكلفة التجديد
• job-application — نموذج التقدم لوظيفة
• event-registration — نموذج التسجيل في فعالية
• catering — نموذج طلب خدمة تقديم الطعام
• tour-booking — نموذج حجز رحلة سياحية
• fitness-trial — نموذج حجز حصة تجريبية في النادي
• saas-demo — نموذج طلب عرض توضيحي للشركات
• newsletter-signup — نموذج الاشتراك في النشرة البريدية
• customer-feedback — نموذج آراء العملاء
• customer-survey — نموذج استطلاع العملاء
• rsvp — نموذج تأكيد الحضور (RSVP)
• support-request — نموذج طلب الدعم
• waitlist — نموذج قائمة الانتظار

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

نموذج تواصل لـ WooCommerce →

مفتاح وصول