شرح تركيب واعداد إضافة الاتصال Contact Form 7 بطريقة صحيحة

إضافة contact form 7,contact form 7,شرح contact form 7,كيفية إضافة نموذج اتصال لموقع ووردبريس,شرح الاضافة contact form 7,اضافة contact form 7,contact form 7 شرح,contact form 7 tutorial,contact 7 إضافة,خيارات إضافة contact 7,contact form 7 wordpress شرح,نماذج اتصال contact 7,كيفية إضافة خيار من متعدد في نموذج contact 7,كيفية إنشاء نموذج اتصال في contact 7,إضافة قائمة منسدلة في نموذج contact 7,إضافة نموذج الاتصال,إضافات ووردبريس,أهم إضافات ووردبريس

اهلا بكم متابعي موقع وقناة هل تعلم؟ أخبار في هذا الموضوع سنعرض لكم شرح كامل عن :

شرح تركيب واعداد إضافة الاتصال Contact Form 7 بطريقة صحيحة

من المهم جدا في عام 2021 للبقاء على اتصال مع القراء. قم بإنشاء قائمة بريد إلكتروني باستخدام خدمة مثل MailChimp لتوصيل المحتوى مباشرة لعملائك.

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

كان نموذج الاتصال 7 منذ عام 2009، وقد حصل على أكثر من 5 ملايين تنزيل في العقد الماضي. يمكن تثبيت نموذج الاتصال 7 مباشرة من مستودع البرنامج المساعد WordPress. إذا كنت تبحث عن "نموذج الاتصال 7"، فستتمكن من العثور على البرنامج المساعد بمجموعة متنوعة من الإضافات.

مستودع إضافات ووردبريس

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

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

إيجابيات الحصول على نموذج الاتصال

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

سلبيات وجود نموذج الاتصال

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

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

عند تثبيت نموذج الاتصال 7 لأول مرة، يقوم بإنشاء نموذج. قبل أن نصل إلى كيفية إنشاء النموذج المخصص الخاص بك، دعنا نلقي نظرة على قالب النموذج للحصول على فكرة أفضل عن كيفية عمل نموذج الاتصال 7. انقر فوق نموذج الاتصال 1 لعرض كيفية عمل الإعدادات.

تنقسم صفحة "اتصل بنا" إلى أربعة أجزاء.

1. Form –النموذج – قم بتخصيص قالب نموذج HTML الخاص بك مع مجموعة متنوعة من خيارات الحقول مثل "النص"، "البريد الإلكتروني"، "اختر صناديق"، إلخ. يمكنك أيضا كتابة مربع HTML مخصص في مربع تخصيص النموذج.
2. Mail –البريد –تخصيص قالب البريد الإلكتروني والإعدادات المستخدمة في رسائل البريد الإلكتروني الإخطار.
3. Messages –الرسائل –يمكن ضبط الرسائل المخصصة للعرض بعد إجراءات معينة. على سبيل المثال ،يمكنك تعيين رسالة فريدة ليتم عرضها بعد قيام شخص ما بإدخال نموذج جهة اتصال.
4. هناك إعدادات إضافية يمكنك استخدامها. هناك إعدادات إضافية يمكنك استخدامها.حدد مقتطفات لتمكين ميزات إضافية مثل وضع المشتركين فقط، ووضع التجربة، وتخطي البريد.

دعونا نلقي نظرة على الأقسام وإنشاء نموذج اتصال مخصص!

عند إنشاء نموذج جهة اتصال جديد، انقر فوق "إضافة جديدة" بجانب قسم "نماذج الاتصال".

أدخل اسمًا جديدًا لنموذج الاتصال ،وانقر فوق "حفظ".

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

