كيفية عمل صفحة اتصل بنا

بواسطة Unknown يوم الأربعاء، 1 مايو 2013 القسم : 0 التعليقات

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



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

أولا: التسجيل في موقع مجاني يقدم خدمة اتصل بنا:
 
1- ادخل على الموقع التالي:
اضغط هنا
2- قم بالضغط على creat a free form now كما في الصورة:


إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا

3- قم بادخال بيانات حسابك الجديد:
الاسم - البريد الالكتروني الذي تود استلام الرسائل عليه - كلمة السر - تأكيد كلمة السر




4- الآن قمت بتسجيل حسابك بنجاح ، ستصلك رسالة لتفعيل الحساب على بريدك الالكتروني ، قم بالضغط على الرابط بها للتفعيل.

ثانيا: تهيئة شكل النموذج وضبط اعداداته:
1- بعد تفعيل حسابك قم بتسجيل الدخول بكتابة بريدك الالكتروني ، وكلمة السر.
2- الان سيظهر لك صفحة تهيئة النموذج
يمكنك من خلال هذه الصفحة اضافة الحقول التي ستطلب من الزائر أن يملأها عند الاتصال بك
ستجد حقلين جاهزين مضافين هما حقل : الاسم Name ، وحقل البريد الالكتروني: Email address
وستجد بجانب كل حقل 4 أزرار ، زر التعديل edit وزرين لتحديد مكان الحقل ، وزر حذف الحقل delete

إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا

3- سنقوم الان  بتعديل الحقل الاول name بالضغط على edit كما بالصورةالسابقة.

4- يمكنك الآن تغيير عنوان الحقل ، وجعل الحقل الزامي على الزائر لادخاله كما بالصورة:

إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا
اضغط save لحفظ التعديلات.

5- قم بتعديل الحقل الثاني وغير Email Address إلى بريدك الالكتروني.


6- الان سنضيف حقل ثالث وهو سيكون محتوى الرسالة ، اضغط على add queastion أسفل الحقل الثاني ، ثم اختر long answer كما بالصورة:

إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا

7- اكتب عنوان الحقل الجديد في الفراغ وليكن "محتوى الرسالة" وعلم على required ثم اضغط save كما بالصورة:
(اضغط عليها للتكبير)

إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا

8- بعد تعديل الحقول جميعا، اضغط على continue للانتقال للخطوة التالية.

9- الصفحة التالية بها اعدادات متقدمة ، لن نحتاج منها سوى اثنين فقط (بقية الاعدادات غير مجانية)
الاعداد الأول هو صفحة التحويل ، بمعنى أنه بعد انتهاء الزائر من ارسال رسالته والتأكيد على أنه تم ارسالها سيتم تحويله إلى صفحة أنت تحددها ، وليكن للصفحة الرئيسية لمدونتك




الاعداد الثاني هو ادخال بريدك لتصلك الرسائل عليه ، ضع علامة صح بجانب Email كما بالصورة:

إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا
سيظهر لك خانتين ، اكتب في الاولى بريدك الالكتروني ، وفي الثانية موضوع الرسالة التي ستصلك وليكن "رسالة من أحد زوار مدونتك"
إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا
إضافه اتصل لبلوجر
كيفية عمل صفحة اتصل بنا

10- اضغط continue للانتقال للخطوة التالية.

ثالثا: الحصول على الكود ووضعه في مدونتك:
الان ستظهر لك صفحة بها كود نموذج "اتصل بنا" الذي أنشأته ، قم بنسخ الكود ، وسنقوم بوضعه في مدونتك ، لكن يجب أولا انشاء صفحة باسم اتصل بنا في المدونة لنضع بها الكود.
1- ادخل على مدونتك
2-اختار الصفحات


3-ثم صفحه من فوق صفحه فارغه

- قم بتسمية الصفحة "اتصل بنا" ، ثم قم بالضغط على تحرير html وأضف الكود الذي نسخته سابقا كما بالصورة.



ثم اضغط نشر الصفحة.

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

(تحديث): لتغيير زر الإرسال إلى اللغة العربية:
ابحث في الكود على العبارة التالية : Submit Form وضع مكانها عبارة إرسال الرسالة

(تحديث2) : لجعل رسالة تأكيد الإرسال تفتح في صفحة جديدة بعد ضغط زر الارسال اتبع التالي:
ابحث في نهاية الكود عن السطر التالي:

<input type="submit" value=" Submit Form " />
واستبدله بالسطر التالي:
<input type="submit" onclick="this.form.rel="nofollow" target='_blank';return true;" value=" Submit Form " />
الى هنا انتهى درسنا اليوم 


الى اللقاء في تدوينة جديدة انشاء الله

0 التعليقات:

إرسال تعليق

تصميم وتطوير مدونة اسلام بلوجر