Shopify એપ દસ્તાવેજીકરણ
તમારા Shopify સ્ટોર પર કરન્સી કન્વર્ઝન સેટઅપ અને કસ્ટમાઇઝ કરવા માટે જરૂરી બધું
વિષય સૂચિ
1 ઇન્સ્ટોલેશન
Shopify App Store પરથી ઇન્સ્ટોલ કરો
- Shopify App Store પર Currency.Wiki એપ પેજ પર જાઓ
- 'Add app' પર ક્લિક કરો અને ઇન્સ્ટોલેશન ઓથરાઇઝ કરો
- એપ ખુલશે અને સેટઅપ વિઝાર્ડ શરૂ થશે
- સેટઅપ વિઝાર્ડ પૂર્ણ કરો અને ભાવ કન્વર્ટ કરવાનું શરૂ કરો
ટિપ: સેટઅપ વિઝાર્ડ લગભગ 2 મિનિટ લે છે અને દરેક પગલામાં માર્ગદર્શન આપે છે.
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 આવશ્યક છે. તે અમારી એપને બતાવે છે કે કયા તત્વો ભાવ છે જેથી અમે માત્ર ભાવો જ કન્વર્ટ કરીએ અને ફોન નંબર અથવા ઓર્ડર ID નહીં.
પગલું ૩: એપ એમ્બેડ સક્રિય કરો
તમારા થીમના એપ એમ્બેડ્સ વિભાગમાં એપ સક્રિય કરો:
- Online Store → Themes → Customize પર જાઓ
- ડાબી સાઇડબારમાં 'App embeds' શોધો
- 'Currency.Wiki App' શોધો અને તેને ON કરો
- થીમ એડિટરમાં Save પર ક્લિક કરો
પગલું ૪: સેટઅપ ચકાસો
'Scan My Store' પર ક્લિક કરો અને સેટઅપ પૂર્ણ છે તેની ખાતરી કરો. વિઝાર્ડ cwiki wrapper class અને એપ એમ્બેડ ચકાસશે. સફળતા મળે તો તમે તૈયાર છો!
3 વિજેટ શૈલીઓ
તમારા સ્ટોર ડિઝાઇન સાથે મેળ ખાતી 6 વિજેટ શૈલીઓમાંથી પસંદ કરો. દરેક શૈલી તમારા બ્રાન્ડ કલર્સથી કસ્ટમાઇઝ કરી શકાય છે.
મિનિમલ ડ્રોપડાઉન
કોમ્પેક્ટ હેડર ઇન્ટિગ્રેશન સરળ ડ્રોપડાઉન યાદી સાથે. ટોચના જમણા હેડર માટે શ્રેષ્ઠ.
ફ્લોટિંગ પિલ
મોબાઇલ-ફ્રેન્ડલી ફ્લોટિંગ બટન વિસ્તૃત પેનલ સાથે. મોબાઇલ-પ્રથમ સ્ટોર્સ માટે ઉત્તમ. કોર્નરમાં પોઝિશન થાય છે.
સાઇડબાર ડ્રોઅર
પૂર્ણ-ઊંચાઈ સ્લાઇડ-આઉટ પેનલ સર્ચ ફંક્શન સાથે. ઘણી કરન્સી ધરાવતા સ્ટોર્સ માટે આદર્શ.
મોડલ પોપઅપ
કેન્દ્રિત ઓવરલે ગ્રિડ લેઆઉટ સાથે. કરન્સી પસંદગી માટે ફોકસ્ડ અનુભવ બનાવે છે.
ઇનલાઇન ટેબ સ્વિચર
લોકપ્રિય કરન્સી માટે આડાં ટેબ્સ. મેનુ ખોલ્યા વિના ઝડપી સ્વિચિંગ.
કોર્નર બેજ
મિનિમલિસ્ટ કોર્નર આઇકન જે ક્લિક પર વિસ્તરે છે. સ્વચ્છ ડિઝાઇન માટે ઓછું અવરોધક.
ટિપ: તમારા એપ એડમિનમાં વિજેટ સેટિંગ્સ પેજ પર તમારી સ્ટોર કલર્સ સાથે તમામ શૈલીઓનું પૂર્વદર્શન જુઓ.
4 એડમિન ડેશબોર્ડ
એડમિન ડેશબોર્ડ તમને તમારા સ્ટોર પર કરન્સી કન્વર્ઝન કેવી રીતે કામ કરે છે તેનો સંપૂર્ણ નિયંત્રણ આપે છે.
ડેશબોર્ડ હોમ
વિજેટ ચાલુ/બંધ કરો, કન્વર્ઝન આંકડા જુઓ અને વિજેટનું લાઇવ પૂર્વદર્શન જુઓ.
વિજેટ સેટિંગ્સ
તમારી વિજેટ શૈલી, સ્થાન, કલર્સ, કદ, બોર્ડર રેડિયસ અને ફ્લેગ ડિસ્પ્લે વિકલ્પો પસંદ કરો.
કરન્સી મેનેજમેન્ટ
કરન્સી સક્રિય/નિષ્ક્રિય કરો, યાદી ફરીથી ગોઠવો, ઓટો-ડિટેક્શન વર્તન રૂપરેખાંકિત કરો અને એક્સચેન્જ રેટ પસંદગીઓ સેટ કરો.
એનાલિટિક્સ
કન્વર્ઝન ચાર્ટ્સ જુઓ, ટોપ કરન્સી ઉપયોગ જુઓ અને આંતરરાષ્ટ્રીય ગ્રાહક વિતરણ સમજો.
થીમ અને દેખાવ
થીમ મોડ (auto, light, dark, custom) પસંદ કરો, કલર્સ સેટ કરો, ગ્લાસમોર્ફિઝમ ઇફેક્ટ્સ સક્રિય કરો અને ડાર્ક મોડ વર્તન રૂપરેખાંકિત કરો.
ચેકઆઉટ સંદેશ
કાર્ટ/ચેકઆઉટ પેજ પર સંદેશ સક્રિય કરો જેથી ગ્રાહકોને ચેકઆઉટ કરન્સી વિશે જાણ થાય.
5 એડવાન્સ સેટિંગ્સ
એડવાન્સ સેટિંગ્સ Pro યુઝર્સને ભાવ ફોર્મેટિંગ અને કન્વર્ઝન વર્તન પર વધુ નિયંત્રણ આપે છે.
ભાવ ફોર્મેટિંગ (Pro)
- દશાંશ સ્થાન - કેટલા દશાંશ સ્થાન બતાવવું તે નિયંત્રિત કરો (0-6).
- નંબર ફોર્મેટ - ફોર્મેટ શૈલી પસંદ કરો (Auto, 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 વિભાગમાં એપ એમ્બેડ સક્રિય છે તેની ખાતરી કરો. થીમ કસ્ટમાઇઝર ખોલો, App Embeds શોધો અને Currency.Wiki ON છે તેની ખાતરી કરો. Save કરો અને સ્ટોર રિફ્રેશ કરો.
લોડ સમયે ભાવ ફ્લિકર થાય છે?
અમારી એપ ઝીરો-ફ્લિકર લોડિંગ માટે ડિઝાઇન કરેલી છે. જો ફ્લિકર દેખાય તો ચકાસો કે કોઈ કેશિંગ પ્લગઇન તો નથી ને. થીમના head વિભાગમાં એપ એમ્બેડ લોડ થાય છે તેની ખાતરી કરો.
ખોટી કરન્સી ઓળખાય છે?
જીઓ-ડિટેક્શન મુલાકાતીના IP એડ્રેસ પર આધારિત છે. VPN અથવા કોર્પોરેટ નેટવર્ક્સ અસર કરી શકે છે. મુલાકાતી હંમેશા મેન્યુઅલી પોતાની પસંદ કરન્સી પસંદ કરી શકે છે. તમે સેટિંગ્સમાં ડિફોલ્ટ ફોલબેક કરન્સી પણ સેટ કરી શકો છો.
વિજેટ મારી થીમ સાથે મેળ ખાતું નથી?
થીમ અને દેખાવ સેટિંગ્સથી કલર્સ કસ્ટમાઇઝ કરો, અથવા Auto મોડ સક્રિય કરો જેથી થીમ કલર્સ આપમેળે ઓળખાય. એડવાન્સ સેટિંગ્સમાં Custom CSS પણ ઉપયોગ કરી શકો.
મદદ જોઈએ છે?
સેટઅપ અથવા રૂપરેખાંકન અંગે કોઈ પ્રશ્ન હોય તો અમારી સપોર્ટ ટીમ તૈયાર છે.
