بسم الله الرحمن الرحيم
صفحة راسلني أو تواصل معي من أهم الإضافات التي يجب توفيرها في مدونتك
شيء مهم جدا ، لأي موقع ناجح ، أن يكون هناك وسيلة للتواصل بين صاحب الموقع وزائريه.
تستطيع ان تضع بريدك الالكتروني في الموقع ليتم التواصل عبره ، لكن ذلك يتضمن الكثير من المساوئ ، منها كشف سرية بريدك الالكتروني للجميع ، وتعرضه لرسائل الدعايا المزعجة المعروفة بـ"السبام" spam.
ولذلك تجد أكثر وسيلة ناجحة للتواصل هي ما يعرف بنماذج "اتصل بنا" , فلا تضيع
الفرصة علي زوارك بالتواصل معك والإجابة علي إستفساراتهم
لنبدأ على بركة الله
الشرح سيتم علي 3 مواقع توفر هذه الخدمة
foxyform
freedback
emailmeform
أولا موقع : foxyform
اضغط علي الصورة التالية للدخول إلي الموقع
اختر التفاصيل التي تريد أن تظهر في الصفحة , وإختر لون الخلفية ولون الكتابة ونوع الخط وحجمه , وقم بإدخال بريدك الإلكتروني الذي ترغب في تلقي الرسائل من خلاله , ثم اضغط Greate Formular
انسخ الكود
من لوحة التحكم قم بإنشاء صفحة جديدة
اكتب في العنوان راسلني أو تواصل معنا او أي إسم أخر , ثم اختر وضع HTML وقم بلصق الكود , وأخيرا إضغط نشر .
قم بترتيب الصفحات ثم إضغط حفظ الترتيب .
سيكون شكل الصفحة بهذا الشكل
ثانيا موقع : freed back
للدخول الي الموقع قم بالضغط علي الصورة التالية
بعد الدخول الي الموقع اضغط

ستفتح صفحة التسجيل قم بالتسجيل في الموقع والتفعيل عبر الإيميل
بعد تفعيل حسابك قم بالضغط عليLogin
قم بتحديد الشكل المناسب ثم إضغط Continue
انسخ الكود الناتج , وطبق نفس الخطوات السابقة مع موقع Foxy Form
ثالثا موقع : emailmeform
- اضغط علي الصورة التالية للدخول إلي الموقع
نفس الخطوات التي تم تطبيقها مع موقع freed back قم بتطبيقها معموقعemailmeform
اضغط
قم بالتسجيل في الموقع ثم اضغط Sing Up
قم بتفعيل الحساب من الإيميل
يمكنك إختيار الخيار الثاني لإنشاء تصميم بنفسك
اختر

اضغط Customize للتعديل
قم بالتعديل علي النموذج بالضغط علي الحقل ثم التعديل عليه من الناحية اليسري
ثم اضغط

0 التعليقات:
إرسال تعليق