نمایش موقعیت فروشگاه‌های اینترنتی بر روی نقشه در وردپرس با WP Store Locator

نمایش موقعیت فروشگاه‌های اینترنتی بر روی نقشه در وردپرس با WP Store Locator

سلام دوستان عزیز رایا وردپرس

اگر فروشگاه اینترنتی را راه اندازی کرده باشید می توانید موقعیت مکانی فروشگاه را به مشتریانتان نشان دهید این کار در جلب اعتماد مشتریان تاثیرگذار است.

امروز می خواهیم افزونه یWP Store Locator را برای نمایش موقعیت مکانی فروشگاه به شما معرفی کنیم و آن را آموزش دهیم پس با ما همراه باشید…

 

معرفی افزونه ی WP Store Locator

با گسترش و رشد اینترنت، تعداد فروشگاه های اینترنتی روز به روز در حال افزایش هستند یکی از امکانات جالب که شما می توانید به فروشگاهتان اضافه کنید نمایش موقعیت مکانی فروشگاه و نمایندگی آن ها به مشتریان می باشد.

افزونه ی WP Store Locator برای نمایش موقعیت جغرافیایی فروشگاه کاربرد دارد و تاکنون بیش از ۴۰,۰۰۰  نصب فعال در مخزن وردپرس داشته است و توانسته امتیاز ۴٫۹ از ۵ کسب کند. آخرین بروزرسانی افزونه، یک هفته ی قبل بوده است.

 

امکانات افزونه ی WP Store Locator

  • مدیریت فروشگاه به تعداد نامحدود
  • امکان سفارشی کردن استایل های نقشه
  • نمایش اطلاعاتی مثل فکس، تلفن، ایمیل، آدرس و توضیحات دیگر
  • نمایش جهت های رسیدن به فروشگاه
  • و….

 

نصب و فعال سازی افزونه ی WP Store Locator 

ابتدا افزونه را که در پایان آموزش قرار دادیم دانلود کنید سپس به پیشخوان وردپرس به قسمت افزونه ها – > افزودن بروید و روی دکمه ی بارگذاری افزونه کلیک کنید و افزونه را انتخاب، نصب و فعال کنید بعد از فعال سازی گزینه ی  Store Locator در پنل وردپرس ظاهر می شود.

نصب و فعال سازی افزونه ی WP Store Locator 

آموزش استفاده از افزونه ی WP Store Locator 

همان طور که در تصویر قبل نیز مشاهده می کنید به زیرمنو settings بروید صفحه ای باز خواهد شد که برای پر کردن فیلدهای Server key و Browser key نیاز است به این آدرس بروید و بر روی دکمه ی create server key کلیک کنید صفحه ای مطابق تصویر زیر برای شما باز خواهد شد.

نمایش مقدار Server key و Browser key

در قسمت name نامی برای API انتخاب کنید سپس در قسمت Key Restriction نوع استفاده از API را انتخاب نمایید بعد در بخش IP Adress آی پی سروری که سایت تان را میزبانی می کند بنویسید در پایان بر روی دکمه ی create کلیک کنید به شما Server key می دهد. بار دیگر به این آدرس بروید همین مراحل بالا را این بار با نام Browser key انجام دهید تا کلید مرورگر را دریافت کنید.

 

اکنون به زیرمنو settings بروید صفحه ای مطابق تصویر زیر باز خواهد شد که در ادامه به معرفی هر یک از بخش های آن می پردازیم.

بخش های Google Maps API و Serach

نمایش بخش های Google Maps API و Serach

 

بخش Google Maps Api

Server key: کد سروری که در مراحل قبلی دریافت کردید را این قسمت بنویسید.

Browser key: کد مرورگری که در مراحل قبلی دریافت کردید را این قسمت بنویسید.

Map language: زبان نقشه را از منوی کشویی انتخاب نمایید.

Map region: موقعیت مکانی نقشه را از منوی کشویی انتخاب کنید.

در پایان بر روی دکمه ی save changes کلیک کنید تا تغییرات نهایی اعمال شود.

 

بخش Serach

Enable autocomplete: اگر می خواهید نتایج جستجو به طور خودکار به کاربران نشان داده شود این قسمت را فعال کنید.

Show the max results dropdown: اگر می خواهید حداکثر نتایج جستجو  به صورت منوی کشویی به کاربران نشان داده شود این قسمت را فعال کنید.

Enable category filters: اگر می خواهید نتایج بر اساس فیلترهایی به کاربران نشان داده شود این قسمت را فعال کنید.

Filter type: نوع فیلتر جستجو را انتخاب کنید.

Distance unit: واحد مسافت را انتخاب کنید.

