إضافة إتصل بنا على بلوجر بطرق إحترافية

إضافة إتصل بنا على بلوجر بطرق إحترافية

إضافة إتصل بنا على بلوجر

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

أهمية إتصل بنا:

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

طرق إضافة إتصل بنا على بلوجر

هناك العديد من طرق إضافة "إتصل بنا" إلى مدونتك .. نذكر من أهمها على سبيل المثال وليس الحصر:

أ - إضافة نموذج إتصل بنا الإفتراضي في بلوجر.


مميزات نموذج إتصل بنا الإفتراضي:
1 - سهل التنصيب ويمكن تركيبه في ثواني معدودة.
2 - تأخذ ألوانه تلقائياً نفس ألوان إستايل مدونتك.
3 - يشمل أهم إحتياجات أي نموذج إتصال بنا مثل الإسم والبريد الإلكتروني ومحتوى الرسالة.
4 - يرسل المحتوى تلقائياً إلى البريد الإلكتروني Gmail الخاص بصاحب المدونة ولو تعدد أصحابها فيتم إرسال المحتوى الذي تقدم به الزائر إلى جميع الممتلكين للمدونة فقط وليس للمؤلفين بها.
5ـ - يسهل تخصيصه ووضعه في أي مكان في مدونة بلوجر.
6 - يمكن وضعه في جميع صفحات ومواضيع المدونة من خلال إدراجه في ويدجيت جانبي أو في فوتر المدونة.
7 - لا يحتاج إلى أي خبرة في لغات البرمجة.

ب - إضافة صفحة إتصل بنا.


مميزات صفحة إتصل بنا:
1 - تنصيبها أيضاً سهل للغاية ويتم على 3 خطوات فقط.
2 - لها صفحة منفردة خاصة بها.
3 - يمكن الدخول إليها من اي صفحة أخرى من خلال رابط يتم إدراجه في أي مكان ترغب به بمدونتك.
4 - يمكن تخصيص ألوانها بما ترغب به كما يمكن وضع رسالة توضيحية عن طريقة إستخدامها وأهميتها للزوار والمزيد.
5 - يمكنك إختيار البريد الإلكتروني الذي ترغب بإستلام رسائل الزوار عليه.
6 - سهولة التحكم في حجمها.
7 - سهولة إضافة طلبات إضافية بها مثل مربع للهاتف أو مربع للعنوان وخلافه وكذلك سهولة جعل أي من هذه الطلبات إختياري وأيهم إجباري.
نموذج إتصل بنا
نموذج إتصل بنا

طريقة تركيب نموذج إتصل بنا الإفتراضي على بلوجر:

1 - قم بالدخول إلى لوحة تحكم بلوجر الخاصة بمدونتك.
2 - قم بإختيار التخطيط Layout.
3 - ستجد أمامك تخطيط مدونتك .. قم في المكان الذي تراه مناسباً لوضع أداة إتصل بنا بالضغط على Add Gadget.
4 - ستجد أدوات بلوجر الإفتراضية .. قم بالضغط من الجانب على More Gadgets لتشاهد المزيد من أدوات بلوجر.
5 - ستجد في هذه الصفحة والمجموعة من الأدوات أداة بإسم Contact Form .. هذه هي أداتنا فقم بإختيارها.
6 - ستذهب إلى نافذة عليك بها فقط وضع إسم هذه الأداة وليكن مثلاً إتصل بنا لو كانت مدونتك بالعربية أو Contact us لو كانت مدونتك إنجليزية.
7 - قم بحفظ الأداة بالضغط على Save.
8 - يمكنك تحريك الأداة فيما بعد من داخل التخطيط Layput إلى أي مكان ترغب به .. وقم بمعاينة مدونتك حتى تصل لأفضل مكان لهذه الأداة الهامة.

ب - طريقة تركيب صفحة إتصل بنا Html:

