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

-إنشاء-نموذج-AMP-في-WordPress-خطوة-بخطوة.jpg


كيفية إنشاء نموذج أمبير في WordPress

هل تريد إنشاء نموذج اتصال سهل الاستخدام لصفحات الجوال AMP (Accelerated Mobile Pages) على موقع WordPress الخاص بك؟

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

في هذه المقالة ، سنوضح لك كيفية استخدام المكون الإضافي WPForms لإنشاء نموذج اتصال رائع سهل الاستخدام لـ APM لموقع WordPress الخاص بك. ولكن قبل ذلك ، دعنا نفهم بسرعة مدى أهمية AMP.

لماذا إنشاء صفحات AMP ونماذج AMP

وفقًا للاستطلاع ، ما يقرب من 60 ٪ من استعلامات Google تأتي من الأجهزة المحمولة. من خلال تكييف موقعك مع AMP ، يمكنك التأكد من أن موقعك يتم تحميله بشكل أسرع على الأجهزة المحمولة.

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

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

ومع ذلك ، نظرًا لأن AMP تستخدم نموذجًا خفيف الوزن منفصلًا لتحميل الصفحات ، فقد تتأثر نماذج الاتصال ووظيفة جافا سكريبت وعناصر أخرى.

لعرض نماذج الاتصال على صفحات AMP ، يمكنك استخدام WPForms، أفضل شكل مكون إضافي لبرنامج WordPress.

الآن دعنا نلقي نظرة على كيفية استخدام WPForms لإنشاء نماذج اتصال في صفحات AMP.

الخطوة الأولى: تثبيت المكوّن الإضافي لـ Google AMP

قبل أن نتعمق في النموذج وننشئه ، دعنا نلقي نظرة على كيفية إنشاء صفحات AMP على موقعك. ملف AMP المكون الإضافي هو المكون الإضافي الرسمي لـ Google AMP لـ WordPress.

للعثور على هذا المكون الإضافي ، ابحث عن AMP في مربع البحث بالانتقال إلى الإضافات »إضافة جديد.

انقر الآن تثبيت الآن زر متبوعًا بـ تفعيل زر لبدء العمل.

AMP plugin ، Google AMP

الخطوة الثانية: تثبيت WPForm على WordPress

بعد ذلك ، دعنا نثبت المكون الإضافي WPForms على موقعك. للقيام بذلك ، قم بتسجيل الدخول إلى لوحة معلومات WordPress الخاصة بك وانتقل إلى الإضافات »إضافة جديد. اكتب الآن WPForms في شريط البحث في الزاوية اليمنى العليا من الشاشة.

بعد تحديد موقع المكون الإضافي ، انقر فوق تثبيت الآن زر ، إذن تفعيل لكي يعمل القابس.

WPForms Lite ، مكون إضافي لنموذج اتصال سهل الاستخدام لصفحات AMP

الخطوة 3: قم بإنشاء النموذج الأول باستخدام WPForms

لإنشاء النموذج الأول الخاص بك مع WPForms، اذهب إلى لك لوحة معلومات WordPress وانتقل إلى WPForms »إضافة جديد

ستظهر النافذة التالية على الشاشة.

أمبير نموذج الاتصال في وورد

سترى 4 خيارات مختلفة هنا. بناءً على متطلباتك ، يمكنك اختيار القالب الذي يناسب احتياجاتك.

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

أمبير منشئ صفحة الاتصال

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

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

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

إزالة الحقل من wpforms

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

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

انقر فوق الملف عند الانتهاء اكتب الزر في الزاوية اليمنى العليا من النموذج حتى لا تفقد التغييرات.

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

تحت جنرال لواء يمكنك إعادة تسمية النموذج وإضافة وصف وتغيير نص زر الإرسال وتغيير نص معالجة زر الإرسال وما إلى ذلك. كما يسمح لك بتمكين مكافحة البريد الإلكتروني العشوائي وتقديم نماذج Ajax.

أمبير نموذج الاتصال الإعدادات العامة

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

الخطوة 4: عرض النموذج الأول

لعرض النموذج الأول ، انتقل إلى الصفحة حيث تريد أن يظهر النموذج. إذا كنت تريد إنشاء صفحة جديدة ، انقر فوق الصفحة »إضافة جديد. أضف عنوان لصفحتك.

انقر فوق الرمز + لإضافة الكتلة إلى محرر Gutenberg. ثم اكتب WPForms وعندما يظهر انقر فوقه.

تضمين نموذج الاتصال مكبر للصوت

سيُطلب منك بعد ذلك تحديد نموذج الاتصال المناسب ، لذا حدد النموذج.

أمبير الاتصال الصفحة

يمكنك الآن النقر فوق ينشر على يمين لوحة تحكم WordPress الخاصة بك لنشر مشاركتك. نموذج AMP WordPress الخاص بك متاح الآن.

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

هذا الى حد كبير ذلك. يجب أن يحتوي موقع الويب الخاص بك الآن على نموذج اتصال متوافق مع AMP الذي تريد إنشاءه.

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



scroll to top