مستندات اپلیکیشن Shopify
هر آنچه برای راهاندازی و سفارشیسازی تبدیل ارز در فروشگاه Shopify خود نیاز دارید
فهرست مطالب
1 نصب
نصب از فروشگاه اپلیکیشن Shopify
- به صفحه اپلیکیشن Currency.Wiki در فروشگاه اپلیکیشن Shopify بروید
- روی 'افزودن اپلیکیشن' کلیک کنید و نصب را تأیید کنید
- اپلیکیشن باز میشود و شما را از طریق جادوگر راهاندازی راهنمایی میکند
- جادوگر راهاندازی را کامل کنید تا تبدیل قیمتها آغاز شود
نکته: جادوگر راهاندازی حدود ۲ دقیقه زمان میبرد و شما را در هر مرحله راهنمایی میکند.
2 جادوگر راهاندازی
جادوگر راهاندازی به شما کمک میکند اپلیکیشن را به درستی پیکربندی کنید. شما را در بهروزرسانی فرمت ارز و فعالسازی درج اپلیکیشن راهنمایی میکند.
مرحله ۱: خوشآمدید
آنچه در فرآیند راهاندازی انجام میشود را مرور کنید و روی 'شروع کنیم' کلیک کنید.
مرحله ۲: بهروزرسانی فرمت ارز
به Shopify Admin → تنظیمات → عمومی → پیشفرضهای فروشگاه بروید. ارز خود را پیدا کنید و روی منوی سه نقطه → 'تغییر فرمت ارز' کلیک کنید. فیلدهای HTML را با کلاس wrapper ما بهروزرسانی کنید:
HTML با ارز:
<span class="cwiki">${{amount}} USD</span>
HTML بدون ارز:
<span class="cwiki">${{amount}}</span>
مهم: کلاس wrapper cwiki ضروری است. به اپلیکیشن ما میگوید کدام عناصر صفحه قیمت هستند تا فقط قیمتها تبدیل شوند و شماره تلفن یا شماره سفارش اشتباهاً تبدیل نشود.
مرحله ۳: فعالسازی درج اپلیکیشن
اپلیکیشن را در بخش درج اپلیکیشن قالب خود فعال کنید:
- به فروشگاه آنلاین → قالبها → سفارشیسازی بروید
- در نوار کناری سمت چپ به دنبال 'App embeds' بگردید
- 'Currency.Wiki App' را پیدا کنید و آن را روشن کنید
- در ویرایشگر قالب روی ذخیره کلیک کنید
مرحله ۴: تأیید راهاندازی
روی 'اسکن فروشگاه من' کلیک کنید تا راهاندازی کامل بودن تأیید شود. جادوگر وجود کلاس wrapper cwiki و درج اپلیکیشن را بررسی میکند. در صورت موفقیت، آماده استفاده هستید!
3 استایلهای ابزارک
از میان ۶ استایل ابزارک برای هماهنگی با طراحی فروشگاه خود انتخاب کنید. هر استایل را میتوانید با رنگ برند خود سفارشی کنید.
منوی کشویی مینیمال
ادغام جمعوجور در هدر با لیست کشویی ساده. بهترین گزینه برای قرارگیری در بالای هدر.
دکمه شناور
دکمه شناور سازگار با موبایل با پنل قابل گسترش. عالی برای فروشگاههای موبایلمحور. در گوشهها قرار میگیرد.
کشوی کناری
پنل کشویی تمامقد با قابلیت جستجو. مناسب برای فروشگاههایی با ارزهای متعدد.
پنجره پاپآپ
لایه مرکزی با چیدمان شبکهای. تجربهای متمرکز برای انتخاب ارز.
تغییرگر زبانهای خطی
زبانههای افقی برای ارزهای محبوب. تغییر سریع بدون باز کردن منو.
نشان گوشهای
آیکون مینیمال در گوشه که با کلیک باز میشود. کمترین مزاحمت برای طراحیهای تمیز.
نکته: از صفحه تنظیمات ابزارک در مدیریت اپلیکیشن برای پیشنمایش همه استایلها با رنگ فروشگاه خود استفاده کنید.
4 داشبورد مدیریت
داشبورد مدیریت به شما کنترل کامل بر نحوه عملکرد تبدیل ارز در فروشگاه میدهد.
خانه داشبورد
ابزارک را روشن/خاموش کنید، آمار تبدیل را ببینید و پیشنمایش زنده ابزارک خود را مشاهده کنید.
تنظیمات ابزارک
استایل ابزارک، موقعیت، رنگها، اندازه، شعاع گوشه و نمایش پرچمها را انتخاب کنید.
مدیریت ارزها
ارزها را فعال/غیرفعال کنید، لیست را مرتب کنید، رفتار شناسایی خودکار را پیکربندی و ترجیحات نرخ ارز را تعیین کنید.
آنالیتیکس
نمودارهای تبدیل را مشاهده کنید، ارزهای پرکاربرد را ببینید و توزیع مشتریان بینالمللی خود را درک کنید.
تم و ظاهر
حالت تم (خودکار، روشن، تیره، سفارشی) را انتخاب کنید، رنگها را تعیین کنید، افکت شیشهای فعال کنید و رفتار حالت تیره را پیکربندی کنید.
پیام پرداخت
نمایش پیام در صفحات سبد خرید/پرداخت برای اطلاعرسانی ارز پرداخت به مشتریان.
5 تنظیمات پیشرفته
تنظیمات پیشرفته به کاربران پرو کنترل بیشتری بر فرمت قیمت و رفتار تبدیل میدهد.
فرمتبندی قیمت (پرو)
- تعداد اعشار - تعداد اعشار قابل نمایش را کنترل کنید (۰ تا ۶).
- فرمت عدد - سبک فرمت را انتخاب کنید (خودکار، US، EU، هندی، فاصله•نقطه، فاصله•ویرگول).
- موقعیت نماد - نماد ارز را قبل یا بعد از مبلغ قرار دهید یا به صورت خودکار بر اساس ارز.
- گرد کردن - استاندارد، همیشه رو به بالا، همیشه رو به پایین یا بدون گرد کردن. امکان گرد کردن به نزدیکترین .99.
ادغام با قالب (پرو)
ابزارک یا اعلان سبد خرید را به صورت دستی با این قطعه کدهای HTML در هر جای قالب خود قرار دهید:
درج ابزارک (در header.liquid یا هر بخش):
<div class="cwiki-widget"></div>
درج اعلان سبد خرید (در cart.liquid):
<div class="cwiki-banner"></div>
گزینههای توسعهدهنده (پرو)
- بازنویسی استایل - CSS سفارشی برای تغییر ظاهر ابزارک تزریق کنید.
- شنونده کلیک - تبدیل مجدد قیمتها هنگام کلیک روی عناصر خاص (مثلاً انتخاب سایز، گزینههای محصول).
- عناصر قیمت اضافی - علاوه بر wrapper .cwiki، عناصر قیمت بیشتری را هدف قرار دهید.
- الگوهای URL - هنگام وجود رشته خاصی در URL، مجدداً برای قیمتها اسکن کنید (برای محتوای AJAX، اسکرول بیپایان).
- تأخیر تبدیل - قبل از تبدیل قیمتها منتظر بمانید (برای محتوایی که بعد از آماده شدن صفحه بارگذاری میشود).
توجه: این گزینهها برای کاربران پیشرفته است. قبل از انتشار، روی قالب پیشنمایش تست کنید.
6 عیبیابی
قیمتها تبدیل نمیشوند؟
مطمئن شوید کلاس wrapper cwiki در تنظیمات فرمت ارز شما وجود دارد. به تنظیمات → عمومی → پیشفرضهای فروشگاه بروید و فرمت HTML را بررسی کنید. همچنین فعال بودن درج اپلیکیشن را در سفارشیساز قالب تأیید کنید.
ابزارک نمایش داده نمیشود؟
بررسی کنید که درج اپلیکیشن در بخش App Embeds قالب شما فعال باشد. سفارشیساز قالب را باز کنید، App Embeds را پیدا کنید و Currency.Wiki را روشن کنید. ذخیره و فروشگاه را رفرش کنید.
قیمتها هنگام بارگذاری پرش دارند؟
اپلیکیشن ما برای بارگذاری بدون پرش طراحی شده است. اگر پرش مشاهده میکنید، بررسی کنید افزونههای کش تداخلی ایجاد نکرده باشند. همچنین مطمئن شوید درج اپلیکیشن در بخش head قالب بارگذاری میشود.
ارز اشتباه شناسایی میشود؟
شناسایی جغرافیایی بر اساس IP بازدیدکننده است. VPN یا شبکههای شرکتی میتواند تأثیرگذار باشد. بازدیدکنندگان همیشه میتوانند ارز دلخواه را به صورت دستی انتخاب کنند. همچنین میتوانید ارز پیشفرض را در تنظیمات تعیین کنید.
ابزارک با قالب من هماهنگ نیست؟
از تنظیمات تم و ظاهر برای سفارشیسازی رنگها استفاده کنید یا حالت خودکار را فعال کنید تا رنگ قالب شما به طور خودکار شناسایی شود. همچنین میتوانید از CSS سفارشی در تنظیمات پیشرفته برای استایل دقیقتر استفاده کنید.
نیاز به کمک دارید؟
تیم پشتیبانی ما آماده پاسخگویی به هرگونه سؤال درباره راهاندازی یا پیکربندی است.
