نظرة عامة على النماذج - مساعدة Webflow
النماذج هي واحدة من أقوى الأدوات على الويب، حيث تتيح لك جمع المعلومات بكفاءة، سواء كنت تجمع اشتراكات النشرات الإخبارية عبر البريد الإلكتروني أو استفسارات العمل من العملاء المحتملين. مع Webflow، يمكنك تخصيص وتحسين نماذجك بالكامل لتناسب احتياجاتك. يمكنك إضافة كتلة نموذج إلى موقعك من لوحة الإضافة → العناصر → النماذج.
تشريح النموذج
يرث كتلة النموذج العرض الكامل لعنصره الأبوي ويحتوي على ثلاثة عناصر فرعية:
- النموذج — يحتوي على جميع مدخلات وعناصر النموذج الخاصة بك
- رسالة النجاح — الرسالة التي يتم إرجاعها عند إرسال النموذج بنجاح
- رسالة الخطأ — الرسالة التي يتم إرجاعها عند وجود مشكلة في إرسال النموذج
هيكل النموذج
يمكنك إضافة أو حذف أي من عناصر النموذج التالية داخل النموذج لتخصيص النموذج حسب الحاجة:
| عنصر النموذج | الغرض |
|---|---|
| تسمية الحقل | تُستخدم لوصف وظيفة أو غرض حقل النموذج. تسميات الحقول ضرورية لإمكانية الوصول. |
| إدخال | يُستخدم لجمع البيانات ذات السطر الواحد، مثل الرد القصير على سؤال (مثل الاسم أو عنوان البريد الإلكتروني) |
| تحميل ملف | يسمح لزوار الموقع بإرفاق ملف بإرسال النموذج |
| منطقة النص | يسمح لزوار الموقع بإدخال بيانات متعددة الأسطر، مثل رسالة طويلة |
| مربع اختيار | يُستخدم لإدخال البيانات حيث يمكن لزوار الموقع اختيار خيار واحد أو عدة خيارات |
| زر الراديو | يُستخدم لإدخال البيانات حيث يمكن لزوار الموقع اختيار خيار واحد فقط من بين العديد من الخيارات |
| تحديد | يُستخدم للسماح لزوار الموقع بتحديد الخيارات من قائمة منسدلة. يُسمح بتحديدات متعددة |
| reCAPTCHA | خدمة من Google تمنع البريد العشوائي للنماذج |
| زر الإرسال | يرسل جميع البيانات التي تم جمعها في النموذج. لا يكتمل أي نموذج بدون زر الإرسال |
كيفية تكوين عناصر النموذج
يمكنك النقر المزدوج على عنصر النموذج (مثل إدخال، زر إرسال) لفتح إعداداته. كل عنصر نموذج يحتوي على إعدادات إدخال مختلفة بناءً على نوعه:
| إعداد الإدخال | الغرض | ملاحظات إضافية |
|---|---|---|
| الاسم | يحدد الحقل في إرسال النموذج | لا يوجد |
| مطلوب | يتيح لك طلب ملء حقل النموذج لإرسال النموذج | يمنع الإرسال الفارغ |
| العنصر النائب | يعرض نصًا في الإدخال يختفي عند الكتابة؛ لا ينبغي أن يحل محل التسميات أو التعليمات الأساسية | غير متاح للتقنيات المساعدة أو أدوات الترجمة؛ يمكن تنسيقه من قائمة الحالات |
| نوع النص | يحدد نوع الإدخال (مثل البريد الإلكتروني، الهاتف، كلمة المرور) | الهاتف يقبل الأحرف ويظهر لوحة المفاتيح؛ كلمة المرور تخفي الأحرف المكتوبة |
| التركيز التلقائي | يقرر ما إذا كان الحقل يركز تلقائيًا عند تحميل الصفحة | انتبه لمشاكل التمرير/القفز أو الحقول المخفية التي تمنع الإرسال |
زر الإرسال
إعدادات زر الإرسال تتيح لك ضبط:
- نص الزر: ما يظهر على الزر (الافتراضي: "إرسال")
- نص الانتظار: ما يحل محل الزر بعد النقر عليه وقبل اكتمال الإرسال (الافتراضي: "يرجى الانتظار...")
كيفية إدارة إعدادات النموذج
تخصيص حالات النجاح والخطأ
حدد كتلة النموذج وانتقل إلى إعدادات كتلة النموذج لـ:
- عادي: الحالة الافتراضية
- نجاح: رسالة بعد إرسال ناجح
- خطأ: رسالة بعد إرسال فاشل
تعيين اسم النموذج
الاسم الذي تحدده يربط النموذج ببيانات الإرسال الخاصة به. إذا لم تقم بتعيين أسماء فريدة، ستظهر جميع بيانات الإرسال تحت "نموذج البريد الإلكتروني". أعط أسماء وصفية لتمييز النماذج.
إدارة إرسال النماذج والإشعارات
- حدد المستلمين في إعدادات كتلة النموذج.
- الوصول إلى الإشعارات المتقدمة في إعدادات الموقع → النماذج → إشعارات النموذج.
- لمالكي المواقع الكاملة: الوصول/إدارة بيانات النموذج في إعدادات الموقع → النماذج → إرسال النماذج.
إعادة توجيه زوار الموقع عند إرسال النموذج
أضف عنوان URL في حقل إعادة التوجيه لإرسال المستخدمين إلى مكان آخر بعد الإرسال.
تعيين إجراء مخصص
أضف إجراء مخصص لإرسال الإرسالات إلى مكان آخر (مثل HubSpot). عند إضافة هذا، لا يقوم Webflow بمعالجة أو إرسال الإشعار. يمكنك أيضًا توصيل التطبيقات لمزيد من التكاملات.
عرض اتصالات التطبيقات
ستظهر التطبيقات المتصلة في الاتصالات. ملاحظة: إرسال بيانات النموذج إلى Webflow يظهر دائمًا ما لم تتجاوز معالجة Webflow بالكامل.
بيانات النموذج وGDPR
- إذا كنت تجمع بيانات شخصية من سكان الاتحاد الأوروبي (بما في ذلك من خلال النماذج)، فأنت مراقب بيانات بموجب GDPR.
- احصل على الموافقة المناسبة لجمع البيانات.
- إذا كنت تبني للعملاء، قم بتثقيفهم حول مسؤولياتهم.
- راجع المسؤوليات إذا كنت تربط البيانات بأطراف ثالثة (مثل Zapier).
تعرف على المزيد:
استكشاف الأخطاء وإصلاحها
إذا لم يتمكن نموذجك من الإرسال:
- إذا قمت بتمكين reCAPTCHA، تأكد من تضمينها في جميع النماذج. وإلا، ستفشل الإرسالات.
- إذا كان لديك حقول مخفية، تأكد من أن التركيز التلقائي مغلق لتلك الحقول.
- المواقع المجانية/غير المستضافة محدودة بـ 50 إرسال نموذج إجمالي. قم بترقية خطة موقعك لإزالة الحد.
إذا استمرت المشاكل، اتصل بدعم العملاء.