إنشاء نماذج مذهلة باستخدام عنصر واجهة المستخدم للنموذج

تقييمات plugin ووردبريس / بواسطة /

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

كيف تعزز عملك / موقع الويب الخاص بك باستخدام نماذج الاتصال؟

1. تحسين أخطائك باستخدام مراجعات القراء

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

2. تأمين بريدك الإلكتروني عن طريق تصفية البريد العشوائي

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

3. نموذج الاتصال متعدد الأغراض

يمكن استخدام نماذج الاتصال بعدة طرق ؛ يمكن استخدامه للتغذية الراجعة أو طلب دعم مقترحات الأعمال أو طلبات المبيعات.

4.تحسين معدل التحويل الخاص بك

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

لماذا استخدم أداة نماذج Elementor لإنشاء نماذج اتصال؟

يعد Elementor إلى حد بعيد واحدًا من أشهر المكونات plugin لبناء الصفحات المتوفرة لـ WordPress. يأتي مع عنصر Forms Widget الذي يسمح لك بإنشاء أنواع مختلفة من النماذج بسهولة لمدونتك أو موقع الويب الخاص بك.

إليك نظرة على بعض إيجابيات وسلبيات استخدام Elementor Forms Widget لإعطاء فكرة عما تقدمه:

الايجابيات: الميزات الرئيسية

  • الكثير من الخيارات القوية لمساعدتك على تخصيص التخطيط والتباعد وهيكل النماذج الخاصة بك.
  • احصل على تحكم كامل في التصميم لتبسيط عناصر النموذج بألوان وطباعة مختلفة لتتناسب مع علامتك التجارية وجماليات الموقع بشكل عام.
  • أكثر من 10+ حقل بما في ذلك الأسماء والبريد الإلكتروني ورقم الهاتف والتاريخ والوقت وحقل كلمة المرور وغير ذلك الكثير. يتيح لك ذلك جمع أنواع مختلفة من البيانات بسهولة من القراء / الزوار.
  • مساحة مخصصة لتخزين وإدارة جميع بيانات إرسال النموذج. خيار التعديل والحذف والتصفية من خلال البيانات وحتى تصديرها.
  • دعم الأشكال متعددة الخطوات. قسّم نموذجًا طويلاً إلى أجزاء متعددة حتى لا يشعر المستخدمون بالارتباك.
  • ادمج نموذج الاتصال الخاص بك مع أكثر من 30 خدمة أتمتة تسويق قوية.

سلبيات

  • دعم العملاء بطيء في الاستجابة.
  • قد تجد صعوبة بعد تحديث أحدث إصدار ، لذا احتفظ بنسخة احتياطية من موقعك قبل تحديث plugin كل مرة.
  • غير متوفر مع الإصدار المجاني من Elementor. تحتاج إلى الحصول على الإصدار الاحترافي للوصول إلى أدوات النماذج.

أسعار عنصر واجهة النماذج Elementor

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

تنزيل Elementor Pro

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

تنزيل Elementor Pro

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

الخطوة 1: إضافة عنصر واجهة مستخدم Elementor إلى صفحتك

توجه إلى الصفحة حيث تريد وضع نموذج الاتصال. يمكن أن تكون إما صفحتك الرئيسية أو من نحن أو صفحة اتصال مخصصة لهذا الأمر.

بمجرد تحديد الصفحة ، انقر فوق تحرير باستخدام Elementor في شريط الأدوات العلوي لتبديل منشئ الصفحة Elementor.

سيؤدي هذا إلى إظهار Elementor builder بقائمة بجميع عناصر واجهة المستخدم Elementor على الشريط الجانبي الأيسر.

الآن اسحب أداة نموذج Elementor إلى الصفحة ، وهنا كيف ستبدو على صفحتك.

الخطوة 2: كيفية إنشاء حقول النموذج

يتكون النموذج الأساسي من بعض الحقول الأولية ؛ مثل

  • اسم
  • عنوان بريد الكتروني
  • رسالة

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

لذلك لإضافة حقول مخصصة ، انقر فوق "إضافة عنصر". 

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

هناك قائمة ضخمة من أنواع الحقول التي يمكنك استخدامها. بعض منها على النحو التالي

  • نص.
  • البريد الإلكتروني
  • منطقة النص.
  • URL.
  • هاتف.
  • مذياع.
  • يختار.
  • خانة اختيار.

بعد نوع الحقل ، يوجد حقل آخر ، "التسمية". يكون خيار التسمية مرئيًا في الجزء العلوي من نوع الحقل ، لذا حدده بحكمة.

الحقل التالي هو "placeholder". العنصر النائب هو النصوص التي ستظهر في الحقل قبل أن يقوم المستخدم بإدخال أي معلومات في الحقل.

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

الخيار الأخير هو عرض العمود ؛ يمكنك محاذاة الحقول اختيار عرض العمود المخصص.

إعدادات علامة التبويب المتقدمة

