كيفية إضافة حقول الإكمال التلقائي للعنوان في نموذج WordPress؟

هل تتساءل عن كيفية إضافة نموذج الإكمال التلقائي لعنوان WordPress إلى موقع الويب الخاص بك؟ إذن ، هذه المقالة هي الشيء الذي تحتاجه الآن.

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

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

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

كيف يكون خيار الإكمال التلقائي للعنوان مفيدًا في نموذج عبر الإنترنت؟

يمكنك فقط استخدام حقل العنوان العادي لأي نموذج WordPress. لذا ، لماذا تضيف خيار الإكمال التلقائي للعنوان؟

حسنًا ، إليك بعض الطرق المهمة التي يفيد بها خيار الإكمال التلقائي للعنوان:

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

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

ومع ذلك ، لا يقدم WordPress هذه الميزة افتراضيًا. إذن ، ما هو أفضل بديل لك؟

سنغطي أفضل طريقة لإضافة حقل الإكمال التلقائي للعنوان في القسم التالي.

أفضل طريقة لإنشاء نموذج الإكمال التلقائي للعنوان WordPress

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

سيتيح لك المكون الإضافي الصحيح لبرنامج WordPress إضافة الميزة إلى النموذج الخاص بك دون متاعب. وأحد هذه المكونات الإضافية هو Everest Forms.

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

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

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

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

كيفية إضافة حقول الإكمال التلقائي للعنوان في نموذج WordPress؟

في هذا البرنامج التعليمي ، استخدمنا نماذج Everest لتوضيح عملية إنشاء نموذج WordPress للإكمال التلقائي للعنوان.

اتبع هذه الخطوات السبعة البسيطة لإضافة خيار الإكمال التلقائي لعنوان Google WordPress في النموذج الخاص بك.

الخطوة 1: قم بتثبيت وتنشيط Everest Forms Pro

ابدأ بتثبيت وتفعيل المكون الإضافي Everest Forms Pro على موقعك. يعمل هذا الإصدار المتميز فوق المكون الإضافي المجاني الأساسي Everest Forms.

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

لدينا دليل منفصل حول كيفية إعداد Everest Forms Pro بشكل صحيح على موقع الويب الخاص بك. لذا ، تحقق من ذلك إذا كنت بحاجة إلى مساعدة في تثبيت المكون الإضافي وتنشيطه.

الخطوة 2: قم بتثبيت وتنشيط إضافة تحديد الموقع الجغرافي

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

لذلك ، افتح نماذج Everest >> الإضافات في لوحة معلومات WordPress الخاصة بك.

قم بالتمرير لأسفل للعثور على الوظيفة الإضافية للموقع الجغرافي وانقر فوق تثبيت الملحق . لإكمال التثبيت ، اضغط على الزر " تنشيط " بعد ذلك.

سيؤدي هذا إلى إعداد الوظيفة الإضافية لتستخدمها في نماذج WordPress الخاصة بك.

الخطوة 3: احصل على مفتاح API من Google Console

الخطوة الثالثة هي الحصول على مفتاح API من Google Console. سيساعدك هذا على توصيل المكون الإضافي Everest Forms بـ Google Console.

أولاً ، قم بزيارة Google Console Dashboard. يجب أن تقوم بتسجيل الدخول من خلال حساب Google الخاص بك للوصول إلى لوحة التحكم هذه.

ثم حدد مشروعك من أعلى لوحة التحكم.

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

بعد اختيار المشروع ، ستصل إلى صفحة APIs والخدمات الخاصة بالمشروع.

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

اضغط على القائمة وافتح واجهات برمجة التطبيقات والخدمات >> تمكين واجهات برمجة التطبيقات والخدمات .

هنا ، انقر فوق + EnABLE APIS AND SERVICES .

في مكتبة API ، ابحث عن الأماكن API وقم بتمكينها .

ملاحظة: لتمكين واجهة برمجة التطبيقات (API) بنجاح ، يجب أن يكون لديك حساب فوترة. لذلك ، قم بتمكين الفوترة لوحدة تحكم Google Cloud قبل المتابعة.

بمجرد تمكين واجهة برمجة التطبيقات ، انتقل إلى واجهات برمجة التطبيقات والخدمات >> بيانات الاعتماد . الآن ، انقر فوق + إنشاء بيانات الاعتماد ثم حدد مفتاح API .

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

أولاً ، يجب عليك تعيين قيد التطبيق . يتيح لك هذا تحديد مواقع الويب أو عناوين IP أو التطبيقات التي يمكنها استخدام مفتاح API. في حالتنا ، دعنا نختار مواقع الويب .

بعد ذلك ، أضف موقع الويب حيث سيكون مفتاح API صالحًا واضغط على Done . يمكنك إضافة مواقع متعددة إذا كنت بحاجة.

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

نظرًا لأننا نحتاج فقط إلى واجهة برمجة تطبيقات الأماكن ، فلنختار ذلك من القائمة المنسدلة. يمكنك تمكين وإضافة المزيد من واجهات برمجة التطبيقات مثل Maps JavaScript API حسب المتطلبات.