• Text –خط واحد من النص. الحقول النصية مفيدة للأسماء الأولى والأسماء الأخيرة ومقشرات خط واحد آخر.
• Email –اختر اسمًا لعنوان البريد الإلكتروني.
• URL – رابط – إنشاء وسم لرابط.
• Tel – الهاتف – إنشاء وسم لرقم هاتف.
• Number –ضع # قبل الرقم. تسمح حقول "الرقم" بأرقام رقمية فقط.
• Date – التاريخ – قم بإنشاء وسم للتاريخ.
• Text Area –منطقة النص هي حقل إدخال خاص حيث يمكنك إدخال عدة أسطر من النص.
• Drop-down Menu –القائمة المنسدلة - اختر اسمًا للقائمة المنسدلة.
• Checkboxes –خانات الاختيار - قم بعمل علامة اختيار بجوار تلك التي تحتاج إليها.
• Radio Buttons –وتسمى أزرار الراديو العلامات في هذه الفئة.
• Acceptance –يجب عليك تحديد مربع "قبول".
• Quiz –اكتب الأسئلة والأجوبة على العلامات. اختبار لمعرفة ما إذا كانت الأسئلة صاغ بشكل صحيح.
• File – ملف – إنشاء وسم لحقل تحميل ملف.
• Submit – إرسال – قم بإنشاء وسم لزر إرسال.

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

وسم نص – “Text Tag”

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

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

• Field Type – نوع الحقل – حقل مطلوب
• Name –الاسم - نص - 711 (تم إنشاؤه تلقائيًا)
• Default Valueاسمك هو القيمة الافتراضية لهذه الميزة.
• Akismet – لم يتم التحقق منه
• ID Attribute (CSS) – سمة المعرف (CSS) – cf7-your-name
• Class Attribute (CSS) – سمة الفئة (CSS) – cf7-your-name

هذه الإعدادات تولد الرمز القصير أدناه.

[text* text-711 id:cf7-your-name class:cf7-your-name placeholder "Your Name"]

وسم البريد الالكتروني – “Email“			
			
بعد ذلك، سنقوم بإنشاء عنصر بريد إلكتروني سيجمع عناوين البريد الإلكتروني.			
			
							
			
بالنسبة لنموذج البريد الإلكتروني ،قمنا بتكوين الإعدادات أدناه.			
			
				
Field Type – نوع الحقل – حقل مطلوب				
				
Name –الاسم - البريد الإلكتروني 632				
				
	Default Value سوف تتلقى بريدًا إلكترونيًا منا.				
				
	Akismet – لم يتم التحقق منه.				
				
	ID Attribute (CSS) –عنوان بريدك الإلكتروني هو الافتراضي للبريد الإلكتروني الخاص بك. يمكنك تعيين عنوان بريد إلكتروني مختلف للبريد الإلكتروني الخاص بك عن طريق كتابةه في حقل البريد الإلكتروني في صفحة الإعدادات الخاصة بك.				
	Class Attribute (CSS) – سمة الفئة (CSS) – بريدك الإلكتروني				
			
				هذه الإعدادات تولد الرمز القصير أدناه.			
			
أدخل بريدك الإلكتروني أدناه.	
		وسم الروابط “URL”	
	

إذا كنت ترغب في جمع عنوان URL لشخص ما، فيمكنك استخدام حقل "URL" في نموذج نموذج الاتصال 7. ومع ذلك، نوصي باستخدام عنصر الارتباط "URL" بدلا من ذلك. سيتم إنشاء النموذج مع هذا URL.
حقل URL الذي يتحقق من صحة عناوين URL للتأكد من تنسيقها بشكل صحيح.	
	
			
	
لعنصر النموذج، "URL" لقد قمت بتكوين الإعدادات أدناه.	
	
		
Name –ابتكر اسمًا لصفحة الويب الخاصة بك. يمكنك استخدام الاسم الذي يعجبك أو يمكنك اختيار اسم من اختيارك.		
		
Default Value- القيمة الافتراضية - موقع الويب الخاص بك.		
		
Akismet – لم يتم التحقق منه.		
		
ID Attribute (CSS) –موقع الويب الخاص بك يحتوي على العديد من الميزات.		
		
Class Attribute (CSS) – سمة الفئة (CSS) – cf7-your-website		
	
	
		هذه الإعدادات تولد الرمز القصير أدناه.
[url url-601 id:cf7-your-website class:cf7-your-website "Your Website"]
وسم أرقام الهواتف “Tel”
يمكنك أيضًا استخدام نموذج نصي قياسي لجمع أرقام الهواتف. من الأفضل استخدام عنصر "TEL" لتأكيد رقم الهاتف.
	
تم تكوين نموذج "TEL" للإعدادات التالية.
	
