صفحة إتصل بنا لمدونة بلوجر

ما هي صفحة إتصل بنا؟

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

• تواصل مع قرائك

• تواصل مع العلامات التجارية والرعاة

• تواصل مع المدونين الآخرين الذين قد يرغبون في التعاون

• اكتساب عملاء محتملين إذا كنت تقدم خدمات

كيفية إنشاء صفحة اتصال على Blogger

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

الطريقة الأولى: أداة اتصال مدون Native الأصلية

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

الخطوة 1: إضافة القطعة إلى الشريط الجانبي

1. قم بتسجيل الدخول إلى لوحة تحكم Blogger الخاصة بك.
2. انتقل إلى صفحة التخطيط.
3. في منطقة الشريط الجانبي ، انقر فوق  إضافة أداة.
4. ثم اختر نموذج الإتصال لتكون قد اضفتها بنجاح إلى مدونتك
5. في النافذة المنبثقة تكون أداة نموذج الاتصال ، يمكنك تجاهل عنوان الأداة.

الخطوة 2: إخفاء الأداة

إذا كانت الأداة لديك خيار "الرؤية - إظهار نموذج الاتصال" ، تخطي هذه الخطوة.

في لوحة تحكم Blogger ، انتقل إلى صفحة المظهر.

1. انقر فوق الزر تحرير HTML. سيتم فتح نافذة رمز المظهر.
2. اضغط على مفتاحي [Control + F] أو [Command + F] لفتح مربع البحث في نافذة التعليمات البرمجية.
3. ابحث عن:]]> </ b: skin>
4. اضغط على مفتاح Enter للبحث.
5. قم بلصق التعليمة البرمجية التالية قبل الرمز]]> </ b: skin>.

الرمز :

div#ContactForm1 { 
display: none !important; 
}

7.انقر فوق الزر حفظ لحفظ التغييرات.

الخطوة 3: أضف الرمز إلى الصفحة

في لوحة تحكم Blogger ، انتقل إلى صفحة من الصفحات.

قم بإنشاء أو فتح صفحة الاتصال الخاصة بك.

قم بالتبديل إلى وضع HTML. انقر فوق الزر HTML.

الصق الرمز أدناه في نافذة الرمز أسفل المحتوى الخاص بك.

.

تحميل 

معاينة 

أضف أي محتوى تريده مثل عنوان أو صورة أو نص إلى أعلى الصفحة في وضع التأليف.

لديك الآن صفحة اتصال على موقع Blogger الخاص بك!

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

المزيد : - ماهو القالب المناسب لمدونتك

الطريقة 2: تضمين JotForm

JotForm هو منشئ نماذج و أكواد عبر الإنترنت . إنه مجاني:

• 100 استمارة تقديم شهرية
• 5 أشكال
• 1000 مشاهدة شهرية

العلامة التجارية JotForm مضمنة في النموذج

لذلك ، إذا كان لديك نموذج اتصال جيد جدا بالفعل ، فقد لا يكون هذا هو الحل المناسب لك وقد ترغب في الالتزام بالطريقة أعلاه وهي غير محدودة تمامًا. ولكن إذا كنت تتوقع أقل من 100 جهة اتصال شهريًا ، فهذا خيار رائع.

يقدم بعض الميزات المفيدة حقًا مثل:

• الحقول المخصصة
• اختيار البريد الإلكتروني للتسليم
• إرسال رد آلي إلى جهات الاتصال
• التصميم المخصص

الخطوة 1: إنشاء نموذج JotForm

1. الاشتراك في JotForms.
2. في لوحة معلومات JotForms ، انقر فوق الزر إنشاء نموذج.
3. اختر النموذج الكلاسيكي (جميع الحقول في صفحة واحدة) أو نموذج البطاقة (حقل واحد في الصفحة). انقر فوق الزر إنشاء نموذج تحت النمط الذي تختاره.
4. بعد ذلك ، اختر ما إذا كنت تريد البدء من نموذج فارغ أو استخدام قالب أو استيراد نموذج. أوصي باستخدام قالب.
5. اختر القالب الذي يناسب احتياجاتك. هناك العديد من خيارات نموذج الاتصال. يمكنك دائمًا تعديل الحقول والنص والنمط لاحقًا.
6. بمجرد تحديد القالب والنقر فوق متابعة ، ستتمكن من تحرير نسخة معاينة من النموذج الخاص بك.
7. انقر فوق الزر Add Form Element إذا كنت بحاجة إلى إضافة حقل آخر ، والمزيد من النص ، وما إلى ذلك. لقد أضفت سطر الموضوع في المثال الخاص بي.

المزيد : - تخلص من مشاكل الأرشفة نهائيا وتصدر محركات البحث