الأخبار التكنولوجية والاستعراضات والنصائح!

كيفية إضافة نموذج اتصال إلى موقع الويب أو المدونة الخاصة بك على WordPress

ستساعدك المقالة التالية: كيفية إضافة نموذج اتصال إلى موقع الويب أو المدونة الخاصة بك على WordPress

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

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

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

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

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

تأتي نماذج الاتصال بأشكال وأحجام عديدة ، ولكن إليك بشكل عام الشكل الذي ستبدو عليه:

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

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

فوائد إضافة نموذج اتصال إلى موقع WordPress الخاص بك

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

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

1. حماية أفضل من البريد العشوائي

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

إذا كنت محظوظًا ولم تواجه بريدًا إلكترونيًا عشوائيًا ، فمن المحتمل أنك تلقيت عددًا قليلاً من التعليقات غير المرغوب فيها. هذه مشكلة شائعة في مواقع WordPress ومعظم مواقع الويب بشكل عام.

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

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

2. تلقي رسائل بريد إلكتروني عالية الجودة

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

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

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

3. تعيين توقعات الاتصالات

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

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

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

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

ما الذي تبحث عنه في البرنامج المساعد لنموذج الاتصال؟

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

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

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

فيما يلي بعض مؤشرات جودة مكون WordPress الإضافي:

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

الآن بعد أن عرفت ما الذي يجعل مكون WordPress الإضافي عالي الجودة ، دعنا نلقي نظرة على بعض الميزات التي تريد البحث عنها في مكون إضافي لنموذج الاتصال:

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

أفضل ملحقات نموذج اتصال ووردبريس

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

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

فيما يلي خمسة من أهم المكونات الإضافية لنماذج الاتصال في WordPress تستحق النظر فيها:

1. WPForms (مجاني)

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

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

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

2. أشكال النينجا (Freemium)

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

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

يجب أن تكون النسخة المجانية كافية لمعظم المستخدمين ، ولكن هناك أيضًا نسخة مدفوعة متاحة لأولئك الذين يطلبون وظائف أكبر.

3. Jetpack (مجاني)

Jetpack هو مكون إضافي متعدد الاستخدامات تم إنشاؤه بواسطة Automattic (الفريق الذي يقف وراء WordPress). إنه مجهز بوحدات نمطية متعددة يمكنك تنشيطها لتشغيل ميزات معينة ، من بينها وحدة نموذج جهة اتصال.

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

4. نموذج الاتصال 7 (مجاني)

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

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

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

5. أشكال الجاذبية (بريميوم)

Gravity Forms هو مكون إضافي لنموذج WordPress. نظرًا لأنك تدفع مباشرة من البوابة ، ستجد الكثير من الميزات المتقدمة.

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

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

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

نماذج اتصال WordPress والامتثال لقانون حماية البيانات العامة (GDPR)

قبل أن نواصل ، هناك مشكلة مهمة تحيط بقوانين الخصوصية تحتاج إلى معالجة. خلال شهر مايو من عام 2018 ، تم طرح اللائحة العامة لحماية البيانات (GDPR).

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

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

قد يؤدي عدم الامتثال لأي من اللوائح المنصوص عليها في القانون العام لحماية البيانات (GDPR) إلى فرض غرامات هائلة وفقدان كبير لثقة المستخدم.

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

إليك كيفية تحسين فرصك في الامتثال وفقًا لأحدث لوائح القانون العام لحماية البيانات (GDPR):

1. جمع المعلومات المطلوبة فقط

يكمن جمال استخدام نموذج اتصال WordPress في أنه يمكنك تخصيص معلومات المستخدم التي ستجمعها. من خلال جمع معلومات المستخدم الضرورية فقط ، ستجعل من السهل تتبع بيانات المستخدم. يعد تخزين البيانات وحمايتها أمرًا مهمًا للغاية بموجب القانون العام لحماية البيانات (GDPR). من خلال معرفة البيانات الدقيقة ومعلومات المستخدم التي تجمعها ، سيكون من السهل جدًا أن تظل متوافقًا.

2. قم بتمكين موافقة المستخدم

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

3. تعطيل التتبع (أو إضافة القبول)

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

4. تحسين الأمن وتخزين البيانات

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

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

5. أضف سياسة الخصوصية إلى موقعك

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

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

كيفية إضافة نموذج اتصال إلى موقع WordPress الخاص بك

أخيرًا ، حان الوقت لإضافة نموذج اتصال إلى موقع WordPress الخاص بك!

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

Noteمن أجل البرنامج التعليمي أدناه ، سنستخدم المكون الإضافي Ninja Forms.

1. تثبيت البرنامج المساعد

أولاً ، ستحتاج إلى تثبيت المكون الإضافي على موقعك. للقيام بذلك ، انتقل إلى الواجهة الخلفية لموقع WordPress الخاص بك. بمجرد وصولك إلى هناك ، انتقل إلى الإضافات> إضافة جديد ، وابحث عن “Ninja Forms”. بعد ذلك ، قم بتثبيت وتنشيط المكون الإضافي الذي يشبه المكوّن أدناه.

2. إنشاء نموذج

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

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

3. تخصيص النموذج الخاص بك

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

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

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

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

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

4. تكوين خيارات الامتثال والأمان

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

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

للقيام بذلك ، افتح النموذج الخاص بك وحدد “رسائل البريد الإلكتروني والإجراءات” ، ثم قم بإيقاف تشغيل الخيار الذي يقول “إرسال المتجر”.

بعد ذلك ، سنضيف خيار موافقة المستخدم إلى نموذج الاتصال الخاص بك. للقيام بذلك ، انتقل إلى “Form Fields” وحدد خيار HTML. سنقوم هنا بإضافة القليل من النص والارتباط بسياسة الخصوصية الخاصة بك.

أخيرًا ، سنضيف مربع اختيار بالنقر فوق خيار “مربع اختيار واحد” ، والذي سيسمح للمستخدمين بإعطاء موافقتهم.

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

هنا يمكنك إدخال سؤال وإجابة لتحسين الحماية من البريد العشوائي.

5. تضمين النموذج في موقعك

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

سيكون لديك خياران للقيام بذلك.

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

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

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

فقط انقر فوق “نشر” وسيكون لديك نموذج اتصال مباشر على موقعك!

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

للقيام بذلك ، انتقل إلى Appearance> Widgets وحدد موقع الأداة التي تسمى ‘Ninja Forms Widget’. ثم قم بسحب الأداة وإفلاتها في الموقع المطلوب ، وحدد نوع النموذج وانقر فوق “حفظ”.

في الختام

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

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

الآن لديك القدرة على إنشاء نموذج اتصال جميل وعملي ، وإضافته إلى موقعك كيفما تشاء.

علامتا التبويب التاليتان تغيير المحتوى أدناه.

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