الاسم –هاتف 842 (تم إنشاؤه تلقائيًا)	
	
القيمة الافتراضية – رقم هاتفك	
	
سمة المعرف (CSS) – cf7-your-phone-number	
	
سمة الفئة (CSS) – cf7-your-phone-number	
	هذه الإعدادات تولد الرمز القصير أدناه.
[url url-601 id:cf7-your-website class:cf7-your-website "Your Website"]
وسم التاريخ “Date“
يتيح لك تنسيق "التاريخ" تحديد منتقي تاريخ التقويم. يكون حقل إدخال "التاريخ" مفيدا لتحديد التواريخ في نموذج الاتصال.
	
في علامة "التاريخ"؛ لقد حددنا الإعدادات أدناه.
	
		الاسم –		 التاريخ – 389 (تم إنشاؤه تلقائيًا)	
	
		القيمة الافتراضية		 – تاريخ موعدك	
	
		النطاق –		 نطاقنا الزمني المخصص.	
	
		سمة المعرف (CSS) –		 cf7-موعد-تاريخ	
	
		سمة الفئة (CSS) –		 cf7-موعد-تاريخ	
	هذه الإعدادات تولد الرمز القصير أدناه.
[date* date-389 min:2020-09-15 max:2020-10-24 id:cf7-appointment-date class:cf7-appointment-date placeholder "Your Appointment Date"]
وسم مربع نصي “Textarea”
تعيين "TextArea"؛ قدم مربع نص متعدد الخطوط يسمح لزوارك بإدخال رسالة طويلة. مناطق النص مفيدة للغاية لالتقاط نص الرسالة.
	
في علامة مربع النص ،قمت بتكوين الإعدادات أدناه.
	
		الاسم –		 textarea-795 (تم إنشاؤه تلقائيًا)	
	
		القيمة الافتراضية		 – رسالتك	
	
		سمة المعرف (CSS) –		 cf7-your-message	
	
		سمة الفئة (CSS) –		 cf7-your-message	
	هذه الإعدادات تولد الرمز القصير أدناه.
[textarea* textarea-795 id:cf7-your-message class:cf7-your-message placeholder "Your Message"]
وسم القائمة المنسدلة “Drop-down Menu”
يسمح لك بوضع علامة على "القائمة المنسدلة" لنموذج الاتصال 7 إنشاء قائمة منسدلة مع خيارات متعددة. القوائم المنسدلة مفيدة للمواقف التي تريد فيها أن يقوم الزائر بتحديد خيار معين لإرساله مع النموذج. على سبيل المثال ،إذا كنت تدير شركة صيانة WordPress ،فيمكنك تكوين قائمة منسدلة تسمح للزائر بالاختيار من بينها
الخدمات المقدمة.
	
بالنسبة إلى علامة "القائمة المنسدلة": لقد قمنا بتكوين الإعدادات أدناه. ## سألني طالب الصف الثاني عن معنى هذا المقطع: حدد الصورة وقم بتنزيلها. الصورة تسمى "فتيات صغيرات بشعر أخضر" ويتم تنزيلها هنا. http://bit.ly/2q3w7Ek أعدت صياغته له ،بلغة بسيطة يمكن أن يفهمها طالب الصف الثاني: اختر
	
		الاسم –		 Menu-24 (تم إنشاؤه تلقائيًا)	
	
		الخيارات –هناك أربعة خيارات لكيفية decoupage. ما هو خيارك؟	
	
		السماح بالتحديدات المتعددة –		 تم الفحص	
	
		أدخل عنصرًا فارغًا كخيار أول –		 تم التحديد	
	
		سمة المعرف –		 القائمة المنسدلة cf7	
	
		سمة الفئة – قائمة		 cf7 المنسدلة	
	هذه الإعدادات تولد الرمز القصير أدناه.
[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element "Option 1" "Option 2" "Option 3"]
وسم مربع الاختيار “Checkboxes”

