دليل نموذج الاتصال Ultimate Elementor

يريد كل مالك ويب بناء علاقات جيدة وطويلة الأمد مع عملائه وآفاقهم. هذا هو المكان الذي يأتي فيه نموذج الاتصال. يوصى بشدة بإضافة نماذج الاتصال إلى موقعك لأنها تساعد آفاقك في الوصول إليك وتساعدك على جمع البيانات حول زوار موقعك.

بدون شك ، يمكن لمستخدمي WordPress الوصول إلى العديد من المكونات الإضافية لنماذج الاتصال والعديد من الميزات. هذا يجعل إنشاء النماذج أمرًا سهلاً وسلسًا للمستخدمين. ماذا لو كان بإمكانك أيضًا إنشاء نماذج باستخدام عنصر واجهة مستخدم Elementor Contact Form؟

كيفية إنشاء نماذج اتصال باستخدام Elementor

تتيح لك أداة Elementor Contact Form تخصيص وإضافة أي نوع من نماذج الاتصال إلى موقعك في غضون دقائق. يأتي مزودًا بجميع الميزات والحقول الضرورية لتمكين التفاعل السلس مع موقعك. تجدر الإشارة إلى أن نماذج الاتصال هي سمة من سمات إصدار Pro من Elementor.

هذا يعني أنه يجب عليك الترقية إلى Elementor Pro لإنشاء النماذج. الآن بعد أن أثبتنا هذه الحقيقة ، دعونا نلقي نظرة على الخطوات البسيطة لإنشاء نموذج الاتصال الخاص بك باستخدام Elementor.

دليل خطوة بخطوة لاستخدام Elementor لإنشاء نموذج جهة اتصال

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

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

باستخدام خيار السحب والإفلات ، يمكنك بسهولة إضافة عناصر واجهة مستخدم على صفحة في Elementor ولكن هذا المنشور يبحث في العملية الشاملة لإنشاء نموذج اتصال باستخدام أداة نموذج الاتصال في Elementor Pro.

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

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

ستجد مجموعة من خيارات الحقول التي يمكنك استخدامها ، بما في ذلك Text و Email و URL و Checkbox و Textarea و Tel و Select و Radio و Acceptance و Number و HTML و Hidden و Password و Honeypot و reCAPTCHA و reCAPTCHA V3 ، من بين أمور أخرى .

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

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

الخطوة الرابعة: إعداد قائمة "الإجراءات بعد الإرسال" عادةً ، عندما يرسل المستخدم نموذجًا على موقعك ، قد ترغب في أن يكون لدى زوار موقعك شكلاً من أشكال التعليقات أو الردود لإظهار أن النموذج قد تم تقديمه. هذا ليس تلقائيا. يجب عليك تكوين قسم "الإجراءات بعد الإرسال" للحصول على ما تحتاجه.

انقر فوق قسم "الإجراءات بعد الإرسال" في النموذج الخاص بك وانقر فوق حقل "إضافة إجراء". سترى خيارات مختلفة ، مثل Email Webhook و Discord و Popup و ActiveCampaign و GetResponse و Slack وغيرها. حدد أيًا من الخيارات لإضافة إجراءات بعد الإرسال.

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

تجدر الإشارة إلى أن Elementor يقدم العديد من خيارات الإجراءات التي يمكنك استكشافها. ثم مرة أخرى ، يمكنك التفكير في خدمات الجهات الخارجية الأخرى لجعلها أكثر سلاسة. تتضمن بعض خدمات الجهات الخارجية التي يمكنك استكشافها Hubspot و Mailchimp و Drip و Convertkit و Slack وغيرها. كل هذه عمليات تكامل مضمنة في Elementor ، مما يسهل الوصول إليها واستخدامها.

الخطوة الخامسة: تتيح لك هذه الخطوة تخصيص رسالتك للمستخدمين عندما يحدث شيء ما عند ملء نموذج. على سبيل المثال ، عندما يرسلون نموذجًا بنجاح أو يوجد خطأ ، يجب أن يتلقوا رسالة.

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

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

الخطوة 7: لقد نجحت في تكوين نموذج اتصال Elementor الخاص بك والمرحلة التالية والأخيرة هي نشره. للقيام بذلك ، انقر فوق الزر "تحديث" الموجود في الجزء السفلي من النموذج.

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

استنتاج

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