صفحة اتصل بنا جاهزة | صفحة اتصل بنا بالانجليزي لمدونات بلوجر

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

Advertisements

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

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

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

قم بتسريع وحماية موقع WordPress الخاص بك دون أي تكلفة إضافية!

🌐 هل أنت مستعد لتعزيز تواجدك على الإنترنت؟ استمتع بتجربة استضافة الويب بسرعة البرق وبحماية رائعة لموقعك وتسريع مجانى وبسعر لا يقارن! 🔥

👉 هل أنت مستعد لتسريع موقع الويب الخاص بك؟ انقر فوق “البدء” الآن!

لكن معظم المدونين لا يرغبون بتلك الأداة ذات التصميم الرديئ ولكن كلهم يرغبون فى نموذج اتصل بنا احترافي على مدوناتهم تعكس الانطباع الحسن لدى الزائر عن مستوى المدونة.

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

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

1-شرح انشاء صفحة اتصل بنا جاهزة عربى وانجليزى لمدونات بلوجر

1-صفحة اتصل بنا جاهزة احترافية باللغة العربية

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

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

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

ثم 

2- قم بتحميل كود CSS التالى:-

اكواد CSS


ثم قم بفتح قالب مدونتك وعن طريق البحث داخل القالب عبر الامر Ctrl+F ابحث عن الوسم التالى :

]]></b:skin>

ثم فوقه مباشرة ضع كود CSS الذى قمت بتحميله سابقا  كما بالصوره التاليه :

 

ثم اضغط على حفظ
3- بعد ذلك ستقوم بإنشاء صفحه جديده من خلال الصفحات ثم انشاء صفحه جديده

 

ثم قم بتسمية الصفحه contact us أو اتصل بنا وهو كود صفحة اتصل بنا ،ثم حول الصفحه الى خانة HTML واحذف الاكواد التى تظهر لك والصق احد الأكواد التاليه :-

تحميل الكود الأول

تحميل الكود الثانى

تحميل الكود الثالث

ويتم كما بالصوره التاليه :

 

ثم ستكون النتيجه كالتالى لأحدهما :-

 

وهكذا لأى كود .

2-صفحة اتصل بنا احترافية باللغة الإنجليزيه

1- قم بتفعيل أداة الاتصال كماشرحنا فى البند1 بالأعلى .
2- من خلال البحث فى القالب قم بالبحث عن الوسم الاتى :

]]></b:skin>

اعلاه ضع الكود التالى :

div#ContactForm1 { 
display: none !important; 
}

كما بالصوره التاليه :

 

وفائدة هذا الكود اخفاء أداة الاتصال التى فعلناها فى بلوجر من الظهور بالقالب.
3- قم بإنشاء صفحه جديده وقم بتسميتها contact us ،ثم حول الصفحه الى خانة HTML واحذف الاكواد التى تظهر لك والصق الكود التالى بعد تحميلة من الرابط التالى :

كود اتصل بنا

ثم حفظ ونشر
نموذج آخر

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

3- اذا كنت قد وضعت كود اخفاء أداة الاتصال من واجهة المدونه – كما ذكرنا فى فى البند 2 سابقا – فلاتضع كود الاخفاء التالى ،واذا كنت لم تفعل فضع الكود التالى بعد أعلا الوسم

</head>

ثم احفظ القالب.

<style type='text/css'>
#ContactForm1,#ContactForm1 br{display:none}
</style>

4- انشىء صفحه جديده ثم حول الصفحه الى خانة HTML وضع فيها قالب اتصل بنا HTML التالى بعد تحميلة من الرابط التالى :

كود اتصل بنا

وهذا نموذج آخر تستطيع تحميله من الرابط التالى ويتم وضعه كما شرحنا سابقا وهو باللغة الانجليزيه للمدونات باللغة الإنجليزية :


تحميل نموذج آخر

3-انشاء صفحة اتصل بنا عبر موقع JotForm مجانا

موقع  JotForm  هو موقع مجانى لعمل صفحة اتصل بنا احترافية بألوان رائعه ،وهو مجانى 100% ،ولكى تقوم بإنشاء نموذج لصفحة اتصل بنا عبر الموقع لابد أولا من التسجيل بالموقع ،ثم تفعل التسجيل به ،وبعدها تستطيع عمل صفحة اتصل بنا بكل سهوله وللحساب المجانى حوالى 100 قالب شهريا.
تابع الشرح التالى وبه طريقة عمل صفحة اتصل بنا احترافية عبر الموقع على قناته على اليوتيوب بعنوان How to create a contact form with Jotform :

How to create a contact form with Jotform

2-طريقة تركيب نموذج اتصل بنا على قالب سيو بلس

ولمستخدمى قالب سيو بلس 

استخدم النموذج التالى :

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

من داخل الكود ابحث عن :

blogId’: ‘5666337625103699220

قم بتغييره الى Id الخاص بمدونتك ، ولكى تعرف الــ Id الخاص بمدونتك عليك بالتالى :

ادخل لوحة تحكم مدونات بلوجر عبر ايميلك وحدد المدونة المطلوب تركيب صفحة اتصل بنا بلوجر بها

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

اذا لم تفعل ذلك فلن يعمل الكود معك لإختلاف الــ id عن الــ id الخاص بمدونتك .

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

حل مشكلة صفحة اتصل بنا على مدونة بلوجر | الحل الصحيح لصفحة اتصل بنا ✅باسل محمود

إقرأ ايضا :-

سياسة الخصوصية لبلوجر 2019 باللغة العربية والانجليزية

ارجوا أن اكون وفقت فى الشرح
متمنيا لك كل التوفيق

عن مدير الموقع

اترك تعليقاً

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


10 Comments

  1. تم عمل كل الخطوات ونجحت كلها لكن عندما ارسل رسالة لا تكمل الارسال علما اني استعمل قالب سيوبلس النسخة المجانية ارجو الرد

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

  3. لا تصل الرساءل الي الجميل
    يا اخي

    1. اتفاقية الاستخدام تكتب على حسب لغة ونشاط المدونة
      لكن يمكنك/يمكنكى نسخ شروط الاستخدام الخاصة بمدونتنا والتعديل عليها بما يناسب محتوى وشروط مدونتكم .
      تحياتى

  4. لخبطة كبيرة
    معيا كود
    معليك سوى تضيفه في الصفحة نفسها فقط تلصق الكود
    و تضع id مدونتك فقط
    تم