تتيح لك هذه العلامة إنشاء مربعات اختيار بتنسيق HTML. تعمل مربعات الاختيار بشكل جيد مع القوائم المنسدلة ،حيث إنها تتمتع بنفس الوظيفة. ومع ذلك ،بناءً على طبيعة نموذج الاتصال الخاص بك ،قد تكون مربعات الاختيار أفضل من القوائم المنسدلة. على سبيل المثال ،إذا كان لديك عدد قليل من خيارات التحديد التي تريد أن يختار المستخدم من بينها ،فإن مربع الاختيار يكون أكثر ملاءمة.
هناك العديد من الخيارات للاختيار من بينها، حتى تتمكن من استخدام مربع الاختيار إذا كان لديك عدد محدود من الخيارات. إذا كان النموذج الخاص بك لديه المزيد من الخيارات، فيمكنك استخدام القائمة المنسدلة لأنها تتطلب مساحة أقل عموديا.
	
لعمل علامة الاختيار في علامة "مربع الاختيار": لقد قمنا بتكوين الإعدادات المدرجة أدناه.
	
		الاسم –		 checkbox-948 (تم إنشاؤه تلقائيًا)	
	
		خيارات –		 الخيار 1 ، الخيار 2 ، الخيار 3	
	
		لف كل عنصر بعنصر ملصق –		 تم فحصه	
	
		سمة المعرف –		 خانة الاختيار cf7	
	
		سمة الفئة –		 cf7-checkbox	
	هذه الإعدادات تولد الرمز القصير أدناه.
[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element "Option 1" "Option 2" "Option 3"]
وسم “أزرار الراديو”
قم بعمل أزرار اختيار تسمح لك بتحديد عناصر متعددة. يمكن استخدام أزرار الراديو لإجراء تحديد في المواقف التي يتوفر فيها أكثر من خيار واحد.
	
يتم تكوين "أزرار الاختيار" على النحو التالي.
	
		الاسم –		 راديو -708 (تم إنشاؤه تلقائيًا)	
	
		خيارات –		 الخيار 1 ، الخيار 2 ، الخيار 3	
	
		لف كل عنصر بعنصر ملصق –		 تم فحصه	
	
		سمة المعرف –		 cf7-radio	
	
		سمة الفئة –		 راديو cf7	
	هذه الإعدادات تولد الرمز القصير أدناه.
[radio radio-708 id:cf7-radio class:cf7-radio use_label_element default:1 "Option 1" "Option 2" "Option 3"]
وسم “القبول” 
يمكن استخدام مربع اختيار للإشارة إلى قبولك للشروط والأحكام. نموذج الاتصال 7 لإنشاء مربع اختيار واحد لغرض قبول الشروط والأحكام.
اقبل إعدادات العلامات. حدد الرسالة المراد عرضها.
	
للحصول على "قبول"، حددنا الشروط التالية:
	
		الاسم –		 القبول – 545 (تم إنشاؤه تلقائيًا)	
	
		الشرط –		 حدد هذا المربع لقبول الشروط.	
	
		سمة المعرف –		 قبول cf7	
	
		سمة الفئة –		 قبول cf7	
	هذه الإعدادات تولد الرمز القصير أدناه.
[acceptance acceptance-545 id:cf7-acceptance class:cf7-acceptance] Check this box to accept the terms. [/acceptance]
وسم “الاختبار”

يمكن استخدام نموذج الاختبار لإنشاء أسئلة أساسية واختبارات الإجابة في نموذج الاتصال الخاص بك. لإنشاء سؤال اختبار ،استخدم التنسيق التالي للفصل بين السؤال والجواب - إجابة السؤال. في لقطة الشاشة أدناه ،سؤالنا هو "في أي عام تم إصدار WordPress؟" والإجابة (مفصولة بفواصل).
حدث هذا المقطع في عام 2003.
	
للحصول على نموذج "اختبار"، قمنا بإعداد الإعدادات أدناه.
	الاسم –	 quiz-461 (تم إنشاؤه تلقائيًا)
	الشرط –	 حدد هذا المربع لقبول الشروط.
	سمة المعرف –	 cf7-quiz
	سمة الفئة –	 cf7-quiz
	هذه الإعدادات تولد الرمز القصير أدناه.
[quiz quiz-461 id:cf7-quiz class:cf7-quiz "What year was WordPress released?|2003"]
وسم “ملف”

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

