ابزارک نقشه برای Shopify

چرا بخش قالب از برنامهٔ Shopify بهتر است

بیشتر آگهی‌های «برنامهٔ نقشه» از شما نصب، دسترسی به داده‌های فروشگاه و هزینهٔ ماهانه می‌خواهند — برای چیزی که در نهایت یک iframe است. این جایگزین صادقانه است: یک فایل Liquid که در قالب خودتان قرار می‌گیرد. هیچ دسترسی‌ای به فروشگاه نمی‌خواهد، هیچ اسکریپتی به صفحه‌هایتان اضافه نمی‌کند، چیزی به بیرون نمی‌فرستد و هزینه‌ای ندارد. تنها درخواست‌های بیرونی بازدیدکنندگان شما iframe سندباکس‌شدهٔ نقشه از whatismylocation.ai و کاشی‌های OpenStreetMap آن است — نه کوکی گوگل، نه دردسر بنر رضایت. و اگر سرویس روزی در دسترس نباشد، iframe بی‌صدا از کار می‌افتد و صفحهٔ شما را خراب نمی‌کند. فایل بخش را حذف کنید و هر اثری از آن ناپدید می‌شود.

دانلود whatismylocation-shopify-sections.zip — هر دو بخش به‌همراه یک README، فقط چند کیلوبایت. بعد مراحل نصب زیر را دنبال کنید.

نصب در حدود دو دقیقه

دو نیمه دارد: یک بار فایل را می‌چسبانید، بعد مثل هر بخش آمادهٔ دیگر از آن استفاده می‌کنید.

چسباندن فایل: پنل مدیریت Shopify ▸ Online Store ▸ Themes ▸ ⋯ ▸ Edit code. در نوار کناری چپ زیر Sections روی Add a new section بزنید، نامش را whatismylocation-map بگذارید، محتوای نمونه را حذف کنید و تمام محتوای whatismylocation-map.liquid را بچسبانید — بلوک {% schema %} در پایین فایل همان چیزی است که پنل تنظیمات شما را می‌سازد، پس باید همراهش بیاید. ذخیره کنید.

استفاده از آن: ویرایشگر قالب را باز کنید (Customize)، به صفحهٔ تماس (یا هر صفحهٔ دیگری) بروید، Add section را بزنید و WhatIsMyLocation Map را انتخاب کنید. پنل تنظیمات در سمت چپ ظاهر می‌شود. تا وقتی مختصات را وارد نکنید، بخش یک متن جایگزین دوستانه نشان می‌دهد که دقیقاً می‌گوید به چه چیزی نیاز دارد.

مختصات را از سازندهٔ نقشهٔ جاسازی بگیرید — آدرس خود را تایپ کنید، بعد پیش از کپی پین را روی ورودی خود بکشید. این بخش مختصات نهایی شما را ثابت می‌فرستد، پس پین بعداً هرگز جابه‌جا نمی‌شود.

هر شعبه یک بلوک است

فروشگاه‌های چندشعبه‌ای بهترین بخش را می‌گیرند: در ویرایشگر قالب هر شعبه یک بلوک است — Add branch را بزنید، عرض جغرافیایی، طول جغرافیایی، یک برچسب و یک آدرس را وارد کنید و ترتیبشان را با کشیدن تغییر دهید (تا 10 شعبه). نقشه خودکار همهٔ شعبه‌ها را جا می‌دهد، پین‌ها شماره‌گذاری می‌شوند تا با فهرست بخوانند، و بازدیدکنندگان پنل مکان‌ها را می‌بینند — روی دسکتاپ یک آکاردئون کنار نقشه و روی موبایل یک نوار کارت کشیدنی، با مسیریابی جدا برای هر شعبه و آیکن‌های اختیاری «باز کردن در Google Maps / Apple Maps». چیدمان پنل (auto، کنار، پایین، هیچ) و انیمیشن جابه‌جایی (نرم، محو، سرزنده، هیچ — بازدیدکنندگانی که حرکت کم‌شده را انتخاب کرده‌اند همیشه نسخهٔ فوری را می‌گیرند) در همان پنل به شکل فهرست کشویی هستند.

همهٔ تنظیمات، مورد به مورد

همان فایل zip شامل whatismylocation-widget.liquid هم هست — ابزارک پیدا کردن موقعیت به‌عنوان بخش دوم (پوسته، حالت جمع‌وجور یا کامل، ارتفاع)، برای صفحه‌های ارسال و مکان‌یاب فروشگاه.

عیب‌یابی

بخش زیر Add section پیدا نمی‌شود. فایل باید در Sections باشد (نه Snippets و نه Assets) و باید کل فایل چسبانده شده باشد — اگر بلوک {% schema %} جا افتاده باشد، Shopify بخش را رد یا پنهان می‌کند. کل فایل را دوباره بچسبانید و ذخیره کنید.

خطای «Invalid schema» هنگام ذخیره. چسباندن ناقص — بیشتر وقت‌ها یک آکولاد بستهٔ جاافتاده، چون انتخاب تا پایین فایل یک خط کم داشته است. کل فایل را از نو بچسبانید؛ اگر Liquid نمی‌دانید، schema را دستی ویرایش نکنید.

نقشه خاکستری است. کاشی‌های نقشه از tile.openstreetmap.org می‌آیند؛ یک مسدودکنندهٔ تبلیغات سرسخت یا شبکهٔ سازمانی می‌تواند آن‌ها را ببندد. روی موبایل با دادهٔ همراه امتحان کنید — مشتریان شما تقریباً مطمئناً نقشه را درست می‌بینند.

پین روی درِ من نیست. مختصات را در سازنده از نو بسازید، پین را روی ورودی خود بکشید و مقادیر جدید را در تنظیمات بخش بچسبانید.

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