2022-03-24

كيفية إنشاء صفحة اتصل بنا في WordPress (خطوة بخطوة) | ووردبريس

نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس
هل تتطلع لإضافة نموذج اتصال على موقع ووردبريس WordPress الخاص بك؟


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


اقرأ هنا : أنشاء مدونة على الووردبريس من البداية الى النهاية | ووردبريس




نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


لماذا تحتاج إلى نموذج اتصال؟

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

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

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

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

اقرأ هنا : كيفية ايقاف البريد العشوائي على موقع ووردبريس الخاص بك

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

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

فيما يلي مثال لنموذج اتصال ووردبريس WordPress الذي سننشئه في هذا البرنامج التعليمي.


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس



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


فيديو تعليمي




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



الخطوة 1. اختيار البرنامج المساعد أفضل نموذج الاتصال

أول شيء عليك القيام به هو اختيار المكوّن الإضافي لنموذج الاتصال في ووردبريس WordPress.

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

فيما يلي الأسباب الثلاثة التي تجعلني أعتقد أن WPForms هو الأفضل:


  1. وهو البرنامج المساعد الأكثر ملاءمة لنموذج الاتصال المتاح للمبتدئين. يمكنك استخدام أداة إنشاء السحب والإفلات لإنشاء نموذج اتصال بسهولة ببضع نقرات فقط.
  2. WPForms Lite مجاني 100٪ ، ويمكنك استخدامه لإنشاء نموذج اتصال بسيط.
  3. عندما تكون مستعدًا لميزات أكثر قوة ، يمكنك الترقية إلى WPForms Pro .


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

اقرأ هنا : مقارنة أفضل 5 مكونات لنموذج الاتصال في ووردبريس


الخطوة 2. تثبيت البرنامج المساعد لنموذج الاتصال في ووردبريس WordPress

قالب وورد بريس
بالنسبة إلى البرنامج التعليمي لنموذج الاتصال هذا ، سنستخدم WPForms Lite لأنه مجاني وسهل الاستخدام.

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


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


في حقل البحث ، اكتب WPForms كما في الصورة أعلاه ثم انقر فوق الزر التثبيت الآن .

بعد تثبيت المكون الإضافي ، تأكد من تنشيط المكون الإضافي.


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس



الخطوة 3. إنشاء نموذج اتصال في ووردبريس WordPress

الآن بعد أن قمت بتنشيط WPForms ، فأنت جاهز لإنشاء نموذج اتصال في ووردبريس WordPress.

في لوحة تحكم ووردبريس WordPress الخاصة بك ، انقر فوق قائمة WPForms وانتقل إلى إضافة جديد.


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


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

يأتي WPForms Lite فقط مع نموذجين من النماذج المعدة مسبقًا (نموذج اتصال فارغ أو بسيط). ولكن يمكنك استخدام هذين لإنشاء أي نوع من نماذج الاتصال التي تريدها.

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


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


يمكنك النقر على الحقل لتحريرها. يمكنك أيضًا استخدام الماوس لسحب ترتيب الحقل وإفلاته.

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


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


عند الانتهاء ، انقر فوق الزر حفظ .

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

الخطوة 4. تكوين إعلام النموذج والتأكيدات

wordpress ماهو
الآن بعد أن قمت بإنشاء نموذج اتصال للوردبريس WordPress الخاص بك ، من المهم أن تقوم بتكوين إعلام النموذج وتأكيد النموذج بشكل صحيح.

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

إخطار النموذج هو البريد الإلكتروني الذي تتلقاه بعد أن يقوم شخص ما بإرسال نموذج الاتصال على موقع ووردبريس WordPress الخاص بك.

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

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


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


أفضل جزء في WPForms هو أن الإعدادات الافتراضية مثالية للمبتدئين. عند الانتقال إلى إعدادات الإعلام ، سيتم ملء جميع الحقول ألياً مسبقًا.


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


يتم إرسال الإشعارات افتراضيًا إلى البريد الإلكتروني للمشرف الذي قمت بإعداده على موقعك. إذا كنت تريد إرسالها إلى عنوان بريد إلكتروني مخصص ، فيمكنك تغيير ذلك. إذا كنت ترغب في إرسال الإشعار إلى رسائل بريد إلكتروني متعددة ، فما عليك سوى فصل كل عنوان بريد إلكتروني بفاصلة.

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

اقرأ هنا : السماح للمشتركين بالنشر على موقع ووردبريس الخاص بك


الخطوة 5. إضافة نموذج اتصال WordPress في الصفحة

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

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

سنستخدم الرمز المختصر لنموذج الاتصال في ووردبريس WordPress لإضافة النموذج في الصفحة. ببساطة انقر فوق الزر "إضافة نموذج" في الجزء العلوي وحدد النموذج الذي تريد إضافته.


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


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

إليك الشكل الذي سيبدو عليه النموذج في صفحة ووردبريس WordPress نموذجية:


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


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

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

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


الخطوة 6. إضافة نموذج اتصال ووردبريس WordPress في الشريط الجانبي

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

في منطقة إدارة ووردبريس WordPress الخاصة بك ، انتقل إلى المظهر »Widgets . سترى عنصر واجهة مستخدم WPForms يمكنك سحبه بسهولة إلى أي مناطق جاهزة لعنصر واجهة المستخدم الخاصة بك.


نور للمعلوماتية,تعلم معنا ووردبريس,ووردبريس,wordpress,تصميم ووردبريس,قوالب ووردبريس,مدونة ووردبريس


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

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

وبذلك تكون قد أنتهيت من أعداد نموذج أتصل بنا وأضافته على موقعك في الووردبريس

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

اقرأ هنا : كيفية إصلاح مشكلة عدم إرسال البريد الإلكتروني في ووردبريس

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

إذا أعجبك هذا المقال ، فالرجاء أضافة تعليق وتققيم للموضوع .

أذا كان لديك أي أستفسار لاتتردد بمراسلتنا هنا






التعليقات
0 التعليقات

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

الاسم

بريد إلكتروني *

رسالة *