لمعاينة النموذج قبل التركيب توجه إلى صفحة إتصل بنا الخاصة بمدونة روميسيا للخدمات الإلكترونية.
1 - قم بإنشاء صفحة بلوجر جديدة من خلال التوجه إلى Pages وإختيار New  Page.
2 - قم بوضع إسم للصفحة وليكن مثلاً إتصل بنا.
3 - قم بالدخول إلى Html.
4 - قم بمسح كامل محتويات صندوق المحتوى من أكواد وضع مكانها الكود التالي:


<div dir="ltr" style="text-align: left;" trbidi="on">
<!-- contact us page by romisya-eservices.blogspot.com --> 
<br />
<div class="romisya-contact-page">
مرحباًً بك .. لأي إستفسارات أو رغبات تفضل بمراسلتنا من خلال نموذج الإتصال التالي:<br />
<center>
<div class="contact-us-page">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<span class="contact-us-text">الاسم</span>
<input autocomplete="off" class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<br />
<span class="contact-us-text">بريد إلكتروني <span style="font-weight: bolder;">*</span></span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<br />
<span class="contact-us-text">رسالة <span style="font-weight: bolder;">*</span></span>
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />

<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>
<br />
تأكد من ظهور "تم أرسال رسالتلك"<br />

</center>
</div>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet"></link>
<link href="http://fonts.googleapis.com/earlyaccess/droidarabickufi.css" rel="stylesheet" type="text/css"></link>

<style>

.bloggeram-contact-page {
direction: rtl;
text-align: center;
}

.contact-us-page { 
width:98%; max-width:400px;
}

.contact-us-text { 
float: right;
}

.contact-form-button, .contact-form-button-submit, #ContactForm1_contact-form-submit {
font-family: 'Droid Arabic Kufi';
color: #fff;
background: #111;
border-color: #111;
width: 95%;
height: 45px;
font-size: 1.1em;
}


.contact-form-name, .contact-form-email, .contact-form-email-message {
max-width: none !important;
width: 95% !important;
min-height: 40px !important;
font-family: 'Droid Arabic Kufi' !important;
}
.contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
box-shadow: none;
}
.contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
box-shadow: none;
outline: none;
}



.contact-form-widget {
width: inherit;
max-width: none !important;
padding: 10px 12px 5px 0px;
font-size: .90em;
}

#ContactForm1_contact-form-submit {
font-family: 'Droid Arabic Kufi', Voces;
color: #fff;
background: #111;
border-color: #111;
width: 95%;
height: 45px;
font-size: 1.1em;
}
#ContactForm1_contact-form-submit:hover {
background: #FFA200;
border: #FFA200;
}

</style><br />
<div dir="rtl" style="text-align: right;">
<br /></div>
<div dir="rtl" style="text-align: right;">
* كما يمكنك مراسلتنا هاتفياً على : 00000000&nbsp;</div>
</div>


5 - قم بإستبدال 00000000 برقم هاتفك الذي ترغب بتلقي الإستفسارات عليه.
6 - قم بوضع وصف للصفحة في التبويب الجانبي Search Description وهو خيار يجب أن تكون قد قمت بتفعيله من قبل من خصائص وإعدادات مدونتك نفسها بوضع وصف لأي صفحة أو مقالة.
7 - قم بنشر الصفحة.
8 - قم بأخذ رابط الصفحة من خلال الضغط بزر الفأرة الأيمن على كلمة View المتاحة أسفل الصفحة الجديد في تبويب Pages وقم بالنقر على Copy Link Address لتحصل على رابط هذه الصفحة.
9 - قم بإضافة رابط الصفحة في مدونتك بالفوتر أو تبويبات الهيدر أو الويدجات الجانبية كما ترغب وتكون هذه الخطوة من داخل Template ولا ننصح بها إلا من لديه بعض الخبرة بتعديل قالب مدونته.

أيهما أفضل نموذج إتصل بنا أم صفحة إتصل بنا؟

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

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

مع أطيب أمنياتنا للجميع بالتوفيق

سأشارك هذه المقالة مع أصدقائي على

تعليقات ديسكس