قم بإنشاء نماذج مذهلة باستخدام Elementor Form Widget

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

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

1. حسّن أخطائك باستخدام آراء القراء

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

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

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

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

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

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

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

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

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

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

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

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

سلبيات

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

تسعير عناصر واجهة المستخدم لنماذج Elementor

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

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

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

الخطوة 1: أضف أداة اتصال Elementor إلى صفحتك

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الحد الأدنى

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

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

هولدرخو

مباشر: .cid.e495888558d5265f

تعليقات عرض

  • نعم، جميل، لقد عرفت كل هذا بالفعل
    ولا أستطيع العثور على ما أريد في أي مكان.

    أريد تغيير لون خط النص في العنصر النائب.
    لقد قمت بتعيين كل شيء على اللون الرمادي الداكن، ولكن تظل نصوص العناصر النائبة على موقعي باللون الأخضر الفاتح: غير قابلة للقراءة تقريبًا لعملائي.

    مساعدة ما الذي يجب أن أنقر عليه.

    ملاحظة: لدي Elementor Pro

  • صباح الخير،

    تعليق عادل حول استلام وصلات القطع عبر العنصر الصيغةي و فرز وصلات القطع حسب إيصال البريد و عدم التحميل على السيرفر ؟

    شكرا لك على تقدمك

    ميلاني

  • Krasný den :)،
    يمكنك إضافة عنصر احترافي إلى الصيغة.
    Poskládala Jsem si Takový Dotazník Pro Zákazníka، Ale Potřebovala Bych Některápol Skrýt s tím، že si je zákazník přes nějaké tla zerboid، krybatje a vyply. Jde to nějakým způsobem udělat? Například tam bude القطب "popiš jak chceš, aby stránka vypadala" Zákazník vyplní název stránky a do toho القطب "popiš jak chceš, aby stránka vypadala" napíše popis.
    على الرغم من أن كل هذه الأشياء يمكن أن تحدث مع Stránek، فمن الأفضل أن تتخلى عن البوبسات. إذا قمت بذلك، فهذا يعني أنك تريد النقر على أي أيقونة إضافية، بعد النقر فوقه، فهذا يعني أنك ستفعل كل ما تريد فعله في هذا الوقت. جي إلى možné? Nebo znáte jiný způsob, jak by se to dalo udělat? شكرا جزيلا على عودتك.
    Doufám، že mi rozumíte. PS: Vůbec nevím، jestli se tu mluví česky nebo anglicky، je to promě trošku matoucí. Tak píšu raději is překladem. (Omlouvám se za svojí angličtinu)

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

المشاركات الاخيرة

كيفية استخدام الرؤوس والتذييلات مع Elementor

تعد رؤوس وتذييلات موقع الويب عناصر أساسية. في معظم الحالات، يوفر الرأس إمكانية التنقل...

6 يناير 2022

مقارنة سمات WordPress: Astra vs OceanWP

اثنان من سمات WordPress الأكثر شيوعًا في السوق هما Astra وOceanWP. احترافي…

2 يناير 2022

مقارنة موضوع أخبار WordPress: الصحيفة مقابل الأخبار أسترا

إن إنشاء موقع إخباري ممتاز لا يتطلب منك أن تصبح مصمم ويب. نحن…

25 أكتوبر 2021

أنشئ موقعًا إلكترونيًا متعلقًا بالأخبار باستخدام موضوع الصحيفة

يعد موضوع Newspaper واحدًا من أهم سمات WordPress التي صممها tagDiv، وهو…

18 أكتوبر 2021

كيفية إنشاء تجارة إلكترونية باستخدام Avada WooCommerce builder

عندما يتعلق الأمر بإنشاء متجر عبر الإنترنت، فإن WooCommerce هو plugin المناسب. هو - هي…

4 أكتوبر 2021

كيفية استخدام تأثيرات الرأس والتمرير اللاصقة مع Elementor

عادةً ما يكون العنوان هو أول ما يراه الشخص عند زيارته لموقع الويب الخاص بك،...

21 سبتمبر 2021