تعرف علي كيفية انشاء صفحة اتصل بنا في ووردبريس (بالصور التوضيحية) 2024

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

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

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

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

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

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

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

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

تبدو جيدا؟ حسنًا، لنبدأ.

فيديو تعليمي

إذا كنت تفضل التعليمات المكتوبة، واصل القراءة.

1. اختر الإضافة الأفضل، تواصل معنا وقم بتثبيتها

أسهل طريقة لإنشاء نموذج اتصال هي استخدام مكون إضافي. هناك العديد من الإضافات المجانية والمدفوعة التي يمكنها القيام بذلك. تتضمن بعض أفضل هذه الإضافات WPForms، وFluent Forms، وGravity Forms، وContact Form 7. في هذا البرنامج التعليمي، سنختار Fluent Forms، وهو أسرع مكون إضافي لنماذج الاتصال وربما الأسهل في التكوين.

وبدلاً من ذلك، يمكنك البحث عنها مباشرةً في قسم تثبيت المكونات الإضافية لـ WordPress على لوحة تحكم WordPress → الإضافات → إضافة جديد.

بمجرد تثبيت البرنامج المساعد Fluent Forms، سيتم ذكر عنصر جديد في قائمة المسؤول FluentForms.

2. قم بإنشاء نموذج اتصال

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

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

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

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

يستمر المحرر في العمل السحب والإفلات مثل كيفية عمل أدوات إنشاء الصفحات الحديثة مثل Elementor وOxygen.

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

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

3. أضف نموذج الاتصال إلى صفحة الاتصال

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

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

انسخ هذا الرمز والصقه في حقل المحتوى اتصل بنا الصفحة بنفسك.

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

4. أضف نموذج اتصال إلى الشريط الجانبي

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

انسخ الرمز القصير من نموذج الاتصال الخاص بك وانتقل إلى المظهر → الحاجيات من لوحة تحكم WordPress الخاصة بك.

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

الآن كل ما عليك فعله هو لصق رمز نموذج الاتصال الذي تريد عرضه في الشريط الجانبي.

انقر للتحديث لإحداث التغيير. لديك الآن نموذج اتصال كامل الوظائف في الشريط الجانبي.

نأمل أن تساعدك هذه المقالة في إنشاء صفحة اتصال في WordPress. قد ترغب أيضًا في قراءة مقالتنا حول أفضل سمات WordPress ودليلنا حول كيفية تسريع موقع WordPress بنسبة تصل إلى 100% في GTMetrix وPageSpeed ​​​​Insights.

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

اترك تعليقاً

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

Scroll to Top