نقدم لكم نموذج شغال ومجرب بعيد عن نمازج الاتصال المتوفرة على الإنترنت اخترنا كود اتصل بنا HTML يعمل على جميع مدونات بلوجر بدون مشاكل. قم بنسخ الكود التالي مع تغيير id الى يخص مدونتك.
<div dir="rtl" style="text-align: right;" trbidi="on">
<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:#06de15;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': 'ضع هنا id بلوجر الخاص بك', 'contactFormNameMsg': 'الاسم إجباري', 'contactFormEmailMsg': 'بريد إلكتروني إجباري', 'contactFormMessageMsg': 'رسالة', 'contactFormSendMsg': 'إرسال', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
</script></div>
كود اتصل بنا لمدونات بلوجر جاهز
تعتبر مدونات بلوجر واحدة من أكثر منصات الكتابة شهرة على الإنترنت، وهي توفر منصة رائعة للمدونين وأصحاب المواقع للتعبير عن أفكارهم ومشاركة محتوى جذاب مع العالم. إذا كنت تدير مدونة على بلوجر، فمن المهم جعلها مكانًا سهل التواصل معك فيه. وهنا يأتي دور كود اتصل بنا HTML المخصص لمدونات بلوجر. في هذا المقال، سنستكشف كيفية الحصول على كود اتصال بنا HTML جاهز وكيفية تنفيذه بنجاح.
فوائد وضروريات استخدام صفحة اتصل بنا
إذا كنت ترغب في تعزيز تفاعل الزوار على مدونتك على بلوجر وزيادة التواصل معهم، فإن كود اتصل بنا HTML لمدونات بلوجر يمكن أن يكون أداة قيمة لك. هذا الكود الجاهز يتيح لزوارك الاتصال بك بسهولة، سواء للتعبير عن آرائهم أو للتواصل معك لأي غرض آخر. بالإضافة إلى ذلك، يعتبر توفير وسيلة للاتصال بهويتك على الإنترنت جزءًا مهمًا من استراتيجية التسويق الرقمي وتعزيز تجربة الزوار.
سنستعرض في هذا المقال كيفية الحصول على كود اتصل بنا HTML جاهز وكيفية تنفيذه بنجاح على منصة بلوجر. ستتعلم أيضًا كيفية استفادة قصوى من هذا الكود لضمان أن زوار مدونتك يشعرون بالراحة والثقة عند التواصل معك.
الحصول على الكود الجاهز
الخطوة الأولى للحصول على كود اتصل بنا HTML الجاهز هي البحث على الإنترنت.موجود فى الصفحة الحالية التى انت بها وايضا هناك العديد من المواقع التي تقدم قوالب وأكواد جاهزة للاتصال بنا. يمكنك البحث باستخدام محرك البحث المفضل لديك ببساطة باستخدام كلمات مثل "كود اتصل بنا HTML لمدونات بلوجر جاهز".
عند العثور على موقع يقدم الكود الذي يناسب احتياجاتك، قم بتنزيله. ستجد عادة رمز HTML جاهز يمكن نسخه ولصقه في مدونتك.
تنفيذ الكود على بلوجر
بعد تنزيل الكود، توجه إلى لوحة التحكم الخاصة بمدونتك على بلوجر. انتقل إلى "تخطيط المدونة" أو "تخطيط" (قد يختلف الاسم بناءً على إصدار بلوجر الخاص بك).
اختر المكان الذي ترغب في إضافة نموذج الاتصال به. يمكن أن يكون في الشريط الجانبي أو في صفحة منفصلة.
بعد ذلك، قم بإضافة عنصر HTML/جافا سكريبت. ستظهر نافذة تطلب منك لصق الرمز الذي قمت بتنزيله.
انقر على "حفظ" أو "تطبيق" للتغييرات. الآن، ستظهر نموذج الاتصال بنا HTML على مدونتك.
استفادة أقصى من كود اتصل بنا
بمجرد تنفيذ الكود على مدونتك، يمكنك البدء في الاستفادة منه لتحقيق أقصى استفادة. إليك بعض النصائح:
- تأكد من توفير معلومات الاتصال الصحيحة. تأكد من أن جميع الحقول الضرورية موجودة ومعبأة بشكل صحيح.
- اجعل النموذج سهل الاستخدام. استخدم واجهة مستخدم نظيفة وسهلة القراءة.
- اجعل الردود سريعة. عندما يتواصل شخص معك عبر النموذج، حاول الرد بسرعة لإظهار اهتمامك واحترامك لوقته.
- استخدم تحليلات الويب. تتيح لك تحليلات الويب تتبع كيفية استخدام زوارك لنموذج الاتصال بنا وتحسينه بمرور الوقت.
في هذه الصفحة، تعلمنا كيفية الحصول على كود اتصل بنا HTML جاهز لمدونات بلوجر وكيفية تنفيذه بنجاح على منصة بلوجر. كما استعرضنا كيفية استفادة أقصى من هذا الكود لتعزيز تفاعل الزوار وتحسين تجربتهم على مدونتك. لا تنسى تخصيص النموذج ومراقبة أداءه باستمرار لضمان تحقيق أفضل النتائج.