Shopify অ্যাপ ডকুমেন্টেশন
Shopify স্টোরে কারেন্সি কনভার্সন সেটআপ ও কাস্টমাইজ করার জন্য যা কিছু দরকার
সূচিপত্র
1 ইনস্টলেশন
Shopify App Store থেকে ইনস্টল করুন
- Shopify App Store-এ Currency.Wiki অ্যাপ পেজে যান
- 'Add app' ক্লিক করুন এবং ইনস্টলেশন অনুমোদন দিন
- অ্যাপটি খুলবে এবং আপনাকে সেটআপ উইজার্ডে গাইড করবে
- সেটআপ উইজার্ড সম্পন্ন করুন এবং দাম কনভার্ট করা শুরু করুন
টিপস: সেটআপ উইজার্ড সম্পূর্ণ করতে মাত্র ২ মিনিট লাগে এবং প্রতিটি ধাপে গাইড করে।
2 সেটআপ উইজার্ড
সেটআপ উইজার্ড আপনাকে অ্যাপটি সঠিকভাবে কনফিগার করতে সাহায্য করে। কারেন্সি ফরম্যাট আপডেট ও অ্যাপ এম্বেড চালু করার নিয়ম দেখায়।
ধাপ ১: স্বাগতম
সেটআপে কী কী আছে দেখে নিন এবং 'Let's Get Started' ক্লিক করুন।
ধাপ ২: কারেন্সি ফরম্যাট আপডেট
Shopify Admin → Settings → General → Store defaults-এ যান। কারেন্সি খুঁজে তিন ডট মেনু → 'Change currency formatting' ক্লিক করুন। HTML ফিল্ডে আমাদের wrapper class যোগ করুন:
কারেন্সিসহ HTML:
<span class="cwiki">${{amount}} USD</span>
কারেন্সি ছাড়া HTML:
<span class="cwiki">${{amount}}</span>
গুরুত্বপূর্ণ: cwiki wrapper class অত্যাবশ্যক। এটি আমাদের অ্যাপকে বলে কোন এলিমেন্টগুলো দাম, যাতে শুধু আসল দাম কনভার্ট হয়, ফোন নম্বর বা অর্ডার আইডি নয়।
ধাপ ৩: অ্যাপ এম্বেড চালু করুন
আপনার থিমের অ্যাপ এম্বেডস সেকশনে অ্যাপটি চালু করুন:
- Online Store → Themes → Customize-এ যান
- বাম সাইডবারে 'App embeds' খুঁজুন
- 'Currency.Wiki App' খুঁজে ON করুন
- থিম এডিটরে Save ক্লিক করুন
ধাপ ৪: সেটআপ যাচাই
'Scan My Store' ক্লিক করে যাচাই করুন। উইজার্ড cwiki wrapper class ও অ্যাপ এম্বেড চেক করবে। সফল হলে আপনি প্রস্তুত!
3 উইজেট স্টাইল
আপনার স্টোর ডিজাইনের সাথে মিলিয়ে ৬টি উইজেট স্টাইল থেকে বেছে নিন। প্রতিটি স্টাইল ব্র্যান্ড কালার দিয়ে কাস্টমাইজ করা যায়।
মিনিমাল ড্রপডাউন
কমপ্যাক্ট হেডার ইন্টিগ্রেশন, সহজ ড্রপডাউন তালিকা। হেডারের ডান পাশে সেরা।
ফ্লোটিং পিল
মোবাইল-ফ্রেন্ডলি ফ্লোটিং বাটন, এক্সপ্যান্ডেবল প্যানেলসহ। মোবাইল-প্রথম স্টোরের জন্য চমৎকার। কোণায় অবস্থান করে।
সাইডবার ড্রয়ার
সম্পূর্ণ উচ্চতার স্লাইড-আউট প্যানেল সার্চ ফাংশনসহ। অনেক কারেন্সি থাকলে আদর্শ।
মোডাল পপআপ
সেন্টার্ড ওভারলে গ্রিড লেআউটসহ। কারেন্সি সিলেকশনকে ফোকাসড করে তোলে।
ইনলাইন ট্যাব সুইচার
জনপ্রিয় কারেন্সির জন্য হরিজন্টাল ট্যাব। দ্রুত সুইচিং, মেনু খোলা ছাড়াই।
কোণার ব্যাজ
মিনিমালিস্ট কোণার আইকন, ক্লিক করলে এক্সপ্যান্ড হয়। পরিষ্কার ডিজাইনের জন্য সবচেয়ে কম বাধাদানকারী।
টিপস: আপনার অ্যাপ অ্যাডমিনের উইজেট সেটিংস পেজে সব স্টাইল আপনার স্টোরের কালারসহ প্রিভিউ করুন।
4 অ্যাডমিন ড্যাশবোর্ড
অ্যাডমিন ড্যাশবোর্ড থেকে আপনার স্টোরে কারেন্সি কনভার্সন কিভাবে কাজ করবে তা সম্পূর্ণ নিয়ন্ত্রণ করুন।
ড্যাশবোর্ড হোম
উইজেট চালু/বন্ধ করুন, কনভার্সন স্ট্যাট দেখুন, উইজেটের লাইভ প্রিভিউ দেখুন।
উইজেট সেটিংস
উইজেট স্টাইল, অবস্থান, কালার, সাইজ, বর্ডার রেডিয়াস ও ফ্ল্যাগ অপশন বেছে নিন।
কারেন্সি ম্যানেজমেন্ট
কারেন্সি চালু/বন্ধ করুন, তালিকা রি-অর্ডার করুন, অটো-ডিটেকশন ও এক্সচেঞ্জ রেট পছন্দ কনফিগার করুন।
অ্যানালিটিক্স
কনভার্সন চার্ট দেখুন, শীর্ষ ব্যবহৃত কারেন্সি দেখুন, আন্তর্জাতিক ক্রেতাদের সম্পর্কে জানুন।
থিম ও চেহারা
থিম মোড (অটো, লাইট, ডার্ক, কাস্টম) বেছে নিন, কালার সেট করুন, গ্লাসমরফিজম ইফেক্ট চালু করুন, ডার্ক মোড কনফিগার করুন।
চেকআউট মেসেজ
কার্ট/চেকআউট পেজে বার্তা চালু করুন, যাতে ক্রেতারা চেকআউট কারেন্সি জানতে পারেন।
5 উন্নত সেটিংস
উন্নত সেটিংস Pro ইউজারদের জন্য আরও বেশি নিয়ন্ত্রণ দেয় প্রাইস ফরম্যাটিং ও কনভার্সন আচরণে।
প্রাইস ফরম্যাটিং (Pro)
- দশমিক সংখ্যা - কত দশমিক দেখাবেন নিয়ন্ত্রণ করুন (০-৬)।
- সংখ্যার ফরম্যাট - ফরম্যাট স্টাইল বেছে নিন (অটো, US, EU, Indian, Space•Dot, Space•Comma)।
- সিম্বল অবস্থান - কারেন্সি সিম্বল পরিমাণের আগে/পরে বা কারেন্সি অনুযায়ী অটো রাখুন।
- রাউন্ডিং - স্ট্যান্ডার্ড, সবসময় উপরে, সবসময় নিচে, বা কোনো রাউন্ডিং নয়। .99-এ রাউন্ড করার অপশন।
থিম ইন্টিগ্রেশন (Pro)
এই HTML স্নিপেট ব্যবহার করে থিমের যেকোনো জায়গায় উইজেট বা কার্ট নোটিশ এম্বেড করুন:
উইজেট এম্বেড (header.liquid বা যেকোনো সেকশনে যোগ করুন):
<div class="cwiki-widget"></div>
কার্ট নোটিশ এম্বেড (cart.liquid-এ যোগ করুন):
<div class="cwiki-banner"></div>
ডেভেলপার অপশন (Pro)
- স্টাইল ওভাররাইড - উইজেট স্টাইলিং টুইক করতে কাস্টম CSS যোগ করুন।
- ক্লিক লিসেনার - নির্দিষ্ট এলিমেন্টে ক্লিক করলে দাম পুনরায় কনভার্ট করুন (যেমন সাইজ পিকার, প্রোডাক্ট অপশন)।
- অতিরিক্ত প্রাইস এলিমেন্ট - ডিফল্ট .cwiki wrapper ছাড়াও অতিরিক্ত প্রাইস এলিমেন্ট টার্গেট করুন।
- URL প্যাটার্ন - URL-এ নির্দিষ্ট স্ট্রিং থাকলে দাম পুনরায় স্ক্যান করুন (AJAX কনটেন্ট, এন্ডলেস স্ক্রল)।
- কনভার্সন ডিলে - দাম কনভার্ট করার আগে অপেক্ষা করুন (যেসব কনটেন্ট পরে লোড হয় তাদের জন্য)।
সতর্কতা: এসব অপশন উন্নত ইউজারদের জন্য। পাবলিশ করার আগে প্রিভিউ থিমে টেস্ট করুন।
6 সমস্যা সমাধান
দাম কনভার্ট হচ্ছে না?
কারেন্সি ফরম্যাট সেটিংসে cwiki wrapper class আছে কিনা দেখুন। Settings → General → Store defaults-এ গিয়ে HTML ফরম্যাটিং চেক করুন। থিম কাস্টমাইজারে অ্যাপ এম্বেড চালু আছে কিনা নিশ্চিত করুন।
উইজেট দেখা যাচ্ছে না?
আপনার থিমের App Embeds-এ অ্যাপ এম্বেড চালু আছে কিনা দেখুন। থিম কাস্টমাইজার খুলে Currency.Wiki ON করুন। Save করে স্টোর রিফ্রেশ করুন।
লোডের সময় দাম ঝলকানি দিচ্ছে?
আমাদের অ্যাপ জিরো-ফ্লিকার লোডিংয়ের জন্য ডিজাইন করা। ঝলকানি দেখলে ক্যাশিং প্লাগইন আছে কিনা দেখুন। থিমের head সেকশনে অ্যাপ এম্বেড লোড হচ্ছে কিনা নিশ্চিত করুন।
ভুল কারেন্সি শনাক্ত হচ্ছে?
জিও-ডিটেকশন ভিজিটরের IP ঠিকানার ওপর ভিত্তি করে। VPN বা কর্পোরেট নেটওয়ার্কে সমস্যা হতে পারে। ভিজিটররা সবসময় ম্যানুয়ালি পছন্দের কারেন্সি বেছে নিতে পারেন। সেটিংসে ডিফল্ট ফলোব্যাক কারেন্সি সেট করতে পারেন।
উইজেট আমার থিমের সাথে মিলছে না?
Theme & Appearance সেটিংসে কালার কাস্টমাইজ করুন, অথবা Auto মোড চালু করুন। উন্নত স্টাইলিংয়ের জন্য Advanced Settings-এ Custom CSS ব্যবহার করুন।
সাহায্য লাগবে?
সেটআপ বা কনফিগারেশন নিয়ে কোনো প্রশ্ন থাকলে আমাদের সাপোর্ট টিম প্রস্তুত।
