Dokumentacija za Shopify aplikaciju
Sve što vam je potrebno za postavljanje i prilagodbu konverzije valuta na vašoj Shopify trgovini
Sadržaj
1 Instalacija
Instalirajte iz Shopify App Store-a
- Posjetite Currency.Wiki stranicu aplikacije u Shopify App Store-u
- Kliknite 'Dodaj aplikaciju' i autorizirajte instalaciju
- Aplikacija će se otvoriti i voditi vas kroz čarobnjak za postavke
- Dovršite čarobnjak za postavke da biste počeli konvertovati cijene
Savjet: Čarobnjak za postavke traje oko 2 minute i vodi vas kroz svaki korak.
2 Čarobnjak za postavke
Čarobnjak za postavke pomaže vam da pravilno konfigurirate aplikaciju. Vodi vas kroz ažuriranje formata valute i omogućavanje App Embed-a.
Korak 1: Dobrodošli
Pregledajte što uključuje proces postavke 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 na izbornik s tri tač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 neophodna. Ona govori našoj aplikaciji koji elementi na vašoj stranici su cijene, tako da konvertujemo samo stvarne cijene, a ne brojeve telefona ili ID-ove narudžbi.
Korak 3: Omogućite App Embed
Omogućite aplikaciju u sekciji App Embeds vaše teme:
- Idite na Online Store → Teme → Prilagodi
- Pronađite 'App embeds' u lijevom izborniku
- Pronađite 'Currency.Wiki App' i uključite ga
- Kliknite Spremi u editoru teme
Korak 4: Provjerite postavke
Kliknite 'Skeniraj moju trgovinu' da provjerite je li postavka dovršena. Čarobnjak će provjeriti cwiki wrapper klasu i App Embed. Ako je uspješno, spremni ste!
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 jednostavnom listom. Najbolje za gornji desni kut zaglavlja.
Plutajuće dugme
Mobilno prilagođeno plutajuće dugme s proširivim panelom. Odlično za trgovine fokusirane na mobilne uređaje. Pozicionira se u uglovima.
Bočna ladica
Panel pune visine s funkcijom pretrage. Idealno za trgovine s mnogo valuta.
Modalni prozor
Centrirani prozor s rasporedom u mreži. Omogućava fokusirano biranje valute.
Preklopnik kartica
Horizontalne kartice za popularne valute. Brzo prebacivanje bez otvaranja izbornika.
Kutna oznaka
Minimalistička ikona u kutu koja se proširuje na klik. 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 kontrolna ploča
Administratorska kontrolna ploča daje vam potpunu kontrolu nad načinom rada konverzije valuta u vašoj trgovini.
Početna kontrolna ploča
Uključite/isključite widget, pogledajte statistiku konverzija i pregledajte uživo svoj widget.
Postavke widgeta
Odaberite stil widgeta, poziciju, boje, veličinu, zaobljenost ivica i opcije prikaza zastava.
Upravljanje valutama
Omogućite/onemogućite valute, promijenite redoslijed, konfigurirajte ponašanje automatske detekcije i postavite preferencije kurseva.
Analitika
Pregledajte grafikone konverzija, vidite najčešće korištene valute i razumite distribuciju međunarodnih kupaca.
Tema i izgled
Odaberite način teme (auto, svijetlo, tamno, prilagođeno), postavite boje, omogućite glassmorphism efekte i konfigurirajte ponašanje tamnog načina.
Poruka na naplati
Omogućite poruku na stranicama korpe/naplate kako biste informisali 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 - Kontrolišite broj decimalnih mjesta (0-6).
- Format broja - Odaberite stil formata (Auto, US, EU, Indijski, Razmak•Tačka, Razmak•Zarez).
- Pozicija simbola - Postavite simbol valute prije ili poslije iznosa, ili automatski po valuti.
- Zaokruživanje - Standardno, uvijek gore, uvijek dolje ili bez zaokruživanja. Opcija za zaokruživanje na najbliže .99.
Integracija s temom (Pro)
Ručna ugradnja widgeta ili obavijesti o korpi bilo gdje u temi pomoću ovih HTML isječaka:
Ugradnja widgeta (dodajte u header.liquid ili bilo koji dio):
<div class="cwiki-widget"></div>
Ugradnja obavijesti o korpi (dodajte u cart.liquid):
<div class="cwiki-banner"></div>
Opcije za developere (Pro)
- Nadjačavanje stilova - Ubacite prilagođeni CSS za dodatno prilagođavanje widgeta.
- Slušači klikova - Ponovo konvertujte cijene kada se kliknu određeni elementi (npr. odabir veličine, opcije proizvoda).
- Dodatni elementi cijena - Ciljajte dodatne elemente cijena osim zadanog .cwiki wrapper-a.
- URL obrasci - Ponovo skenirajte cijene kada URL sadrži određene stringove (za AJAX sadržaj, beskonačno skrolanje).
- Kašnjenje konverzije - Sačekajte prije konverzije cijena (za sadržaj koji se učitava nakon spremnosti stranice).
Obavijest: Ove opcije su za napredne korisnike. Testirajte na preview temi prije objave.
6 Rješavanje problema
Cijene se ne konvertuju?
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 App Embed omogućen u prilagodbi teme.
Widget se ne prikazuje?
Provjerite je li App Embed omogućen u sekciji App Embeds vaše teme. Otvorite prilagodbu teme, pronađite App Embeds i uvjerite se da je 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 keširanje koji mogu ometati rad. Također provjerite da li se App Embed učitava u head sekciji vaše teme.
Pogrešna valuta detektovana?
Geo-detekcija se bazira 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.
Treba li vam pomoć?
Naš tim za podršku spreman je pomoći s bilo kojim pitanjem o postavci ili konfiguraciji.