في إعدادات الأمان ،يمكنك تحديد مجموعة متنوعة من الإعدادات لتأمين النموذج الخاص بك. نوصي دائمًا بتعيين حد أقصى لحجم الملف لمنع المستخدمين الضارين من تحميل ملفات ضخمة. وبالمثل ،يساعدك تحديد "أنواع الملفات المقبولة". يقوم بتأمين النموذج الخاص بك إلى تنسيقات الملفات التي تريدها وتتوقعها.
قد ترغب في تجربة مدونة للتصوير الفوتوغرافي في الاعتبار ،لذلك تحتاج إلى قصر حجم كل صورة على 1 ميجا بايت (1024 كيلو بايت) والسماح فقط بملفات .jpg أو .png.
	
بالنسبة لعلامة "ملف" ،قمنا بتكوين الإعدادات أدناه.
	
		الاسم –		 file-658 (تم إنشاؤه تلقائيًا)	
	
		حد حجم الملف –		 1024 كيلو بايت	
	
		أنواع الملفات المقبولة –		 jpg | png | gif	
	
		سمة المعرف –		 ملف cf7	
	
		سمة الفئة –		 ملف cf7	
	هذه الإعدادات تولد الرمز القصير أدناه
[file file-658 limit:1024kb filetypes:jpg|png|gif id:cf7-file class:cf7-file]
وسم “إرسال”
أخيرًا ،يوجد زر "إرسال". كما قد تكون خمنت ،يتيح لك هذا الزر إنشاء زر إرسال لنموذج اتصال.
	
سوف تستخدم هذه العلامة لإرسال رسالتك.
	
		التسمية		 – إرسال	
	
		سمة المعرف –		 cf7-submit	
	
		سمة الفئة –		 cf7-submit	
	هذه الإعدادات تولد الرمز القصير أدناه.
[submit id:cf7-submit class:cf7-submit "Submit"]
كيفية هيكلة نموذج الاتصال باستخدام علامات النموذج
الآن تم إعداد نماذجنا، فقد حان الوقت لإنشاء نموذج الاتصال. في هذه المرحلة، يجب أن تبدو إعدادات نموذج الاتصال الخاصة بك مثل لقطة شاشة أدناه. لاحظ جميع أشكال النموذج التي أنشأناها أعلاه. مع وجود علامات النموذج في مكان [جهة الاتصال - 7 404 غير موجود]، صحيح، يمكنك
لتضمين النموذج في منشور أو صفحة WordPress ،استخدم رمز الاختصار.
	
في محرر WordPress، ضع الرمز القصير في كتلة فارغة.
	
إذا كنت تستخدم محرر WordPress Classic Editor، فيمكنك لصق الأيقونة القصيرة في أي مكان في محرر المحتوى.
	

يجب أن تكون قادرًا الآن على رؤية زر "اتصل بنا" على الصفحة حيث أضفت الرمز المختصر 7 لنموذج الاتصال. إليك ما يبدو عليه نموذج الاتصال الخاص بنا مع الإعدادات المذكورة أعلاه. كما ترى ،يحول Contact Form 7 تلقائيًا علامات النموذج إلى HTML صالح معروض باستخدام الأنماط الافتراضية المضمنة في القالب.
موقع وورد الخاص بك.
	

نموذج الاتصال الحالي لدينا هو نقطة انطلاق جيدة، لكنها تفتقر إلى ميزة. يتم دعم علامات النموذج كملفات نصية وعناوين بريد إلكتروني وعناوين URL، ولكن عناصر أخرى مثل خانات الاختيار والتحقق من الأزرار لا تفعل ذلك.
تسمية النموذج الخاص بك. بدون علامات، لن تكون مربعات الاختيار وأزرار الراديو مفيدة للغاية لزوارك. لحسن الحظ، من السهل إضافة ملصقات في شكل اتصال 7!
	كيفية إضافة تسميات لوسوم نماذج الاتصال
يمكنك إضافة تسميات إلى نموذج الاتصال بطريقتين. للنموذج أدناه ،اختر خيارًا واحدًا.
	
		نص	
	
		بريد الالكتروني	
	
		URL	
	
		هاتف	
	
		عدد	
	
		تاريخ	
	
		منطقة النص	
	
		قبول	
	
		اختبار	
	
		ملف	
