wordpress

كيفية إنشاء نماذج AMP في WordPress (خطوة بخطوة)

إنشاء نماذج AMP في WordPress (خطوة بخطوة)

لاستخدام AMP مع WordPress ، تحتاج إلى تثبيت وتفعيل المكوّن الإضافي AMP الرسمي لـ WordPress .

بمجرد التنشيط ، سيضيف المكون الإضافي دعم Google AMP تلقائيًا لموقع WordPress الخاص بك.

ومع ذلك ، يمكنك تغيير إعدادات AMP لموقعك على الويب بالانتقال إلى AMP »عام من لوحة التحكم.

 

من صفحة إعدادات AMP ، يمكنك تمكين AMP أو تعطيله على موقع الويب الخاص بك واختيار وضع موقع ويب لـ AMP واختيار قوالب مدعومة.

بمجرد تكوين AMP ، فإن الخطوة التالية هي إنشاء نموذج اتصال متوافق مع AMP على موقع WordPress الخاص بك.

الخطوة 1. قم بإنشاء نموذج WordPress باستخدام WPForms

يتيح لك الإصدار البسيط والمحترف من WPForms إنشاء نموذج اتصال أساسي جاهز لصفحات AMP. في مقالتنا ، سنستخدم النسخة المجانية من لقطات الشاشة.

بمجرد تثبيت المكون الإضافي وتنشيطه ، تحتاج إلى التوجه إلى WPForms »إضافة صفحة جديدة لإنشاء نموذج WordPress جديد.

على شاشة إعداد النموذج ، يمكنك اختيار قالب نموذج للبدء بسرعة. يمكنك تحديد النموذج الفارغ إذا كنت تريد البدء من البداية.

بعد ذلك ، سيتم فتح صفحة أداة إنشاء النماذج.

من هنا ، يمكنك إضافة أو إزالة حقول النموذج. لإضافة حقل جديد إلى النموذج الخاص بك .

يمكنك ببساطة النقر فوق حقل نموذج من اللوحة اليمنى ، وسيظهر في لوحة منشئ النموذج على اليمين.

بعد ذلك ، يمكنك تكوين خيارات الحقل. ما عليك سوى النقر فوق أحد الحقول ، ثم ستظهر خيارات الحقل.

وبالمثل ، يمكنك تخصيص جميع الحقول الأخرى.

بعد ذلك ، يمكنك النقر فوق علامة التبويب الإعدادات لتكوين إعدادات النموذج الخاص بك.

تسمح لك الإعدادات العامة بتغيير اسم النموذج ، وإرسال نص الزر ، وإرسال نص معالجة الزر ، وتمكين مكافحة البريد العشوائي Honeypot ، والمزيد.

بعد ذلك ، يمكنك النقر فوق علامة التبويب “الإعلامات” لإعداد إعلامات البريد الإلكتروني لإعلامك عندما يكمل المستخدم النموذج.

بعد ذلك ، يمكنك النقر فوق علامة التبويب التأكيد لإعداد رسالة تأكيد ليتم عرضها عند قيام المستخدم بإرسال النموذج.

بعد اكتمال التكوين ، يمكنك حفظ النموذج الخاص بك.

الخطوة الثانية. أضف نموذج AMP إلى الصفحة

الآن بعد أن أصبح نموذج WordPress الخاص بك جاهزًا ، يمكنك إضافته إلى صفحة.

أولاً ، تحتاج إلى إنشاء صفحة جديدة أو فتح صفحة موجودة حيث تريد إضافة النموذج.

في شاشة تحرير صفحتك ، انقر فوق أيقونة Add New Block وحدد كتلة WPForms.

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

بعد ذلك ، يمكنك نشر أو تحديث صفحتك.

هذا كل شئ! لا تحتاج لتكوين أي شيء آخر. ستضيف إضافة WPForms Lite دعم AMP الكامل إلى النموذج الخاص بك الآن.

إذا كنت تريد أن ترى كيف يبدو ، فيمكنك فتح الصفحة على هاتفك المحمول.

