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