ألق نظرة على وسم “text” أدناه.
[text* text-711 id:cf7-your-name class:cf7-your-name placeholder "Your Name"]
لإضافة تسمية إلى هذا الوسم ، يمكننا استبدال الكود بالمقتطف أدناه. لاحظ المثال الإضافي لـ “Your Name” مباشرة بعد إضافة وسم <label>.
<label> Your Name
[text* text-711 id:cf7-your-name class:cf7-your-name placeholder "Your Name"]
</label>
هذا ما يبدو عليه هذا التغيير في نموذج الاتصال الخاص بنا. في هذه الحالة ، تخدم التسمية التي تم إنشاؤها حديثًا نفس الغرض مثل العنصر النائب. ومع ذلك ، إذا لم نرغب في تحديد عنصر نائب داخل الوسوم ، فإن التسمية ستساعد في تحديد الغرض من مربع إدخال محدد.
	

بالنسبة إلى الوسوم التي تعرض عناصر تحكم متعددة مثل مربعات الاختيار وأزرار الاختيار والقوائم المنسدلة ، يؤدي التفاف الوسم داخل </label> إلى حدوث خطأ. يحدث هذا لأنه من المفترض أن يتم استخدام وسم <label> مع عنصر تحكم نموذج واحد فقط. تتضمن طبيعة مربعات الاختيار وأزرار الاختيار وخيارات القائمة المنسدلة العديد من عناصر التحكم في النموذج ، لذا فهي غير متوافقة مع حل وضع العلامات الافتراضي.
بالنسبة لخانات الاختيار وأزرار الاختيار والقوائم المنسدلة ، يجب عليك إضافة use_label_element معلمة داخل الرمز القصير. ألق نظرة على مثال وسم مربع الاختيار أدناه حيث use_label_element يكون بالخط العريض.
[checkbox* checkbox-948 id:cf7-checkbox class:cf7-checkbox use_label_element "Option 1" "Option 2" "Option 3"]
بمجرد إضافة المعلمة use_label_element ، يمكنك إضافة تسمية مباشرة فوق الوسوم في محرر نموذج الاتصال.
	
للتأثير الكامل، يجب أن تحتوي كل علامة على تسمية. لا تحتاج إلى تسمية جميع العلامات على نموذج الاتصال الخاص بك، ولكن العلامات التي يجب وضع علامة على العناصر التي يتم ربطها.
	إليك شكل نموذج الاتصال الخاص بنا:
	
	
	
	
تعرف على كيفية تكوين المكون الإضافي لنموذج الاتصال 7 في إعدادات البريد الإلكتروني.	
	

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

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

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

بشكل افتراضي، سوف اتصل 7 بملء هذا الحقل مع WordPress@your-domain.com. تحتاج إلى التأكد من أن عنوان البريد الإلكتروني صالحا لأن بعض مضيفات WordPress ستحجب البريد الإلكتروني المرسل إلى عناوين غير صالحة. هناك عدة طرق لجعل عنوان البريد الإلكتروني هذا صالح. يمكنك إما إعداد حساب بريد أو استخدم البرنامج المساعد جهة الاتصال 7 مع وجود خطوة خاصة يجعل رسائل البريد الإلكتروني الصادرة تظهر كما لو جاءوا من مجالك.
إذا لم تتمكن من إعداد عنوان بريد إلكتروني مخصص لـ wordpress@your-domain.com ،فيمكنك تمكين الوظائف الشاملة في مزود خدمة البريد الإلكتروني الخاص بك. إذا لم يكن ذلك ممكنًا ،نوصي بتغيير عنوان البريد الإلكتروني إلى عنوان صالح.	
	
		حقل “الموضوع”	
	
نموذج الاتصال الذي تم إعداده افتراضيا هو "اسم الموقع" "[الموضوع الخاص بك]" - اسم النموذج الافتراضي.	
	
إذا لم يكن لديك علامة اسم موضوعك، فتأكد من تغييره إلى شيء آخر. على سبيل المثال، إذا كان لديك علامة اسم للزائرين (على سبيل المثال لقد تلقيت رسالة من اسمك)، فيمكنك تغيير سطر الموضوع تلقيت رسالة من اسمك.	
	
