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

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

استفاده از نقشه‌های مختلف در سایت‌های وردپرسی کاربردهای بسیار زیادی دارد که افزونه‌های زیادی نیز در این زمینه وجود دارند. با استفاده از افزونه‌های مختلف می‌توانید نقشه‌های مختلفی را در سایت خود برای یافتن موقعیت فروشگاه‌ اینترنتی در وردپرس قرار دهید. یکی از کاربردهای نقشه‌ در سایت‌ها، نمایش مکان جغرافیایی فروشگاه‌ها و نمایندگی‌های آن‌ سایت است که کاربر به راحتی بتواند آدرس دقیق نمایندگی‌های فروشگاه اینترنتی را پیدا کند. در این مقاله قصد داریم به بررسی یکی از افزونه‌های موجود در این زمینه بپردازیم که با استفاده از آن قادر به نمایش آدرس چندین نمایندگی خود به همراه اطلاعات آنها خواهید بود.

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

افزونه‌ای که در این مقاله قصد معرفی و آموزش آن را داریم، افزونه WP Store Locator است که با استفاده از آن قادر به نمایش آدرس موقعیت فروشگاه‌ اینترنتی در وردپرس توسط نقشه به همراه اطلاعات آن‌ها خواهید بود. این افزونه توانسته است امتیاز ۴/۹ از ۵ را در مخزن وردپرس به خود اختصاص دهید که نشان از رضایت اکثریت کاربران مصرف کننده از آن است.

برخی از ویژگی‌های افزونه

  • قابلیت نمایش مکان‌ها بر روی نقشه به همراه اطلاعات تماس
  • قابلیت نمایش بی‌نهایت مکان بر روی نقشه
  • قابلیت شخصی‌سازی استایل نقشه‌ها
  • پشتیبانی از افزونه‌های چندزبانه سایت
  • و…

نصب و راه‌اندازی افزونه

wp store locator-موقعیت فروشگاه‌ اینترنتی در وردپرس

برای استفاده از این افزونه ابتدا نیاز به نصب آن بر روی سایت وردپرسی خود دارید. پس از نصب باید از کد API گوگل برای نمایش نقشه استفاده کنید. برای این‌کار ابتدا به بخش تنظیمات افزونه و بخش Google Maps API مراجعه کنید. در این بخش از شما می‌خواهد که برخی اطلاعات را وارد کنید که اولین آن کد API است؛ برای دریافت این کد به صفحه console.developers.google.com مراجعه کنید. در این بخش پنجره‌ای مانند صفحه زیر مشاهده می‌کنید که باید اطلاعات آن را وارد کنید.

api key-موقعیت فروشگاه‌ اینترنتی در وردپرس

Name: در این بخش باید نامی را برای API خود وارد کنید؛ به طور مثال می‌توانید نام سایت خود را وارد کنید.
Key Restriction: در این بخش باید نوع استفاده خود از کد API را وارد کنید.
IP Adress: در این بخش باید IP سروری را که سایت شما بر روی آن در حال میزبانی است را وارد کنید.

Search

این بخش مربوط به تنظیمات جستجوی کاربران در نقشه سایت برای پیدا کردن موقعیت فروشگاه‌ اینترنتی در وردپرس است.

search-موقعیت فروشگاه‌ اینترنتی در وردپرس

Enable autocomplete: با استفاده از این گزینه می‌توانید به صورت خودکار برخی از نتایج جستجو را به کاربران نمایش دهید.
Show the max results dropdown: با استفاده از این گزینه می‌توانید حداکثر تعداد نمایش نتایج جستجو را از کاربر بخواهید.
Enable category filters: یکی از امکانات این افزونه قابلیت دسته‌بندی نقشه‌های ایجاد شده بر روی سایت برای موقعیت فروشگاه‌ اینترنتی در وردپرس است. با استفاده از این گزینه می‌توانید نتایج جستجو را براساس دسته‌بندی‌های مختلف فیلتر کنید.
Filter type: با استفاده از این گزینه می‌توانید نوع فیلتر جستجو را فعال کنید.
Distance unit: در این بخش باید واحد مسافت‌های نمایشی بر روی نقشه را برحسب کیلومتر یا Mile مشخص کنید.
Max search results: با استفاده از این گزینه می‌توانید حداکثر تعداد نتایج جستجوی نقشه‌ها توسط کاربران را مشخص کنید.

Map

