Dokumentacija za Shopify aplikaciju
Sve što vam je potrebno za podešavanje i prilagođavanje konverzije valuta na vašoj Shopify prodavnici
Sadržaj
1 Instalacija
Instalirajte iz Shopify App Store-a
- Posetite Currency.Wiki stranicu aplikacije na Shopify App Store-u
- Kliknite na 'Dodaj aplikaciju' i odobrite instalaciju
- Aplikacija će se otvoriti i voditi vas kroz čarobnjak za podešavanje
- Završite čarobnjak za podešavanje da biste počeli sa konverzijom cena
Savet: Čarobnjak za podešavanje traje oko 2 minuta i vodi vas kroz svaki korak.
2 Čarobnjak za podešavanje
Čarobnjak za podešavanje pomaže vam da pravilno konfigurišete aplikaciju. Vodi vas kroz ažuriranje formata valute i omogućavanje App Embed-a.
Korak 1: Dobrodošli
Pregledajte šta podrazumeva proces podešavanja i kliknite 'Započnimo'.
Korak 2: Ažurirajte format valute
Idite na Shopify Admin → Podešavanja → Opšte → Podrazumevane vrednosti prodavnice. Pronađite vašu valutu i kliknite na meni sa tri tačke → 'Promeni format valute'. Ažurirajte HTML polja sa našom wrapper klasom:
HTML sa 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 stranici su cene, tako da konvertujemo samo stvarne cene, a ne brojeve telefona ili ID narudžbina.
Korak 3: Omogućite App Embed
Omogućite aplikaciju u sekciji App Embeds vaše teme:
- Idite na Online Store → Teme → Prilagodi
- Potražite 'App embeds' u levom panelu
- Pronađite 'Currency.Wiki App' i uključite ga
- Kliknite Sačuvaj u editoru teme
Korak 4: Proverite podešavanje
Kliknite na 'Skeniraj moju prodavnicu' da proverite da li je podešavanje završeno. Čarobnjak će proveriti cwiki wrapper klasu i App Embed. Ako je uspešno, spremni ste!
3 Stilovi vidžeta
Izaberite jedan od 6 stilova vidžeta koji odgovaraju dizajnu vaše prodavnice. Svaki stil možete prilagoditi bojama vašeg brenda.
Minimalistički padajući meni
Kompaktna integracija u zaglavlje sa jednostavnom padajućom listom. Najbolje za gornji desni ugao zaglavlja.
Plutajuće dugme
Mobilno prilagođeno plutajuće dugme sa proširivim panelom. Odlično za prodavnice fokusirane na mobilne uređaje. Pozicionira se u uglovima.
Bočni panel
Panel pune visine sa funkcijom pretrage. Idealno za prodavnice sa mnogo valuta.
Modalni prozor
Centrirani sloj sa rasporedom u mreži. Omogućava fokusirano biranje valute.
Preklopnik sa tabovima
Horizontalni tabovi za popularne valute. Brzo prebacivanje bez otvaranja menija.
Ugaoni bedž
Minimalistička ikonica u uglu koja se širi na klik. Najmanje upadljivo za čist dizajn.
Savet: Koristite stranicu sa podešavanjima vidžeta u administraciji aplikacije da pregledate sve stilove sa bojama vaše prodavnice.
4 Administratorska kontrolna tabla
Administratorska kontrolna tabla daje vam potpunu kontrolu nad radom konverzije valuta u vašoj prodavnici.
Početna kontrolne table
Uključite/isključite vidžet, pogledajte statistiku konverzije i uživo pregled vašeg vidžeta.
Podešavanja vidžeta
Izaberite stil, poziciju, boje, veličinu, zaobljenost ivica i prikaz zastava.
Upravljanje valutama
Omogućite/onemogućite valute, promenite redosled, podesite ponašanje automatske detekcije i preferencije kurseva.
Analitika
Pogledajte grafikone konverzije, najčešće korišćene valute i raspodelu međunarodnih kupaca.
Tema i izgled
Izaberite režim teme (auto, svetlo, tamno, prilagođeno), podesite boje, omogućite efekat stakla i ponašanje tamnog režima.
Poruka na naplati
Omogućite poruku na stranici korpe/naplate da obavestite kupce o valuti naplate.
5 Napredna podešavanja
Napredna podešavanja daju Pro korisnicima veću kontrolu nad formatiranjem cena i ponašanjem konverzije.
Formatiranje cena (Pro)
- Decimalna mesta - Kontrolišite koliko decimalnih mesta se prikazuje (0-6).
- Format broja - Izaberite stil formata (Auto, US, EU, Indijski, Razmak•Tačka, Razmak•Zarez).
- Pozicija simbola - Postavite simbol valute pre ili posle iznosa, ili automatski po valuti.
- Zaokruživanje - Standardno, uvek naviše, uvek naniže ili bez zaokruživanja. Opcija za zaokruživanje na najbliže .99.
Integracija sa temom (Pro)
Ručno ugradite vidžet ili obaveštenje o korpi bilo gde u vašoj temi koristeći ove HTML isječke:
Ugradnja vidžeta (dodajte u header.liquid ili bilo koji deo):
<div class="cwiki-widget"></div>
Ugradnja obaveštenja u korpi (dodajte u cart.liquid):
<div class="cwiki-banner"></div>
Opcije za programere (Pro)
- Preklapanje stilova - Ubacite prilagođeni CSS za podešavanje izgleda vidžeta.
- Slušači klikova - Ponovo konvertujte cene kada se klikne na određene elemente (npr. izbor veličine, opcije proizvoda).
- Dodatni elementi cena - Ciljajte dodatne elemente cena osim podrazumevanog .cwiki wrapper-a.
- URL obrasci - Ponovo skenirajte cene kada URL sadrži određene stringove (za AJAX sadržaj, beskonačno skrolovanje).
- Kašnjenje konverzije - Sačekajte pre konverzije cena (za sadržaj koji se učitava nakon spremnosti stranice).
Obaveštenje: Ove opcije su za napredne korisnike. Testirajte na preview temi pre objavljivanja.
6 Rešavanje problema
Cene se ne konvertuju?
Proverite da li je cwiki wrapper klasa u podešavanjima formata valute. Idite na Podešavanja → Opšte → Podrazumevane vrednosti prodavnice i proverite HTML formatiranje. Takođe proverite da li je App Embed omogućen u prilagođavaču teme.
Vidžet se ne prikazuje?
Proverite da li je App Embed omogućen u sekciji App Embeds vaše teme. Otvorite prilagođavač teme, pronađite App Embeds i uverite se da je Currency.Wiki uključen. Sačuvajte i osvežite prodavnicu.
Cene trepere pri učitavanju?
Naša aplikacija je dizajnirana za učitavanje bez treperenja. Ako primetite treperenje, proverite da li imate dodatke za keširanje koji mogu ometati rad. Takođe proverite da li se App Embed učitava u head sekciji vaše teme.
Detektuje se pogrešna valuta?
Geo-detekcija se zasniva na IP adresi posetioca. VPN-ovi ili korporativne mreže mogu uticati na detekciju. Posetioci uvek mogu ručno izabrati željenu valutu. Možete postaviti i podrazumevanu rezervnu valutu u podešavanjima.
Vidžet se ne uklapa u moju temu?
Koristite podešavanja Teme i Izgleda za prilagođavanje boja ili omogućite Auto režim za automatsko prepoznavanje boja vaše teme. Takođe možete koristiti prilagođeni CSS u Naprednim podešavanjima za detaljno stilizovanje.
Potrebna vam je pomoć?
Naš tim za podršku je spreman da pomogne sa svim pitanjima oko podešavanja ili konfiguracije.