ضمن "رؤوس إضافية" ،يمكنك تحديد رؤوس البريد الإلكتروني مثل "رد" و "نسخة مخفية" و "نسخة مخفية الوجهة". بشكل افتراضي ،يضيف نموذج الاتصال العنوان التالي (رد) رأس إلى نموذج الاتصال الخاص بك بحيث يمكنك الرد على الشخص الذي يرسل بريدًا إلكترونيًا إليك.	
	

إذا كنت تستخدم رأس الرد الافتراضي لنموذج الاتصال الخاص بك، فتأكد من تغييره لتتناسب مع علامة Hashtag البريد الإلكتروني الخاصة بك. بالنسبة لنموذج الاتصال لدينا، البريد الإلكتروني الخاص بنا Hashtag هو "البريد الإلكتروني 632"؛ يجب تغيير علامة الرد إلى
الرد على: [البريد الإلكتروني 632].	
	
		“نص الرسالة”
التالي هو “نص الرسالة” ، الذي يحدد محتوى نص البريد الإلكتروني للإشعار. يستخدم النموذج الافتراضي لنموذج الاتصال 7 وسوم [your-name] و [your-email] و [your-subject] و [your-message] ، ويبدو كما يلي:
From: [your-name] 
Subject: [your-subject]
Message Body:
[your-message]
-- 
This e-mail was sent from a contact form on kinstalife (http://kinstalife.com)
تأكد من تغيير وسوم النموذج هذه إذا كنت لا تستخدمها في قالب نموذج الاتصال الخاص بك. نظرًا لأن نموذج الاتصال الذي أنشأناه يجمع الكثير من المعلومات ، يمكننا إعداد نص الرسالة بوسوم إضافية مثل:
Hello Brian, you’ve received a message from [text-711] ([email-632]).
Website: [url-601]
Phone Number: Tel-842
Appointment Date: date-389
Message: textarea-795
	

نظرًا لأن الروبوتات الآلية أصبحت أكثر ذكاءً وانتشارًا ،فقد أصبح النشر العشوائي يمثل مشكلة لنماذج الاتصال. نظرًا لأن نماذج الاتصال عادةً ما تكون مفتوحة للإنترنت العام ،فمن السهل اكتشاف قصاصات الويب وإطلاق رسائل بريد إلكتروني عشوائية إلى صندوق البريد الخاص بك.
لحسن الحظ، هناك مجموعة متنوعة من الطرق لمكافحة البريد المزعج وحماية نموذج الاتصال الخاص بك في نموذج الاتصال 7.
	
	
	
تأمين النماذج الخاصة بك مع نموذج الاتصال في نماذج جوجل.	
	
ربما تأتي عبر كلمة التحقق أو اللغز أو التحدي الذي كان عليك حله من أجل إثبات أنك بشر. CAPTCHA هو اختبار يثبت إنسانيتك من خلال إظهار أن لديك عيون وقادرة على القراءة.	
	
أحدث إصدار من recaptcha (v3) لا يتطلب أي تفاعل المستخدمين. بدلا من ذلك، يراقب نشاط الخلفية للتمييز بين زوار أندرويد وزوار البشر. نظرا لأن اتصال النموذج 7 يدعم RECAPTCHA V3، نوصي باستخدام هذا الإصدار الأخير لأنه يوفر تجربة مستخدم أفضل للزوار.	
	
لإعداد recaptcha، تحتاج إلى إنشاء مفتاح API. للقيام بذلك، قم بتسجيل الدخول إلى حساب Google الخاص بك والانتقال إلى صفحة إعداد Recaptcha.	
	
			
	
اقرأ النموذج لإنشاء recaptcha الخاص بك.	
	
		
			التسمية –			 حدد تسمية من اختيارك.		
		
			نوع reCAPTCHA –أنا لست روبوت، يجب أن حدد هذا الإصدار.		
		
			المجالات –إذا كان موقعك يستخدم نطاقًا فرعيًا ،فما عليك سوى إضافة النطاق الفرعي. إذا كان موقعك يستخدم مجالًا جذريًا ،فأضف الإصدارين بدون www و www للمجال الخاص بك.		
		
			المالكون –سيتم إضافة عنوان البريد الإلكتروني الذي تقدمه إلى حساب Gmail الخاص بك كجهة اتصال "جهات اتصال". لا تتردد في إضافة عناوين بريد إلكتروني إضافية إذا لزم الأمر.		
	
	
بعد ملء جميع الخيارات، انقر فوق الزر "إرسال". بعد ذلك، سيتم تقديمك مع رمز المرور وممر مرور سري معروفا بك فقط. تأكد من إبقاء هذه الرموز آمنة لأنك ستحتاج إلى إضافتها للاتصال بالشكل 7.	
	
			
	
بعد ذلك، انقر فوق دمج في شريط قياس لوحة معلومات WordPress، ثم حدد خيار Recaptcha، والصق مفتاح موقعك والمفتاح السري في حقول كل منهما. أخيرا، انقر فوق حفظ التغييرات لإنهاء تكامل Recaptcha.	
	
			
	
بعد تكوين recaptcha في نموذج الاتصال 7، سترى الشعار في الركن الأيمن السفلي من صفحة نموذج الاتصال الخاصة بك. هذا يعني أنه نشط ويحمي نموذج الاتصال الخاص بك من التقديمات البريدية.	
	
			
	
		
		
		
تأمين نموذج الاتصال الخاص بك مع CloudFlare (اختياري).		
		
إذا كنت تستخدم Cloudflare لحماية موقعك، فيمكنك إعداد قاعدة صفحة خاصة لصفحة نموذج الاتصال لتقليل عمليات الاتصال غير المرغوب فيها.		
		
Cloudflare هي خدمة تحمي مواقع الويب من الهجمات. الغرض الرئيسي منه هو التحقق من هوية الزوار، بحيث يحاول شخص ما الاختراق في موقع الويب الخاص بك، سيمنع Cloudflare القراصنة من القيام بذلك من خلال إعطائك تحذيرا وإجراء تغييرات على تكوين موقع الويب الخاص بك.		
		
					
		
انقر فوق علامة التبويب "قواعد الصفحة". استخدم الإعدادات التالية للمساعدة في تأمين صفحة الاتصال الخاصة بك:		
		
			
				إذا تطابق عنوان URL –اسم المجال الخاص بك هو your-name.com. معلومات الاتصال الخاصة بك هي صفحة الاتصال الخاصة بك.			
			
				التحقق من سلامة المتصفح –				 تشغيل			
			
				مستوى الأمان –				 مرتفع			
		
		

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

=====================

 مهم لك عزيزي الزائر  للحصول على جميع الاخبار تابعنا على: 

اضغط للأشتراك بقناتنا على التلكرام 

قنوات ومواقع التواصل الاجتماعي الرسمية لموقع هل تعلم؟ أخبار

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

.

.

القناة الرسمية على اليوتيوب أضغط هنا 

.

الموقع الرسمي على الانترنت أضغط هنا 

.

الصفحة الرسمية على موقع الانستكرام أضغط هنا 

.

القناة على التلكرام أضغط هنا 

.

صفحة الفيس بوك الرسمية أضغط هنا 

.

تطبيقنا على السوق بلي أضغط هنا 

.

كروب موقع هل تعلم؟ أخبار على التليكرام الرسمي التعليمي أضغط هنا 

.

.

 --------------------------------

.

.

موقع هل تعلم؟ أخبار

.

.

التعريف بالموقع : هذا الموقع تابع لقناة هل تعلم؟أخبار بشكل رسمي وكل ما ينشر في الموقع يخضع للمراقبة وموقع هل تعلم؟ أخبار غير مسؤول عن التعليقات على المواضيع كل شخص مسؤول عن نفسه عند كتابة التعليق بحيث لا يتحمل موقع هل تعلم؟ أخبار اي مسؤولية قانونية حيال ذلك

.

==========

.

ملاحظات مهمة : يوفر موقع هل تعلم؟ أخبار قناة رسمية على موقع اليوتيوب باسم ( هل تعلم؟أخبار ) حيث تعتبر القناة الاولى المختصة بنشر الاخبار السياسية والاقتصادية والتربوية واخبار العراق اول باول كذلك يحتوي موقع هل تعلم؟ أخبار على الملازم الدراسية لكافة المراحل 

.

============

تعديل المقال