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

 

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

اضغط هنا

والشكل يكون كما بالصوره الاتية

 

 

وللحصول على نموذج مثله مجاني إليك الخطوات:

أولا: التسجيل في موقع مجاني يقدم خدمة اتصل بنا:
 ادخل على الموقع التالي:http://www.freedback.com

قم بالضغط على creat a free form now كما في الصورة:

 

 

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

 

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

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

 

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

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

 

 

اضغط save لحفظ التعديلات.
5- قم بتعديل الحقل الثاني وغيره من Email Address إلى بريدك الالكتروني.
6- الان سنضيف حقل ثالث وهو سيكون محتوى الرسالة ، اضغط على add question أسفل الحقل الثاني ، ثم اختر long answer كما بالصورة:

 

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

 



 

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

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

 

 

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

 

 

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

 

 

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

 

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

ثم - إضغط " صفحة جديدة >> صفحة فارغة " .

 

 

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

 

 

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

مبروك حصلت على صفحة اتصل بنا ، قم بوضع رابط لها في الصفحة الرئيسية لتتيح للزوار وسيلة آمنة فعالة للتواصل.
(تحديث): لتغيير زر الإرسال إلى اللغة العربية:
ابحث في الكود على العبارة التالية : Submit Form وضع مكانها عبارة إرسال الرسالة
(تحديث2) : لجعل رسالة تأكيد الإرسال تفتح في صفحة جديدة بعد ضغط زر الارسال اتبع التالي:
ابحث في نهاية الكود عن السطر التالي:

<input type="submit" value=" Submit Form " />

واستبدله بالسطر التالي:

<input type="submit" onclick="this.form.target='_blank';return true;" value=" Submit Form " />

 

والى هنا ينتهي الشرح أتمنى أن تكونوا قد استفدتم منه وأن ينال الشرح اعجابكم

اذا اردت أن يستفيد الناس منه يمكنك أخد رابط الموضوع ونشره في المنتديات مع ذكر المصدر

 

Posted in: دروس بلوجر