تکمیل شدن خودکار فیلد آدرس در وردپرس با Address Autocomplete Using Google Place Api

تکمیل شدن خودکار فیلد آدرس در وردپرس با Address Autocomplete Using Google Place Api

تکمیل شدن خودکار فیلد آدرس در وردپرس با Address Autocomplete Using Google Place Api

تکمیل شدن خودکار فیلد آدرس در وردپرس با Address Autocomplete Using Google Place Api
تکمیل شدن خودکار فیلد آدرس در وردپرس با Address Autocomplete Using Google Place Api

آموزش تکمیل شدن خودکار فیلد آدرس در وردپرس با Address Autocomplete Using Google Place Api

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

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

اولین کاری که باید انجام دهید افزونه address autocomplete using Google place api را نصب و فعالسازی کنید
سپس به منوی setting رفته و بر روی Google autocomplete کلیک کنید.
این صفحه برای تنظیمات افزونه در نظر گرفته شده است و در جاهای مشخص باید کلید api مکان های گوگل دریافتی را وارد کنید
این کلید به شما کمک می کند تا به نقشه گوگل متصل شده و پیشنهادات پایگاه داده را دریافت کنید.

افزونه address autocomplete using Google place api 
افزونه address autocomplete using Google place api

به Google developer console رفته و پروژه جدیدی را ایجاد کنید.

از منوی نامی را برای پروژه برگزینید سپس دکمه ایجاد را بزنید، بعد از چند ثانیه سپاه به پروژه جدیدی که ساخته اید هدایت می شوید.

شما در مرحله بعد api های محبوب را می بینید که می توانید برای پروژه خود فعال کنید
هر کدام از api ها کاربرد خاصی دارند و اگر بخواهید تکمیل خودکار آدرس فیلد ها را داشته باشید باید بر روی Google places api Web service کلیک نمایید.

بیشتر بخوان بیشتر بدان  برای ساخت و بارگذاری تصاویر در وردپرسچه ویژگی هایی موجود است

 

بیشتر بخوانید:

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

enableplacesapi-wpmilad
enableplacesapi-wpmilad

شما به صفحه ای منتقل می شوید که اطلاعاتی در زمینه نحوه کار و ساختار api در اختیار شما قرار می دهد برای ادامه روی Enable بزنید.

placesapienable
placesapienable

کنسول api مکان های گوگل را برای پروژه شما فعال خواهد کرد
ولی برای آنکه api روی سایت شما کار کند باید بر روی create credentials کلیک کنید تا اعتبار لازمه را ایجاد و به دست آورید.

apicreds
apicreds

در صفحه بعدی بر روی what credentials do I need کلیک نمایید.

whatcreds
whatcreds

کنسول توسعه دهنده به شما کلید api را نشان می دهد شما باید آن را کپی و در قسمت افزونه سایت خود قرار دهید.
در اینجا شما به api های دیگری نیاز دارید پس در کنسول توسعه دهنده گوگل خود روی library کلیک
و سپس Google maps javascript api کلیک نمایید.

javascriptapi
javascriptapi

سپس برای فعالسازی پروژه روی Enable بزنید.

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

در اینجا از wp forms استفاده می شود در ابتدا فرمی ایجاد کرده که دارای فیلد آدرس باشد سپس فرم را به سایت اضافه کنید
در مرحله بعد به صفحه ای که فرم را برایش ایجاد کرده اید بروید و بر روی فیلد آدرس راست کلیک کنید و inspect را از منوی مرور گر بزنید.

targetformfields
targetformfields

در این قسمت نام id و کلاس css مربوط به فیلد را مشاهده می کنید که به صورت هایلایت است.
یکی از مقادیر را کپی و در تنظیمات افزونه سایت خود الصاق کنید و اگر می خواهید چندین مقدار ظاهر شود
آنها را با کاما از هم جدا کنید و در آخر بر روی save کلیک کنید

بیشتر بخوان بیشتر بدان  آموزش از بین بردن اسپم ها با Spam protection

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

addressautocomplete
addressautocomplete

امیدوارم این مقاله از میلاد وردپرس به شما کمک کرده باشد.

Click to rate this post!
[Total: 1 Average: 5]
نوشته ایجاد شد 325

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

نوشته های مرتبط

متنی که میخواهید برای جستجو وارد کرده و دکمه جستجو را فشار دهید. برای لغو دکمه ESC را فشار دهید.

بازگشت به بالا