این بخش مربوط به محتوای نقشه نمایشی به کاربران در سایت وردپرسی شما است.

map-موقعیت فروشگاه‌ اینترنتی در وردپرس

Attempt to auto-locate the user: با استفاده از این گزینه می‌توانید نزدیک‌ترین فروشگاه را براساس موقعیت کاربر به آنها نمایش دهید.
Load locations on page load: با استفاده از این گزینه، بارگذاری نقشه هم‌زمان با بارگذاری صفحه سایت صورت خواهد پذیرفت؛ با این‌کار ممکن است زمان بارگذاری سایت افزایش یابد که پیشنهاد می‌کنیم این بخش را فعال نکنید.
Max auto zoom level: با استفاده از این گزینه می‌توانید حداکثر میزان زوم بر روی نقشه را تعیین کنید.
Show the street view controls: با استفاده از این گزینه می‌توانید گزینه‌های مربوط به نمایش و انتقال در خیابان مورد نمایش در نقشه را فعال کنید.

Enable scroll wheel zooming: با استفاده از این گزینه می‌توانید قابلیت زوم کردن بر روی نقشه را با استفاده از غلتک موس کاربر فعال کنید.
Zoom control position: با استفاده از این گزینه می‌توانید موقعیت دکمه زوم کردن بر روی نقشه را تعیین کنید.
Map type: با استفاده از این گزینه می‌توانید نوع نقشه‌ی خود را تعیین کنید تا نقشه به صورت بهتری در سایت نمایش داده شود.
Map style: با استفاده از کدهای CSS می‌توانید نقشه نمایشی در سایت را شخصی‌سازی کنید؛ برای این‌کار کافی است کدهای خود را در همین بخش وارد کنید تا با همان استایل در سایت با توجه به موقعیت فروشگاه‌ اینترنتی در وردپرس نمایش داده شود.

User Experience

این بخش مربوط به تجربه کاربری یا همان نوع نمایش نقشه برای کاربران سایت شما است.

user experience-موقعیت فروشگاه‌ اینترنتی در وردپرس

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: گاهی اوقات ممکن است نقشه برای کاربران به صورت کامل بارگذاری نشود! در اینصورت کاربران می‌توانند با کلیک بر روی این گزینه تنها نقشه را مجددا بارگذاری کنند و نیازی به بارگذاری مجدد صفحه نخواهد بود.

Markers

در این بخش می‌توانید نشانگرهای مربوط به نمایش آنها در نقشه را سفارشی‌سازی کنید.

markers-موقعیت فروشگاه‌ اینترنتی در وردپرس

Store Editor

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

Permalink

با استفاده از این گزینه می‌توانید آدرسی را جهت نمایش مستقیم نقشه فعال کنید که به صورت پیشفرض بر روی غیرفعال قرار دارد.

Lable

با استفاده از این بخش می‌توانید برچسب‌های مورد استفاده در نقشه‌های خود را شخصی‌سازی کنید.

Tools

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

پس از اعمال تنظیمات بالا، با استفاده از بخش New Store می‌توانید نقشه‌ موردنظر خود را به همراه اطلاعات وارد کنید. پس از آن با استفاده از شورت‌کد [wpsl] آن را در برگه نمایش دهید؛ توجه داشته باشید این شورت‌کد تنها برای برگه‌ها فعال می‌شود و بر روی ابزارک‌ها فعال نخواهد شد.

locator show- موقعیت فروشگاه‌ اینترنتی در وردپرس

نتیجه‌گیری

در سایت‌های مختلف نقشه‌ها کاربردهای متفاوتی دارند که افزونه‌های مختلفی در وردپرس یاری‌گر کاربران هستند. برخی سایت‌ها نیاز به نمایش آدرس و موقعیت جغرافیایی نمایندگی‌های خود بر روی نقشه هستند و در این مقاله به معرفی و بررسی یک افزونه برای انجام چنین کاری پرداختیم.

دانلود افزونه WP Store Locator

دانلود افزونه صفحه افزونه دانلود نسخه حرفه ای

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۶۹,۲۲۹ نفر

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

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید شاخص

  1. با سلام
    آیا با افزونه دکان یا مولتی پلییس سازگاری دارد؟

  2. 4 ماه عضو همیار وردپرس

    تو قسمت google map api به جز server key یه گزینه دیگه هم داره browser key ، این و چی باید بزنیم ؟

  3. 10 ماه عضو همیار وردپرس

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

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین