إضافة صفحة إتصل بنا بخطوة واحدة فقط

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

أهمية صفحة اتصل بنا

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

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

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

طريقة إضافة صفحة إتصل بنا

ننتقل أولاً إلى لوحة التحكم ، ثم نختار الصفحات ، ثم نضغط على إنشاء صفحة جديدة ، ثم ننقر على "HTML" ثم نضع الكود أدناه ، ثم  قم بتغير معرّف مدونتك "blogId" فقط 

"848973641913846274"

<div id="contact-form">
<form name="contact-form">
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" placeholder="الاسم" size="30" type="text" value="" />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" placeholder="بريد إلكتروني" size="30" type="text" value="" />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="الرسالة" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<br />
<div style="text-align: center;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
<style type="text/css">#contact-form{background:#ececec;padding:10px;box-shadow:0 0 0 1px #d9dce1}#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{margin:5px auto;border:1px solid #e3e3e3;transition:all .5s ease-out;width:100%;border-radius:10px;padding:8px 15px;margin-bottom:10px;font-family:'bein',Roboto,sans-serif}#ContactForm1_contact-form-submit{border:1px solid #e3e3e3;font:unset;text-shadow:1px 1px 5px #111;font-weight:700;font-size:14px;padding:5px 15px;background-color:#264079;border-radius:5px;color:#fff;font-family:'bein',Roboto,sans-serif;letter-spacing:1px;cursor:pointer}#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7)}.contact-form-error-message-with-border{color:#b90000;font-weight:700}</style>
<script src="https://www.blogger.com/static/v1/widgets/2227587253-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
_WidgetManager._Init('');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'contact-sec', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'جارٍ الإرسال...', 'contactFormMessageSentMsg': 'تم إرسال رسالتك.', 'contactFormMessageNotSentMsg': 'تعذر إرسال الرسالة، يرجى المحاولة مرة أخرى في وقت لاحق.', 'contactFormInvalidEmailMsg': 'يلزم إدخال عنوان بريد إلكتروني صالح.', 'contactFormEmptyMessageMsg': 'لا يمكن أن يكون حقل الرسالة فارغًا.', 'title': 'نموذج الاتصال', 'blogId': '848973641913846274', 'contactFormNameMsg': 'الاسم', 'contactFormEmailMsg': 'بريد إلكتروني', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script>

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

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