أخيرًا ، اضغط على زر حفظ .

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

الخطوة 4: إضافة مفتاح API إلى إعدادات الموقع الجغرافي

مرة أخرى في لوحة معلومات WordPress الخاصة بك ، انتقل إلى نماذج Everest >> الإعدادات >> تحديد الموقع الجغرافي .

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

هذا يكمل الاتصال بين Google Places API و Everest Forms.

هناك خيار آخر ، الموقع الحالي ، في إعدادات الموقع الجغرافي . عند تشغيل هذا الخيار ، تكتشف النماذج تلقائيًا وتعبئ الموقع الحالي للمستخدم في حقل العنوان .

إنه اختياري تمامًا ، لذا يعتمد ما إذا كنت تقوم بتشغيله أم لا على متطلباتك.

الخطوة 5: إنشاء نموذج جديد مع حقل العنوان

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

لذلك ، يجب عليك إنشاء نموذج WordPress جديد مع حقل العنوان .

السؤال هو: ما نوع النموذج الذي تصنعه؟ حسنًا ، الأمر متروك لك تمامًا!

أفضل شيء في Everest Forms هو أنه يتيح لك إنشاء أي نوع من النماذج تحتاجه. نماذج الاتصال ونماذج الاستبيان ونماذج طلبات العمل ونماذج الحجز وما إلى ذلك.

ومن ثم ، انتقل إلى Everest Forms >> Add New .

تقدم Everest Forms العديد من القوالب المصممة مسبقًا لأشكال مختلفة. وبالتالي ، يمكنك تخصيص واحد منهم إذا كان لديك وقت قصير.

لكن تصميم نموذج من الصفر بنفس السهولة! ما عليك سوى سحب الحقول المطلوبة وإفلاتها وتخصيصها.

سنقوم ببناء نموذج اتصال بسيط مع حقل عنوان من البداية لهذا الدليل.

لذلك ، انقر فوق ابدأ من الصفر . بعد ذلك ، أدخل عنوان النموذج واضغط على متابعة .

هذا يأخذك إلى منشئ النموذج. كما ترى ، يتم تجميع جميع حقول النموذج معًا على اليسار. يمكنك سحبها وإفلاتها في صفوف النموذج على اليمين.

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

عند اكتمال نموذج WordPress للإكمال التلقائي للعنوان ، اضغط على الزر Save في الأعلى لحفظ النموذج الجديد.

الخطوة 6: تمكين الإكمال التلقائي للعنوان لحقل العنوان

مع كل حقل ، تحصل على الكثير من خيارات التخصيص. وبالمثل ، تحصل على عدة خيارات لحقل العنوان ، أحدها هو ميزة الإكمال التلقائي للعنوان.

على الرغم من أننا نركز على حقل العنوان هنا ، تأكد من تخصيص الحقول الأخرى أيضًا.

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

من هنا ، يمكنك تغيير تسمية الحقل والوصف ورؤية الحقل وما إلى ذلك. يمكنك أيضًا تمكين مطلوب ، وتمكين تلميح الأدوات ، وإخفاء التسمية ، وإضافة فئات CSS .

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

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

ومع ذلك ، تتضمن الخيارات المتقدمة بعض الميزات المنسقة لحقل العنوان .

على سبيل المثال ، يمكنك تغيير العنصر النائب والقيمة الافتراضية لسطر العنوان 1 وسطر العنوان 2 والبلد وما إلى ذلك. بالإضافة إلى ذلك ، يمكنك اختيار البلدان التي تريد إتاحتها للمستخدمين من قائمة البلدان الافتراضية .

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

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

الخطوة 7: اعرض نموذج الإكمال التلقائي للعنوان WordPress على موقعك

تهانينا! أنت في الخطوة الأخيرة من هذا البرنامج التعليمي!

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

تتيح لك Everest Forms القيام بذلك في بضع خطوات بسيطة.

ابدأ بفتح الصفحة أو النشر حيث تريد إضافة نموذج WordPress.

بمجرد دخولك إلى محرر Gutenberg ، حدد زر أداة إدراج الكتلة ( + ).

ابحث عن قالب Everest Forms وأضفه إلى الصفحة / المنشور بالنقر فوقه.

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

أخيرًا ، اضغط على زر التحديث في الأعلى.

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

يمكن الآن الوصول إلى نموذج WordPress الذي يتم إكماله تلقائيًا من الواجهة الأمامية لمستخدميك.

تغليف

كما يمكنك أن تقول الآن ، فإن إنشاء نموذج الإكمال التلقائي لعنوان Google WordPress أمر سهل للغاية. خاصة عندما يكون لديك المكون الإضافي Everest Forms في متناول اليد.

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

لكن هل تعلم؟ لدى Everest Forms الكثير لتقدمه.

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

اقرأ كل شيء عن هذا البرنامج المساعد على مدونتنا. تحقق من قناتنا على YouTube للحصول على دروس فيديو سهلة إذا كنت متعلمًا بصريًا.

أيضًا ، تابع على Twitter و Facebook للحصول على تحديثات المنشورات الأسبوعية.