كيفية إنشاء نموذج اتصال في Elementor

تريد معرفة كيفية إنشاء ملف نموذج الاتصال في Elementor؟

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

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

كيفية إنشاء نموذج اتصال في Elementor

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

في هذه المقالة ، سننتقل مباشرة إلى إضافة أداة النموذج إلى مربع تحرير Elementor. ما عليك سوى إضافة أداة النموذج من لوحة الأدوات إلى مربع التحرير على النحو التالي:

كما ترى ، تقوم أداة النموذج تلقائيًا بإنشاء نموذج يتكون من ثلاثة حقول.

اقرأ أيضا: كيفية إضافة شبكة أسعار في Elementor

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

لحذف حقل موجود ، يمكنك ببساطة النقر فوق X من الحقل الذي تريد حذفه.

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

تحديد عمل النموذج

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

انظر أيضا: كيفية إنشاء صورة مستديرة في Elementor

حدد الإجراء الذي تريد تحديده في الحقل المتاح (يمكنك إضافة إجراءات متعددة). في هذا المثال ، نختار البريد الإلكتروني.

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

بشكل افتراضي ، يتضمن Elementor محتوى جميع الحقول في النموذج. إذا كنت تريد تضمين محتوى من حقول معينة فقط ، فيمكنك لصق الرموز القصيرة للحقول المفضلة في الحقل. رسالة.

على سبيل المثال ، سيقوم الإعداد أدناه بإرسال محتويات حقل الرسالة فقط.

للحصول على الرمز المختصر للحقل ، يمكنك النقر فوق علامة التبويب المتقدمة في المجال المرتبط بالكتلة حقول النموذج.

تعريف الرسائل

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

انظر أيضا: كيفية إنشاء قسم أعضاء الفريق باستخدام Elementor

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

تخصيص النموذج

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

• شكل

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

• الحقل

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

• أزرار

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

• الرسائل

يمكنك فتح هذه الكتلة لتحديد أسلوب الطباعة ولون نص الرسائل.

• خطوات

يمكنك فتح هذه الكتلة فقط إذا كنت تريد إنشاء نموذج متعدد الخطوات.

بمجرد الانتهاء من تخصيص النموذج ، وكذلك الصفحة ، يمكنك نشر صفحتك.

خطأ محتمل

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

العنصر ومعظم المكونات الإضافية لنماذج الاتصال - بما في ذلك نموذج الاتصال 7 - استخدم ميزة تسليم البريد الافتراضية في WordPress المسماة wp_mail. تعتمد هذه الوظيفة على الوظيفة ارسل بريد والتي تعتمد على PHP لتعمل.

اقرأ أيضا: كيفية إضافة شريط تمرير شهادة في Elementor

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

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

في النهاية

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

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

احصل على Elementor Pro الآن!

وفي الختام

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

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

ولكن في هذه الأثناء ، شارك هذا المقال على الشبكات الاجتماعية المختلفة.

...