يتم إرسال القيمة الافتراضية عندما لا يتم تقديم أي قيمة أخرى. يتم تخزين معرف الحقل لبيانات الحقل. يمكن استخدام الرمز القصير لإدخال الحقل في أي مكان.

الخطوة 3: قم بتصميم نموذج الاتصال الخاص بك حسب موضوع علامتك التجارية

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

(اختياري) الخطوة 4: قم بإعداد خيارات إرسال النموذج

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

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

الموضوع: ذكر موضوع البريد الإلكتروني المرسل للعميل

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

من البريد الإلكتروني: هذا هو البريد الإلكتروني الذي ستستخدمه للحصول على النماذج المرسلة

من الاسم: اختر الاسم الذي ترغب في إرساله مع البريد الإلكتروني.

الرد على: بشكل افتراضي ، هذا هو معرف مسؤول الموقع ، ويمكنك تغييره وقتما تشاء.

CC : إرسال رسائل البريد الإلكتروني إلى عناوين بريد إلكتروني متعددة باستخدام CC

BCC : نفس وظيفة CC ، يمكنك استخدام نسخة مخفية الوجهة لإرسال رسائل بريد إلكتروني إلى عدة مستلمين.

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

(اختياري) الخطوة 5: إعداد إعداد الرسائل المخصصة في نموذج الاتصال

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

لتمكين المراسلة المخصصة ، انقر فوق "خيارات إضافية" ثم قم بتمكين "المراسلة المخصصة" إلى "نعم".

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

الخطوة النهائية: انشر نموذج الاتصال الخاص بك

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

الحد الأدنى

من السهل جدًا إنشاء نموذج اتصال باستخدام عنصر واجهة المستخدم Elementor pro . يأتي مع أداة إنشاء نماذج جهات اتصال سهلة السحب والإفلات وخيارات قابلة للتخصيص بدرجة عالية والتي تبرز من المكونات الإضافية لنماذج الاتصال الأخرى plugin السوق. يمكنك بسهولة تغيير شكله ونظام الألوان وفقًا لعلامتك التجارية. أيضًا ، ستحصل على العديد من الأدوات المصغّرة الجميلة الأخرى ، وأكثر من 300+ قالب احترافي ، وحزمة شاملة منشئ منبثق. إنه منشئ صفحات WordPress كامل الميزات ومجهز بجميع الأدوات والميزات الضرورية ، لذلك ؛ لست بحاجة إلى شراء أي أداة إنشاء صفحات أخرى لتخصيص موقع الويب الخاص بك. علاوة على ذلك ، يسمح بالتكامل مع أكثر من 30 خدمة تسويقية ؛ هذا هو السبب في أنها واحدة من أكثر المكونات الإضافية مبيعًا plugin السوق.

لذا ، حان دورك الآن ، ما هو plugin لنموذج الاتصال الذي يناسبك؟ هل أذكر في قسم التعليقات.

الوظائف ذات الصلة للقراءة

6 أفكار حول "إنشاء نماذج مذهلة باستخدام عنصر واجهة المستخدم لنموذج العنصر"

  1. جوديث بورسيلين

    Ja leuk hoor، dit wist ik allemaal al.
    Wat ik wil kan ik nergens vinden.

    Ik wil de letterkleur wijzigen van de tekst in de placeholder.
    Ik heb alles op donkergrijs gezet، maar op mijn site blijven de placeholderteksten lichtgroen: bijna onleesbaar voor mijn klanten.

    مساعدة waar moet ik op klikken.

    PS Ik heb elementor pro

    رد
  3. ريغو

    صباح الخير ،

    Comment faire for recevoir des pièces Jointes via ce formire elementor en faisant en sorte que les pièces Jointes soient dans le mail de réception et non à télécharger sur le serveur؟

    شكرا مسبقا

    ميلاني

    رد
  4. مارتينا

    Krásný den :) ،
    عنصر používám pro a jejich formulář.
    Poskládala jsem si takový dotazník pro zákazníka، ale potřebovala bych některá pole skrýt s tím، že si je zákazník přes nějaké tlačítko odkryje a vyplní potř kdyovž bude. Jde to nějakým způsobem udělat؟ Například tam bude pole “popiš jak chceš، aby stránka vypadala” Zákazník vyplní název stránky a do toho pole “popiš jak chceš، aby stránka vypadala” napíše popis.
    Ale ten zákazník může mít více stránek، které bude chtít takhle popsat. Tak si to představuju tak، že tam bude tlačítko nebo ikona plus، na kterou když klikne، tak se objeví znovu tohle pole a bude ho moct vyplnit a tak dále. جي إلى Možné؟ Nebo znáte jiný způsob، jak by se to dalo udělat؟ Děkuji předem za váš as u trávení u tohoto komentáře.
    Doufám، že mi rozumíte. ملاحظة: Vůbec nevím، jestli se tu mluví česky nebo anglicky، je to pro mě trošku matoucí. Tak píšu raději هو překladem. (Omlouvám se za svojí angličtinu)

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

    رد

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني. الحقول المطلوبة محددة *