Max search results: حداکثر نتایج جستجو را این قسمت بنویسید.

Search radius options: تنظیمات جستجو را این قسمت انجام دهید.

برای ذخیره ی تنظیمات روی دکمه ی save changes کلیک کنید.

بخش Map

بخش Map در افزونه ی WP Store Locator 

Attempt to auto-locate the user: با فعال کردن این گزینه نزدیکترین فروشگاه یا نمایندگی به کاربر نشان داده خواهد شد.

Load locations on page load: با فعال کردن این گزینه همان موقع که صفحه کاملاً بارگذاری شد نقشه همان زمان به کاربر نشان داده خواهد شد.

Number of locations to show:  تعداد مکان هایی که روی نقشه نشان داده خواهد را از این قسمت تعیین کنید.

Start point: مکان شروع را این قسمت بنویسید.

Auto adjust the zoom level to make sure all markers are visible: اگر این قسمت را فعال کنید به طور خودکار زوم را تنظیم می کند تا همه ی فروشگاه ها به کاربر نمایش داده شود.

Initial zoom level: سطح زوم را از این قسمت انتخاب کنید.

Max auto zoom level: حداکثر سطح زوم را از منوی کشویی انتخاب کنید.

Show the street view controls: اگر این گزینه را فعال کنید خیابان های روی نقشه نشان داده خواهد شد.

Enable scroll wheel zooming: اگر این قسمت را فعال کنید کاربر می تواند با موس هم روی نقشه زوم کند.

Zoom control position: موقعیت دکمه ی زوم چپ یا راست بودن را تعیین کنید.

Map type: نوع نقشه را انتخاب کنید.

Map style: استایل نقشه را با وارد کردن کد css می توانید سفارشی کنید.

برای ذخیره ی تنظیمات روی دکمه ی save changes کلیک کنید.

 

بخش User Experience

بخش User Experience در افزونه ی WP Store Locator 

 

Store Locator height: ارتفاع نقشه برای نمایش موقعیت فروشگاه اینترنتی را تعیین کنید.

Max width for the info window content: جداکثر عرض نمایش نقشه ی فروشگاه را تعیین کنید.

Search field width: مقدار عرض نمایش فیلد جستجو را وارد کنید.

Store Locator template: قالب نقشه ی فروشگاه را انتخاب کنید.

Open links in a new window: اگر می خواهید در نقشه لینک قرار دهید و کاربر روی نقشه کلیک کرد نقشه در پنجره ی جدیدی باز شود این گزینه را فعال کنید.

Show a reset map button:اگر می خواهید وقتی نقشه برای کاربر کامل لود نشد کاربر بتواند دوباره آن را لود کند این گزینه را فعال کنید.

ما در این جا به مهم ترین قسمت ها اشاره کردیم.

برای ذخیره ی تنظیمات روی دکمه ی save changes کلیک کنید.

 

بخش Markers

بخش Markers در افزونه ی WP Store Locator 

در این بخش یکی از شکل ها برای نشانگر روی نقشه را انتخاب کنید و بر روی save changes کلیک کنید.

سایر بخش ها

Store Editor:  اطلاعاتی مثل نقشه، ساعت و…. را در این بخش تنظیم کنید.

Permalink: برای فعال کردن آدرس جهت نمایش مستقیم نقشه این گزینه را تیک بزنید.

Lable:  برچسپ های نقشه مثل مکان، جستجو و…. را در این بخش تنظیم کنید.

Tools:  ابزارهای اضافی روی نقشه را از این قسمت فعال کنید.

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

 

جمع بندی!

گاهی کاربران دوست دارند بدانند موقعیت فیزیکی فروشگاه کجاست و نزدیکترین نمایندگی مربوط به آن در محل زندگی آن ها کجا قرار دارد. شما می توانید برای نمایش موقعیت جغرافیایی کاربر از افزونه ی WP Store Locator استفاده کنید که به طور کامل در اینجا آموزش داده شد.

راستی! ما در کانال تلگرام آموزش ها و مطالب انگیزشی خوبی برای کسب و کار و زندگیتون داریم!
خوشحال می‌شیم به ما محلق شید :) کانال تلگرام رایا وردپرس



دانلود صفحه افزونه

1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره
Loading...

وحید کریمی

من وحیدم ، هرچیزی که در رابطه با وردپرس ، سئو و بازاریابی اینترنتی بلد باشم رو باهاتون به اشتراک میذارم. سینما و هنر رو دوست دارم. عاشق خوندن و نوشتنم و هیچوقت از یادگرفتن خسته نمیشم.

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

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


💥 تخفیف 20 درصدی برای خرید اولی‌ها 💥کد تخفیف : avval
+