Shopify dokumentacija aplikacije
Sve što trebate za postavljanje i prilagodbu konverzije valuta na svojoj Shopify trgovini
Sadržaj
1 Instalacija
Instalirajte iz Shopify App Storea
- Posjetite Currency.Wiki stranicu aplikacije u Shopify App Storeu
- Kliknite 'Dodaj aplikaciju' i autorizirajte instalaciju
- Aplikacija će se otvoriti i voditi vas kroz čarobnjak za postavljanje
- Dovršite čarobnjak za postavljanje kako biste započeli konverziju cijena
Savjet: Čarobnjak za postavljanje traje oko 2 minute i vodi vas kroz svaki korak.
2 Čarobnjak za postavljanje
Čarobnjak za postavljanje pomaže vam pravilno konfigurirati aplikaciju. Vodi vas kroz ažuriranje formata valute i omogućavanje umetanja aplikacije.
Korak 1: Dobrodošli
Pregledajte što uključuje proces postavljanja i kliknite 'Započnimo'.
Korak 2: Ažurirajte format valute
Idite na Shopify Admin → Postavke → Općenito → Zadane postavke trgovine. Pronađite svoju valutu i kliknite izbornik s tri točke → 'Promijeni format valute'. Ažurirajte HTML polja s našom wrapper klasom:
HTML s valutom:
<span class="cwiki">${{amount}} USD</span>
HTML bez valute:
<span class="cwiki">${{amount}}</span>
Važno: cwiki wrapper klasa je ključna. Ona govori našoj aplikaciji koji su elementi na stranici cijene, tako da pretvaramo samo stvarne cijene, a ne telefonske brojeve ili ID-ove narudžbi.
Korak 3: Omogućite App Embed
Omogućite aplikaciju u odjeljku umetanja aplikacija vaše teme:
- Idite na Online Store → Teme → Prilagodi
- Potražite 'App embeds' u lijevom izborniku
- Pronađite 'Currency.Wiki App' i uključite ga
- Kliknite Spremi u uređivaču tema
Korak 4: Provjerite postavke
Kliknite 'Skeniraj moju trgovinu' kako biste provjerili je li postavljanje dovršeno. Čarobnjak će provjeriti cwiki wrapper klasu i umetanje aplikacije. Ako je uspješno, spremni ste za rad!
3 Stilovi widgeta
Odaberite između 6 stilova widgeta kako bi odgovarali dizajnu vaše trgovine. Svaki stil možete prilagoditi bojama vašeg brenda.
Minimalni padajući izbornik
Kompaktna integracija u zaglavlje s jednostavnim padajućim popisom. Najbolje za gornji desni kut zaglavlja.
Plutajuća oznaka
Mobilno prilagođen plutajući gumb s proširivim panelom. Odlično za trgovine usmjerene na mobilne uređaje. Pozicionira se u kutovima.
Bočna ladica
Panel pune visine s funkcijom pretraživanja. Idealno za trgovine s mnogo valuta.
Skočni prozor
Centrirani sloj s rasporedom u mreži. Čini odabir valute fokusiranim iskustvom.
Preklopnik kartica
Horizontalne kartice za popularne valute. Brzo prebacivanje bez otvaranja izbornika.
Kutna oznaka
Minimalistička ikona u kutu koja se proširuje klikom. Najmanje nametljivo za čist dizajn.
Savjet: Koristite stranicu s postavkama widgeta u administraciji aplikacije za pregled svih stilova s bojama vaše trgovine.
4 Administratorska nadzorna ploča
Administratorska nadzorna ploča daje vam potpunu kontrolu nad načinom rada konverzije valuta u vašoj trgovini.
Početna nadzorne ploče
Uključite/isključite widget, pregledajte statistiku konverzije i pogledajte uživo pregled svog widgeta.
Postavke widgeta
Odaberite stil widgeta, poziciju, boje, veličinu, zaobljenost rubova i prikaz zastava.
Upravljanje valutama
Omogućite/onemogućite valute, promijenite redoslijed, konfigurirajte automatsku detekciju i postavke tečaja.
Analitika
Pregledajte grafikone konverzije, vidite najčešće korištene valute i razumijte distribuciju međunarodnih kupaca.
Tema i izgled
Odaberite način teme (auto, svijetli, tamni, prilagođeni), postavite boje, omogućite efekt stakla i konfigurirajte ponašanje tamnog načina.
Poruka pri naplati
Omogućite poruku na stranicama košarice/naplate kako biste informirali kupce o valuti naplate.
5 Napredne postavke
Napredne postavke daju Pro korisnicima veću kontrolu nad formatiranjem cijena i ponašanjem konverzije.
Formatiranje cijena (Pro)
- Decimalna mjesta - Kontrolirajte broj decimalnih mjesta (0-6).
- Format broja - Odaberite stil formata (Auto, US, EU, Indijski, Razmak•Točka, Razmak•Zarez).
- Pozicija simbola - Postavite simbol valute prije ili poslije iznosa, ili automatski po valuti.
- Zaokruživanje - Standardno, uvijek prema gore, uvijek prema dolje ili bez zaokruživanja. Opcija za zaokruživanje na najbliže .99.
Integracija s temom (Pro)
Ručno umetnite widget ili obavijest o košarici bilo gdje u svojoj temi pomoću ovih HTML isječaka:
Umetanje widgeta (dodajte u header.liquid ili bilo koji odjeljak):
<div class="cwiki-widget"></div>
Umetanje obavijesti o košarici (dodajte u cart.liquid):
<div class="cwiki-banner"></div>
Opcije za programere (Pro)
- Nadjačavanje stilova - Ubacite prilagođeni CSS za prilagodbu izgleda widgeta.
- Slušatelji klikova - Ponovno pretvorite cijene kada se kliknu određeni elementi (npr. odabir veličine, opcije proizvoda).
- Dodatni elementi cijena - Ciljajte dodatne elemente cijena izvan zadanog .cwiki wrappera.
- URL obrasci - Ponovno skenirajte cijene kada URL sadrži određene stringove (za AJAX sadržaj, beskonačno skrolanje).
- Odgoda konverzije - Pričekajte prije konverzije cijena (za sadržaj koji se učitava nakon spremnosti stranice).
Napomena: Ove opcije su za napredne korisnike. Testirajte na preglednoj temi prije objave.
6 Rješavanje problema
Cijene se ne pretvaraju?
Provjerite je li cwiki wrapper klasa u postavkama formata valute. Idite na Postavke → Općenito → Zadane postavke trgovine i provjerite HTML formatiranje. Također provjerite je li umetanje aplikacije omogućeno u prilagodbi teme.
Widget se ne prikazuje?
Provjerite je li umetanje aplikacije omogućeno u odjeljku App Embeds vaše teme. Otvorite prilagodbu teme, pronađite App Embeds i provjerite je li Currency.Wiki uključen. Spremite i osvježite trgovinu.
Cijene trepere pri učitavanju?
Naša aplikacija je dizajnirana za učitavanje bez treperenja. Ako primijetite treperenje, provjerite imate li dodatke za predmemoriju koji mogu ometati rad. Također provjerite učitava li se umetanje aplikacije u zaglavlju vaše teme.
Detektira se pogrešna valuta?
Geo-detekcija se temelji na IP adresi posjetitelja. VPN-ovi ili korporativne mreže mogu utjecati na detekciju. Posjetitelji uvijek mogu ručno odabrati željenu valutu. Također možete postaviti zadanu rezervnu valutu u postavkama.
Widget ne odgovara mojoj temi?
Koristite postavke Tema i izgled za prilagodbu boja ili omogućite Auto način za automatsko prepoznavanje boja vaše teme. Također možete koristiti prilagođeni CSS u Naprednim postavkama za detaljno prilagođavanje.
Trebate pomoć?
Naš tim za podršku spreman je pomoći s bilo kojim pitanjem o postavljanju ili konfiguraciji.
