اضافة صفحة أتصل بنا

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

.

أيضاً هناك بعض الشركات الاعلانية و الربحيه التى لن تدخل معك فى شراكة على موقعك إلا بعد تواجد نموذج أتصل بنا Contact US  ومن أهم هذه الشركات هى جوجل أدسنس Google Adsense لأنه شرط مهم لـ قبول موقعك لديهم فى برنامجهم الإعلانى.

و الموضوع بمنتهى السهولة  فقط يجب عليك وضع الكود التالى  فى صفحة ثابتة على مدونتك أو موقعك

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

<div dir="rtl" style="text-align: right;" trbidi="on">
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:100%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fff;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ddd;border-radius:3px;transition:all 0.5s ease-out;direction: rtl;text-align: justify;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit {width:100%;font-family:'Open Sans';float:left;background:#fff;color:#aaa;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #ddd;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;background-position:0 0;border-color:#7986cb;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f36c60;border:none;box-shadow:none;color:#fff;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
</style>
<br />
<form name="contact-form">
<span style="color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;"><i class="fa fa-user"></i> الأسم </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<span style="color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;"><i class="fa fa-envelope"></i> البريد الإلكترونى <span style="color: #f56954; font-size: x-small; font-weight: bold;">مهم</span></span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<span style="color: #666666; font-family: &quot;open sans&quot; , &quot;arial&quot; , &quot;helvetica&quot; , sans-serif; font-weight: 700;"><i class="fa fa-pencil-square-o"></i> محتوى الرساله <span style="color: #f56954; font-size: x-small; font-weight: bold;">مهم</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>

ثم قم  بعمل نسخ Copy لـ رابط صفحة إتصل بنا Contact US التى أنشأتها والذهاب إلى التخطيط أو المظهر وفتح محرر الـ HTML الخاص بـ مدونتك ولصق رابط الصفحة فى المكان المناسب.

لتفعيل الأداة :-

قم بالذهاب الى التخطيط

اخيتار اضافة أداه فى أى موقع من إختيارك فى المدونة

إختيار قائمة المزيد من الأدوات

اختر منها " نموذج إتصال

اضغط حفظ

مبروك عليك تفعيل الأداة

هكذا يصبح فى إمكان أى زائر إرسال إيميل لك ( على الإيميل المربوط على المدونة )