النماذج ضرورية لأي موقع ويب - من نماذج الاتصال البسيطة إلى تدفقات التسجيل المعقدة متعددة الخطوات. يتضمن Elementor Pro أداة نموذج مدمجة تلغي الحاجة إلى مكون إضافي منفصل للنماذج في العديد من الحالات. في هذا الدليل، نغطي كيفية إنشاء نماذج الاتصال، ونماذج التسجيل، والنماذج متعددة الخطوات باستخدام Elementor Pro، جنبًا إلى جنب مع خيارات التكامل لخدمات التسويق عبر البريد الإلكتروني وإدارة علاقات العملاء.
تتطلب هذه الدروس Elementor Pro. النسخة المجانية من Elementor لا تتضمن أداة النموذج.
نظرة عامة على أداة نموذج Elementor
تدعم أداة نموذج Elementor أنواع الحقول التالية:
| نوع الحقل | حالة الاستخدام | ملاحظات |
|---|---|---|
| نص | الاسم، الشركة، سطر الموضوع | إدخال نص في سطر واحد |
| البريد الإلكتروني | جمع عناوين البريد الإلكتروني | يتضمن التحقق من تنسيق البريد الإلكتروني |
| منطقة نص | نص الرسالة، التعليقات، الأوصاف | نص متعدد الأسطر مع صفوف قابلة للتكوين |
| هاتف | أرقام الهواتف | يظهر لوحة مفاتيح رقمية على الهاتف المحمول |
| رقم | الكميات، الميزانيات، التقييمات | التحقق من الحد الأدنى/الحد الأقصى/خطوة |
| رابط | عناوين المواقع الإلكترونية | التحقق من تنسيق الرابط |
| اختر | اختيارات منسدلة (البلد، الفئة) | اختيار فردي أو متعدد |
| راديو | اختيار واحد من الخيارات (نوع الخدمة) | خيارات مرئية بدون قائمة منسدلة |
| مربع اختيار | اختيارات متعددة (الاهتمامات، الخدمات) | يسمح بالاختيارات المتعددة |
| تاريخ | تواريخ المواعيد، تواريخ الأحداث | أداة اختيار التاريخ الأصلية |
| وقت | جدولة المواعيد | تحكم في اختيار الوقت |
| تحميل ملف | تقديم السيرة الذاتية، الوثائق، الصور | أنواع الملفات وحدود الحجم قابلة للتكوين |
| قبول | الشروط والأحكام، موافقة GDPR | مربع اختيار مطلوب مع رابط |
| مخفي | بيانات التتبع (رابط الصفحة، المحيل) | غير مرئي للمستخدم |
| reCAPTCHA | حماية من البريد العشوائي | مربع اختيار v2 أو غير مرئي v3 |
| فخ العسل | مضاد للبريد العشوائي (غير مرئي للبشر) | حقل مخفي يصيد الروبوتات |
إنشاء نموذج اتصال
الخطوة 1: إضافة أداة النموذج
- افتح أي صفحة في محرر Elementor
- ابحث عن "نموذج" في لوحة الأدوات
- اسحب أداة النموذج إلى تخطيطك
- يتضمن النموذج الافتراضي حقول الاسم، والبريد الإلكتروني، والرسالة
الخطوة 2: تكوين حقول النموذج
للحصول على نموذج اتصال قياسي، تعمل تكوينات الحقول التالية بشكل جيد:
- الاسم (حقل نص، مطلوب) – النص التوضيحي: "اسمك"
- البريد الإلكتروني (حقل بريد إلكتروني، مطلوب) – النص التوضيحي: "[email protected]"
- الموضوع (حقل نص، اختياري) – النص التوضيحي: "كيف يمكننا مساعدتك؟"
- الرسالة (حقل منطقة نص، مطلوب) – النص التوضيحي: "أخبرنا عن مشروعك..."، الصفوف: 5
- reCAPTCHA أو فخ العسل لحماية من البريد العشوائي
الخطوة 3: تكوين الإجراءات بعد الإرسال
تحت قسم "الإجراءات بعد الإرسال"، قم بتكوين ما يحدث عندما يقوم المستخدم بإرسال النموذج: For related information, see our guide on Elementor complete guide.
- البريد الإلكتروني: إرسال بيانات النموذج إلى عنوان بريدك الإلكتروني (أو عدة عناوين)
- إعادة توجيه: إرسال المستخدم إلى صفحة شكرًا بعد الإرسال
- نافذة منبثقة: عرض نافذة تأكيد منبثقة
- Webhook: إرسال بيانات النموذج إلى عنوان URL خارجي (Zapier، Make، API مخصص)
- Mailchimp / ConvertKit / Drip: إضافة المشتركين إلى قوائم التسويق عبر البريد الإلكتروني
- Slack: إرسال إشعارات إلى قناة Slack
- Discord: إرسال إشعارات إلى Webhook في Discord
الخطوة 4: تنسيق النموذج
في علامة التبويب التنسيق، قم بتخصيص المظهر البصري: For related information, see our guide on Elementor templates and kits.
- تخطيط النموذجالحقول: الحقول المكدسة (بالعرض الكامل) أو المتجاورة (جنبًا إلى جنب)
- تنسيق الحقل: الحدود، لون الخلفية، الحشوة، نصف قطر الحدود، لون حالة التركيز
- تنسيق التسمية: عائلة الخط، الحجم، اللون، التباعد
- تنسيق الزر: لون الخلفية، لون النص، الحدود، تأثيرات التحويم، خيار العرض الكامل
- الرسائل: ألوان رسائل النجاح والخطأ والطباعة
إنشاء نموذج متعدد الخطوات
النماذج متعددة الخطوات مفيدة للنماذج الطويلة (التسجيلات، الطلبات، الاستطلاعات) حيث يمكن أن يؤدي عرض جميع الحقول مرة واحدة إلى إرباك المستخدمين. يدعم Elementor Pro النماذج متعددة الخطوات بشكل أصلي. For related information, see our guide on creating landing pages with Elementor.
كيفية إعداد الخطوات
- أضف عنصر نموذج إلى صفحتك
- في قائمة حقول النموذج، أضف نوع حقل "خطوة" بين مجموعات الحقول
- كل حقل خطوة ينشئ خطوة جديدة مع زر "التالي" و"السابق"
- هيكل المثال:
- الخطوة 1: الاسم، البريد الإلكتروني، الهاتف (المعلومات الشخصية)
- الخطوة 2: الشركة، الميزانية، الجدول الزمني (تفاصيل المشروع)
- الخطوة 3: الرسالة، تحميل الملف (معلومات إضافية)
تظهر النماذج متعددة الخطوات مؤشر تقدم يوضح أي خطوة يتواجد فيها المستخدم. هذا يقلل من التعقيد المدرك ويحسن معدلات الاكتمال مقارنة بعرض جميع الحقول مرة واحدة.
إنشاء نموذج تسجيل مستخدم
يمكن لـ Elementor Pro إنشاء نماذج تسجيل مستخدمين في ووردبريس دون الحاجة إلى إضافة منفصلة:
- أضف عنصر نموذج وقم بتكوين الحقول (اسم المستخدم، البريد الإلكتروني، كلمة المرور)
- تحت "الإجراءات بعد الإرسال"، أضف إجراء "تسجيل"
- قم بربط كل حقل نموذج بالحقل المقابل في ووردبريس
- حدد دور المستخدم الافتراضي للتسجيلات الجديدة
- يمكنك إعادة توجيه المستخدمين إلى صفحة حسابهم بعد التسجيل
ملاحظة: يتطلب ووردبريس من المشرف الموافقة على المستخدمين الجدد بشكل افتراضي. يمكنك تغيير ذلك تحت الإعدادات → عام → العضوية إذا كنت تريد من المستخدمين التسجيل بحرية.
التكامل مع خدمات التسويق عبر البريد الإلكتروني
يتكامل Elementor Pro مع منصات التسويق عبر البريد الإلكتروني الشهيرة مباشرة:
| الخدمة | نوع التكامل | خطوات الإعداد |
|---|---|---|
| Mailchimp | محلي (مضمن) | أضف مفتاح API → اختر القائمة → اربط الحقول |
| ConvertKit | محلي (مضمن) | أضف مفتاح API → اختر النموذج → اربط الحقول |
| ActiveCampaign | محلي (مضمن) | أضف بيانات اعتماد API → اختر القائمة → اربط الحقول |
| Drip | محلي (مضمن) | أضف رمز API → اختر الحساب → اربط الحقول |
| GetResponse | محلي (مضمن) | أضف مفتاح API → اختر الحملة → اربط الحقول |
| MailerLite | محلي (مضمن) | أضف مفتاح API → اختر المجموعة → اربط الحقول |
| HubSpot | عبر Webhook | أنشئ Zapier/Make اتصال مع إجراء webhook |
لكل تكامل، تكون العملية: أدخل مفتاح API الخاص بخدمتك في إعدادات التكامل في Elementor، ثم اختر الخدمة كـ "إجراء بعد الإرسال" في نموذجك. اربط حقول نموذجك بحقول الخدمة، وسيتم إضافة المشتركين تلقائيًا عند إرسال النموذج.
استراتيجيات حماية من الرسائل المزعجة
تجذب نماذج الاتصال الروبوتات المزعجة. يوفر Elementor Pro عدة خيارات لمنع الرسائل المزعجة:
- Google reCAPTCHA v3: كشف الرسائل المزعجة غير المرئي الذي يقيم الإرساليات دون تفاعل المستخدم. موصى به لمعظم النماذج
- reCAPTCHA v2: مربع الاختيار "أنا لست روبوتًا". أكثر وضوحًا ولكنه قد يقلل من إكمال النموذج
- حقل Honeypot: حقل غير مرئي يملأه الروبوتات. إذا كان الحقل يحتوي على بيانات، يتم رفض الإرسال. لا يتطلب تفاعل المستخدم
- حقل القبول: مربع اختيار مطلوب (موافقة GDPR، قبول الشروط) يعمل أيضًا كردع للروبوتات
نوصي باستخدام reCAPTCHA v3 مع حقل Honeypot. هذا يوفر طبقتين من حماية الرسائل المزعجة دون أي تأثير مرئي على المستخدمين.
في تجربة المستخدم.
نموذج Elementor مقابل الإضافات المخصصة للنماذج
| الميزة | نماذج Elementor | Gravity Forms | WPForms |
|---|---|---|---|
| البناء المرئي | داخل محرر Elementor | سحب وإفلات منفصل | سحب وإفلات منفصل |
| المنطق الشرطي | أساسي (إظهار/إخفاء الحقول) | متقدم | متقدم |
| تكامل الدفع | زر PayPal | Stripe، PayPal، Square | Stripe، PayPal، Square |
| الحسابات | لا | نعم | نعم (Pro) |
| خطوة متعددة | نعم | نعم | نعم |
| تحميل الملفات | نعم | نعم | نعم |
| إدارة الإدخالات | عبر تقديمات Elementor | مدير إدخالات كامل | مدير إدخالات كامل |
| يتطلب منشئ صفحات | نعم (Elementor Pro) | لا | لا |
نماذج Elementor كافية لنماذج الاتصال، تسجيلات النشرة الإخبارية، ونماذج التسجيل البسيطة. بالنسبة للنماذج المعقدة التي تتطلب معالجة الدفع، أو المنطق الشرطي المتقدم، أو إدارة الإدخالات المتطورة، فإن الإضافات المخصصة للنماذج مثل Gravity Forms أو WPForms تكون أكثر ملاءمة.
أسئلة شائعة
هل يمكنني استخدام نماذج Elementor بدون Elementor Pro؟
لا. عنصر النموذج حصري لـ Elementor Pro. إذا كنت بحاجة إلى نماذج مع النسخة المجانية من Elementor، استخدم إضافة نموذج منفصلة مثل Contact Form 7 (مجانية)، WPForms Lite (مجانية)، أو Gravity Forms (مدفوعة).
أين يتم تخزين تقديمات نماذج Elementor؟
تقديمات النماذج يتم تخزينها في قاعدة بيانات WordPress ويمكن الوصول إليها تحت Elementor → تقديمات في لوحة الإدارة. يمكنك عرض، تصدير (CSV)، وحذف التقديمات. كما يتم إرسال التقديمات إلى عناوين البريد الإلكتروني التي تقوم بتكوينها في إجراء البريد الإلكتروني.
هل يمكن أن تقبل نماذج Elementor تحميل الملفات؟
نعم. أضف نوع حقل تحميل الملفات إلى نموذجك. يمكنك تكوين أنواع الملفات المقبولة (PDF، JPG، PNG، DOCX، إلخ) وحجم الملف الأقصى. يتم تخزين الملفات المحملة في مكتبة الوسائط في WordPress وترتبط بتقديم النموذج.
كيف أضيف المنطق الشرطي إلى نماذج Elementor؟
يدعم Elementor Pro المنطق الشرطي الأساسي: إظهار أو إخفاء الحقول بناءً على قيمة حقل آخر. في إعدادات الحقل، قم بتمكين "شرطي" واضبط الشروط (على سبيل المثال، إظهار حقل "الشركة" فقط عندما يتم اختيار زر الراديو "أنا شركة"). بالنسبة للمنطق الشرطي المتقدم (الحسابات، الشروط متعددة المستويات)، قد تكون إضافة نموذج مخصصة أكثر ملاءمة.
هل يمكنني إنشاء نماذج منبثقة باستخدام Elementor؟
نعم. أنشئ قالب منبثق في Elementor، أضف عنصر نموذج بداخله، واضبط شروط الزناد (النقر، نسبة التمرير، نية الخروج، تأخير الوقت). هذا مفيد لتسجيلات النشرة الإخبارية، مغناطيسات العملاء، والعروض الترويجية دون إضافة نموذج إلى تخطيط الصفحة الرئيسية.
كيف يمكنني منع الرسائل غير المرغوب فيها على نماذج Elementor؟
استخدم Google reCAPTCHA v3 (غير مرئي) مع حقل Honeypot للحصول على حماية من طبقتين. هذا يمنع الروبوتات الآلية دون إضافة احتكاك للمستخدمين الحقيقيين. بالنسبة للنماذج ذات حجم الرسائل غير المرغوب فيها العالي، ضع في اعتبارك إضافة حقل قبول (مربع اختيار مطلوب) كطبقة ثالثة.
احصل على Elementor Pro مع منشئ النماذج
احصل على وصول إلى عنصر النموذج، منشئ القوالب، منشئ WooCommerce، وأكثر من 100 عنصر Pro. قم ببناء النماذج بصريًا دون إضافات إضافية.
تصفح Elementor Pro →