أو يمكنك فتح الصفحة على متصفح سطح المكتب الخاص بك عن طريق إضافة / amp / أو /؟ amp في نهاية عنوان URL لصفحتك. على سبيل المثال ، https://www.example.com/contact/؟amp.

إضافة Google reCAPTCHA إلى نموذج AMP

بشكل افتراضي ، يتضمن WPForms مصيدة مكافحة البريد العشوائي للقبض على البريد العشوائي وحظره. بالإضافة إلى ذلك ، يمكنك استخدام Google reCAPTCHA لتقليل عمليات إرسال البريد العشوائي.

لاستخدام Google reCAPTCHA مع نماذج AMP ، يلزمك تسجيل موقعك على Google reCAPTCHA v3 والحصول على مفاتيح Google API.

انتقل إلى موقع Google reCAPTCHA وانقر على زر “وحدة تحكم المشرف” في الركن العلوي الأيمن من الصفحة.

بعد ذلك ، تحتاج إلى تسجيل الدخول باستخدام حساب Google الخاص بك. بمجرد الانتهاء من ذلك ، سترى صفحة “تسجيل موقع جديد”.

أولاً ، تحتاج إلى إدخال اسم موقع الويب الخاص بك في حقل التسمية. يدعم AMP من Google فقط reCAPTCHA v3 ، لذلك تحتاج إلى اختياره من خيارات نوع reCAPTCHA.

بعد ذلك ، أدخل اسم المجال الخاص بك تحت قسم المجالات.

يعرض قسم المالكين عنوان بريدك الإلكتروني بشكل افتراضي. يمكنك أيضًا إضافة بريد إلكتروني آخر إذا أردت.

بعد ذلك ، تحتاج إلى قبول شروط خدمة reCAPTCHA للمتابعة. حدد أيضًا مربع الاختيار “إرسال تنبيهات إلى المالكين” ، والذي سيسمح لـ Google بإبلاغك بمشكلات مثل التكوين الخاطئ وحركة المرور المريبة على موقعك.

بمجرد الانتهاء ، انقر فوق الزر إرسال.

بعد ذلك ، سترى رسالة نجاح مع مفتاح الموقع والمفتاح السري لإضافة reCAPTCHA على موقعك.

الآن لديك مفاتيح Google API لإضافة reCAPTCHA إلى نماذجك. ومع ذلك ، يلزم إجراء تعديل آخر لضمان توافق AMP مع reCATCHA. انقر على رابط “الانتقال إلى الإعدادات” هناك.

بعد ذلك ، سترى إعدادات reCAPTCHA مرة أخرى مع مربع الاختيار “السماح لهذا المفتاح بالعمل مع صفحات AMP”. ما عليك سوى تحديد المربع والنقر فوق الزر حفظ أدناه.

الآن لديك مفاتيح Google API لإضافة reCAPTCHA في نماذج AMP ، تحتاج إلى فتح WPForms »الإعدادات» صفحة reCAPTCHA في لوحة تحكم WordPress الخاصة بك.

في هذه الشاشة ، تحتاج إلى تحديد خيار reCAPTCHA v3 ولصق مفتاح الموقع والمفتاح السري.

 بعد ذلك ، انقر فوق الزر حفظ الإعدادات.

الآن بعد أن تمت إضافة Google reCAPTCHA إلى WPForms ، يمكنك تمكينه في النماذج الخاصة بك عند الحاجة. انتقل إلى WPForms »All Forms وحدد النموذج الذي تريد تمكين reCAPTCHA فيه.

بمجرد ظهور شاشة إعداد النموذج ، انقر فوق علامة التبويب الإعدادات وحدد قسم الإعدادات العامة.

في الجزء السفلي ، يمكنك مشاهدة مربع الاختيار “تمكين Google v3 reCAPTCHA”.

حدد المربع ثم قم بحفظ النموذج الخاص بك عن طريق النقر على زر حفظ في الزاوية اليمنى العليا.

بعد ذلك ، يمكنك إعادة زيارة صفحة الاتصال الخاصة بك والاطلاع على نموذج AMP مع عمل reCAPTCHA.

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى
error: Content is protected !!