نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

اخیرا یکی از کاربران از ما خواسته است که چگونگی تکمیل خودکار فیلدهای آدرس برای فرم ها در وردپرس را مورد بررسی قرار بدهیم. اضافه کردن خودکار فیلدها به کاربران پیشنهادی را ارائه می دهد. در این مقاله ما به شما نحوه اضافه کردن خودکار فیلدهای آدرس در وردپرس با استفاده از افزونه Google Places API را نشان خواهیم داد.
اولین کاری که باید انجام دهید این است که Autocomplete را با استفاده از افزونه Google Plugin Api سفارشی سازی کنید. برای جزئیات بیشتر، مراحل گام به گام راهنمای نحوه نصب افزونه وردپرس را ببینید.

راه اندازی تکمیل خودکار فیلد های آدرس

پس از فعال شدن شما باید صفحه Setting » Google Autocomplete ، برای تنظیم افزونه به قسمت تنظیمات بروید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

از شما خواسته خواهد شد تا کلید API Google Places را وارد کنید. این کلید API اجازه می دهد که وب سایت شما با Google Maps ارتباط برقرار کند و پیشنهادات خودکار از پایگاه داده خود در زمان وارد کردن فیلد بازیابی کند.
به وب سایت کنسول Google Developer بروید و یک پروژه جدید ایجاد کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

یک پنجره ظاهر شده که از شما می خواهد یک نام برای پروژه خود ارائه دهید. بعد از شناسایی کامل پروژه بر روی دکمه ایجاد کلیک کنید.
در پنجره جدید چند ثانیه صبر کنید و به طور خودکار به پروژه جدید خود هدایت می شوید.
اکنون لیستی از API های محبوب گوگل را که می توانید برای پروژه خود فعال کنید مشاهده خواهید کرد. شما باید بر روی “Google Places API Web Service” آن کلیک کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

این شما را به یک صفحه مرورگر انتقال می دهد که چگونه این API کار می کند. برای ادامه باید روی لینک Enable کلیک کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

کنسول سازنده اکنون API Google Places را برای پروژه شما فعال خواهد کرد.
با این حال، هنوز برای استفاده از API در وب سایت شما نیاز به اعتبار دارید. بنابراین پیش بروید و روی دکمه ایجاد اعتبار کلیک کنید تا ادامه یابد.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

در صفحه بعدی، باید روی دکمه «What credentials do I need?» کلیک کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

کنسول توسعه دهنده شما را نشان می دهد. شما باید این کلید را کپی کنید و آن را در تنظیمات افزونه در وب سایت وردپرس خود قرار دهید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

شما هنوز هم باید یک API دیگر را در پروژه Google Developers خود فعال کنید. بر روی کتابخانه در کنسول Google Developer کلیک کنید و سپس روی Google Maps JavaScript API کلیک کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

این شما را به صفحه مرور API که در آن شما باید روی پیوند «Enable» کلیک کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

این API به کلید اضافی نیاز ندارد، بنابراین الان شما می توانید فرم وردپرس خود را بصورت خودکار پرکنید. شما می توانید ویژگی آدرس تکمیل خودکار را به هر فرم ایجاد شده توسط هر افزونه سازنده وردپرس اضافه کنید.
ما در این آموزش از WPForms استفاده خواهیم کرد. با این حال، این دستورالعمل ها مهم نیست از چه نوع افزونه تماس با شما استفاده می کنید.
ابتدا باید یک فرم ایجاد کنید که دارای یک فیلد آدرس یا مجموعه ای از فیلدهای آدرس باشد.
پس از اتمام کار، این فرم را به وب سایت خود اضافه کنید همانطور که به طور معمول انجام می دهید.
بعد، به پست یا صفحه ای که فرم خود را اضافه کرده اید بروید. شما باید بر روی فیلد آدرس راست کلیک کرده و گزینه ‘Inspect’ را از منوی مرورگر انتخاب کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

نام، شناسه و مقادیر کلاس CSS برای فیلد آدرس را مشاهده خواهید کرد.
برای مثال، در این تصویر، مقدار نام فرم [fields][9][address1] ، مقدار فیلد  -352-field_9  و کلاس css wpforms-field-address-address1 این است.
شما باید فقط یکی از این مقادیر را کپی کنید و آن را در صفحه تنظیمات افزونه قرار دهید.
اگر می خواهید چندین فیلد را در چندین فرم قرار دهید، می توانید فقط یک کاما را اضافه کنید و یک مقدار دیگر اضافه کنید.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

فراموش نکنید که برای ذخیره تغییرات خود دکمه ذخیره را کلیک کنید.
اکنون شما می توانید صفحه فرم خود را ببینید و سعی کنید یک آدرس را وارد کنید. فیلد فرم به طور خودکار پیشنهادات را با استفاده از مکان های Google و Google Maps نشان می دهد.

نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس

ما امیدواریم که این مقاله به شما کمک کند که نحوه اضافه کردن تکمیل خودکار برای فیلدهای آدرس در وردپرس را یاد بگیرید.

خیلی مهم است بدانیم دیدگاه شما راجع به این مطلب چیست؟

avatar
  Subscribe  
Notify of