[ad_1]
![كمبيوتر محمول مع وورد مفتوحة](https://www.maketecheasier.com/assets/uploads/2023/11/laptop-with-wordpress-open.jpg)
هل شعرت يومًا بالإرهاق عند محاولة إضافة نموذج اتصال إلى موقع WordPress الخاص بك؟ انت لست وحدك. يتغلب هذا الدليل على هذا الارتباك، ويعرض لك طريقة مباشرة لإعداد نموذج اتصال WordPress، كل ذلك دون أي متاعب في البرمجة.
اختر مكونًا إضافيًا جيدًا لإعداد نموذج اتصال WordPress
عند إعداد نموذج اتصال على موقع WordPress الخاص بك، فإن الخطوة الأولى هي اختيار مكون إضافي جيد. نعم، من الممكن تقنيًا إنشاء نموذج اتصال بدون مكون إضافي، ولكنه يمثل بعض المتاعب، حيث لا يتوفر لديك سوى الخيارين التاليين:
- قم بترميز نموذج اتصال من البداية: يمكنك إنشاء نموذج اتصال باستخدام HTML للهيكل، وCSS للتصميم، وPHP للمعالجة من جانب الخادم، وJavaScript لتحسين تفاعل المستخدم. تتطلب هذه الطريقة فهمًا جيدًا للغات البرمجة هذه واستثمارًا كبيرًا للوقت، لذا فهي ليست خيارًا جيدًا لمسؤولي WordPress الذين يريدون فقط حلاً سريعًا وفعالاً.
- منشئو نماذج الطرف الثالث عبر الإنترنت: تتيح لك أدوات مثل Jotform أو Basin تصميم نموذج على الأنظمة الأساسية وتضمينه في موقع WordPress الخاص بك. على الرغم من أنه يمكن الوصول إلى نماذج الطرف الثالث المضمنة بسهولة أكبر من البرمجة، إلا أنها يمكن أن تبطئ موقعك، ولها قيود في التخصيص، وتتطلب الاعتماد على الخدمات الخارجية للوظائف الحيوية.
نظرًا للتحديات المرتبطة بترميز نموذج اتصال من البداية والقيود المفروضة على الاعتماد على منشئي النماذج عبر الإنترنت من جهات خارجية، فإن استخدام المكون الإضافي لنموذج الاتصال في WordPress هو عادةً أفضل نهج.
توفر المكونات الإضافية توازنًا مثاليًا من خلال توفير سهولة الاستخدام والتخصيص والتكامل الذي غالبًا ما تفتقر إليه خدمات الترميز اليدوي وخدمات الطرف الثالث. لقد تم تصميمها لتكون سهلة الاستخدام، ولا تتطلب أي معرفة بالبرمجة، وتأتي مع مجموعة متنوعة من خيارات التصميم والوظائف لتتناسب مع احتياجاتك الخاصة.
في سعيك لإضافة نموذج اتصال إلى موقع WordPress الخاص بك، من الضروري اختيار المكون الإضافي المناسب. لقد قمنا بالعمل القانوني وبحثنا عن أفضل المكونات الإضافية لنماذج الاتصال. في حين أن كل من هذه المكونات الإضافية يمكنها إنجاز المهمة بكفاءة، إلا أنها تتمتع بميزات فريدة واختلافات طفيفة. فيما يلي ملخص لمساعدتك في تحديد أي منها يناسب احتياجاتك بشكل أفضل:
- نموذج الاتصال 7: يعد هذا البرنامج المساعد عنصرًا أساسيًا لمستخدمي WordPress. إنه مجاني، وخفيف الوزن، ومباشر، ويسمح بأشكال متعددة، مع سهولة التخصيص، باستخدام علامات بسيطة. وهو يدعم الإرسال المدعوم من Ajax وتصفية البريد العشوائي CAPTCHA. على الرغم من أنه لا يحفظ الإرسالات في قاعدة البيانات بشكل افتراضي، إلا أن الوظائف الإضافية متوفرة لهذه الوظيفة، وربما لا تحتاج إليها على أي حال.
- نماذج الفسفور الأبيض: يعد WPForms مثاليًا لإنشاء نماذج اتصال سريعة الاستجابة وجميلة ونماذج التعليقات ونماذج الاشتراك والمزيد في دقائق. لقد كان المكون الإضافي موجودًا منذ فترة طويلة، وهو حاليًا حاصل على تصنيف 4.9 نجمة من أصل 5، لذا فأنت تعلم أنه يقوم بعمله بشكل جيد. لسوء الحظ، الإصدار المجاني محدود للغاية، وتتطلب المجموعة الكاملة من الميزات الاشتراك.
- أشكال الجاذبية: بالنسبة لأولئك الذين يحتاجون إلى نماذج معقدة ذات منطق شرطي أو خيارات متعددة، تعد Gravity Forms خيارًا جيدًا. إنه يوفر محرر نماذج مرئية سهل الاستخدام ويدعم المعاملات المختلفة، ولكن ميزاته الشاملة قد لا تزال ساحقة للمبتدئين ذوي احتياجات النماذج البسيطة. لا توجد نسخة مجانية من Gravity Forms، ولكن يمكنك تجربة نسخة تجريبية تعمل بكامل طاقتها عبر الإنترنت.
- أشكال النينجا: مثالية لغير التقنيين، تقدم Ninja Forms أداة إنشاء السحب والإفلات، ونماذج متعددة الصفحات، وتحميل الملفات. إنه سهل الاستخدام ولديه فريق دعم مخصص، على الرغم من أن بعض الميزات المتقدمة تتطلب شراء وظائف إضافية متميزة أو واحدة من ثلاث خطط اشتراك مدفوعة متاحة.
- نموذج جيتباك: إذا كنت تستخدم بالفعل المكون الإضافي Jetpack، الذي يوفر مجموعة كبيرة من أدوات الأمان والأداء والنمو لمواقع WordPress، فإن استخدام نموذج Jetpack يعد خيارًا طبيعيًا. يعمل هذا التكامل على تبسيط سير عملك، حيث لن تحتاج إلى تثبيت مكون إضافي آخر. ومع ذلك، لا نوصي بتثبيت Jetpack فقط لإمكانيات النموذج الخاصة به، حيث يمكن أن يكون المكون الإضافي مستهلكًا للموارد بشكل كبير وقد يؤدي إلى إبطاء موقعك.
خطوات تثبيت وتكوين المكون الإضافي لنموذج الاتصال في WordPress
يتطلب إعداد المكون الإضافي لنموذج الاتصال بضع خطوات بسيطة. نحن نستخدم نموذج الاتصال 7 لهذا العرض التوضيحي، ولكن العملية هي نفسها إلى حد كبير بغض النظر عن المكون الإضافي الذي تختاره.
تثبيت وتفعيل البرنامج المساعد لنموذج الاتصال
![تم تسليط الضوء على تثبيت المكون الإضافي لنموذج الاتصال 7 في زر WordPress](https://www.maketecheasier.com/assets/uploads/2023/12/install-contact-form-7-plugin-in-wordpress-button-highlighted-800x474.jpg)
انتقل إلى لوحة تحكم المشرف في WordPress، وانقر على الإضافات -> إضافة مكون إضافي جديدوابحث عن “نموذج الاتصال 7”. ضرب تثبيت الآن بجوار البرنامج المساعد، وبمجرد تثبيته، انقر فوق تفعيل.
عرض نموذج الاتصال الافتراضي
![نموذج الاتصال 7 تم تمييز قائمة نماذج الاتصال](https://www.maketecheasier.com/assets/uploads/2023/12/contact-form-7-contact-forms-menu-highlighted-800x474.jpg)
دعونا نضع هذا النموذج على صفحتك. في شاشة إدارة WordPress الخاصة بك، انتقل إلى الاتصال -> نماذج الاتصال. ستجد نموذجًا افتراضيًا يسمى “نموذج الاتصال 1″، بالإضافة إلى رمز قصير يبدو كالتالي: (contact-form-7 id="1234" title="Contact form 1")
.
![تم تمييز الرمز القصير لنموذج الاتصال الافتراضي](https://www.maketecheasier.com/assets/uploads/2023/12/default-contact-form-shortcode-highlighted-800x391.jpg)
انسخ هذا الرمز القصير. بعد ذلك، انتقل إلى الصفحات -> جميع الصفحات، وافتح الصفحة التي تريد النموذج الخاص بك فيها – ربما تكون صفحة تحمل عنوان “جهة الاتصال”. الصق الرمز القصير في منطقة المحتوى بصفحتك، وبهذه الطريقة، يصبح النموذج الخاص بك مباشرًا!
![تم لصق الرمز القصير لنموذج الاتصال في صفحة جديدة](https://www.maketecheasier.com/assets/uploads/2023/12/contact-form-shortcode-pasted-in-a-new-page-800x456.jpg)
تخصيص النموذج الخاص بك
![النموذج الافتراضي الذي تم إنشاؤه باستخدام نموذج الاتصال 7](https://www.maketecheasier.com/assets/uploads/2023/12/default-form-created-using-contact-form-7--800x456.jpg)
النموذج الافتراضي أساسي جدًا، لذلك دعونا نخصصه. العودة إلى الاتصال -> نماذج الاتصال القائمة، وانقر على النموذج الخاص بك لتحريره. ستشاهد قالب النموذج في استمارة فاتورة غير مدفوعة.
![تحرير نموذج الاتصال الافتراضي](https://www.maketecheasier.com/assets/uploads/2023/12/edit-default-contact-form--800x456.jpg)
يمكنك إضافة حقول جديدة إلى النموذج الخاص بك. على سبيل المثال، إذا كنت تريد إضافة قائمة منسدلة أو مربع اختيار، فاستخدم أدوات إنشاء العلامات المتوفرة. تساعدك هذه الأدوات على إنشاء علامات جديدة دون الحاجة إلى تعلم تركيب الجملة.
![نموذج الاتصال 7 إعدادات علامة تبويب البريد](https://www.maketecheasier.com/assets/uploads/2023/12/contact-form-7-mail-tab-settings--800x456.jpg)
يجب عليك أيضًا الانتقال إلى بريد علامة التبويب لتخصيص قالب البريد الخاص بك. ننصحك بوضع (_site_admin_email)
في ال ل الحقل بحيث تصل جميع الرسائل المرسلة باستخدام نموذج الاتصال إلى عنوان البريد الإلكتروني الأساسي للمشرف. إذا تم تكوينها بشكل غير صحيح، فلن تتمكن رسائل نموذج الاتصال من الوصول إليك.
تكوين SMTP لتسليم البريد الإلكتروني الموثوق (اختياري)
إذا كنت تواجه مشكلة في تسليم البريد الإلكتروني بعد إعداد نموذج الاتصال الخاص بك، فمن المحتمل أن يكون ذلك بسبب أن WordPress يستخدم بشكل افتراضي وظيفة PHP mail() لإرسال رسائل البريد الإلكتروني. يتضمن ذلك رسائل البريد الإلكتروني من نموذج الاتصال الخاص بك، مثل التأكيدات والردود.
المشكلة في PHP mail() هي أنها تؤدي غالبًا إلى مشكلات في إمكانية التسليم، حيث تفشل الرسائل في الوصول إلى المستلمين المقصودين أو تصل إلى مجلدات البريد العشوائي. لحسن الحظ، يمكن لمكونات SMTP (بروتوكول نقل البريد البسيط) مثل WP Mail SMTP إنقاذ الموقف من خلال السماح لك بإعادة تكوين WordPress بسهولة لاستخدام موفر SMTP مناسب عند إرسال رسائل البريد الإلكتروني، مثل Gmail أو Microsoft أو Zoho أو خدمة البريد الإلكتروني لمضيف الويب الخاص بك.
![تم تمييز زر تثبيت البرنامج المساعد Wp Mail Smtp](https://www.maketecheasier.com/assets/uploads/2023/12/WP-mail-SMTP-plugin-install-button-highlighted-800x456.jpg)
ببساطة التثبيت والتنشيط ال البرنامج المساعد لـ WP Mail SMTP خلال الإضافات -> إضافة جديد في لوحة تحكم WordPress الخاصة بك. بمجرد تفعيله، افتح البرنامج المساعد، و انقر فوق تشغيل معالج الإعداد في الجزء الأيسر. سيرشدك هذا المعالج سهل الاستخدام إلى اختيار موفر بريد SMTP الخاص بك وإدخال بيانات الاعتماد الضرورية.
![تم تمييز زر تشغيل معالج الإعداد Wp Mail Smtp Plugin](https://www.maketecheasier.com/assets/uploads/2023/12/WP-Mail-SMTP-plugin-launch-setup-wizard-button-highlighted-800x456.jpg)
نصيحة: اقرأ مقالتنا التفصيلية حول كيفية تكوين WordPress لإرسال بريد SMTP لمزيد من المعلومات.
من خلال هذه الخطوات، يجب أن يكون لديك نموذج اتصال كامل الوظائف ومخصص على موقع WordPress الخاص بك. الآن بعد أن تطور إعداد WordPress الخاص بك قليلاً، قد يكون الوقت مناسبًا لتخصيص لوحة تحكم مسؤول WordPress حتى تتمكن من رؤية جميع المعلومات المهمة في لمحة.
حقوق الصورة: أونسبلاش. جميع لقطات الشاشة بواسطة ديفيد موريلو.
اشترك في نشرتنا الإخبارية!
يتم تسليم أحدث البرامج التعليمية لدينا مباشرة إلى صندوق البريد الوارد الخاص بك
[ad_2]