Shopify App-dokumentasjon
Alt du trenger for å sette opp og tilpasse valutakonvertering i din Shopify-butikk
Innholdsfortegnelse
1 Installasjon
Installer fra Shopify App Store
- Besøk Currency.Wiki-appsiden i Shopify App Store
- Klikk 'Legg til app' og autoriser installasjonen
- Appen åpnes og guider deg gjennom oppsettveiviseren
- Fullfør oppsettveiviseren for å starte prisomregning
Tips: Oppsettveiviseren tar ca. 2 minutter og guider deg gjennom hvert steg.
2 Oppsettveiviser
Oppsettveiviseren hjelper deg å konfigurere appen riktig. Den guider deg gjennom oppdatering av valutainnstilling og aktivering av app-innbygging.
Steg 1: Velkommen
Se hva oppsettet innebærer og klikk 'La oss starte'.
Steg 2: Oppdater valutainnstilling
Gå til Shopify Admin → Innstillinger → Generelt → Butikkstandarder. Finn valutaen din og klikk på menyen med tre prikker → 'Endre valutaformat'. Oppdater HTML-feltene med vår wrapper-klasse:
HTML med valuta:
<span class="cwiki">${{amount}} USD</span>
HTML uten valuta:
<span class="cwiki">${{amount}}</span>
Viktig: cwiki-wrapperklassen er essensiell. Den forteller appen hvilke elementer på siden som er priser, slik at vi kun konverterer faktiske priser og ikke telefonnumre eller ordrenumre.
Steg 3: Aktiver app-innbygging
Aktiver appen i temainnstillingene under app-innbygginger:
- Gå til Nettbutikk → Temaer → Tilpass
- Se etter 'App embeds' i venstre sidepanel
- Finn 'Currency.Wiki App' og slå den PÅ
- Klikk Lagre i temaredigereren
Steg 4: Bekreft oppsett
Klikk 'Skann butikken min' for å bekrefte at oppsettet er fullført. Veiviseren sjekker etter cwiki-wrapperklassen og app-innbygging. Hvis alt er OK, er du klar!
3 Widget-stiler
Velg mellom 6 widget-stiler for å matche butikkens design. Hver stil kan tilpasses med dine merkevarefarger.
Minimal nedtrekksmeny
Kompakt topptekst-integrasjon med enkel nedtrekksliste. Best for plassering øverst til høyre.
Flytende knapp
Mobilvennlig flytende knapp med utvidbart panel. Flott for mobilfokuserte butikker. Plasseres i hjørner.
Sidepanel
Fullhøyde uttrekkspanel med søkefunksjon. Ideell for butikker med mange valutaer.
Modalt popup-vindu
Sentrert overlegg med rutenett. Gjør valutavalget til en fokusert opplevelse.
Inline-fanebytter
Horisontale faner for populære valutaer. Rask veksling uten å åpne menyer.
Hjørneikon
Minimalistisk hjørneikon som utvides ved klikk. Minst påtrengende for rene design.
Tips: Bruk Widget-innstillinger i appadministrasjonen for å forhåndsvise alle stiler med butikkens farger.
4 Adminpanel
Adminpanelet gir deg full kontroll over hvordan valutakonvertering fungerer i butikken din.
Dashbord-hjem
Slå widgeten av/på, se konverteringsstatistikk og få en live forhåndsvisning av widgeten.
Widget-innstillinger
Velg widget-stil, posisjon, farger, størrelse, hjørneradius og flaggvisning.
Valutastyring
Aktiver/deaktiver valutaer, endre rekkefølge, konfigurer auto-deteksjon og angi valutakursinnstillinger.
Analyse
Se konverteringsgrafer, topp brukte valutaer og forstå din internasjonale kundebase.
Tema og utseende
Velg temamodus (auto, lys, mørk, egendefinert), angi farger, aktiver glassmorfisme og konfigurer mørk modus.
Melding ved utsjekk
Aktiver en melding på handlekurv/utsjekk for å informere kundene om utsjekksvaluta.
5 Avanserte innstillinger
Avanserte innstillinger gir Pro-brukere mer kontroll over prisformat og konverteringsatferd.
Prisformat (Pro)
- Desimaler - Kontroller hvor mange desimaler som vises (0–6).
- Tallformat - Velg formatstil (Auto, US, EU, Indisk, Mellomrom•Punktum, Mellomrom•Komma).
- Symbolplassering - Plasser valutasymbolet før eller etter beløpet, eller automatisk per valuta.
- Avrunding - Standard, alltid opp, alltid ned, eller ingen avrunding. Mulighet for å runde til nærmeste .99.
Temaintegrasjon (Pro)
Legg inn widgeten eller handlekurvmerknad hvor som helst i temaet med disse HTML-snippene:
Widget-innbygging (legg til i header.liquid eller en seksjon):
<div class="cwiki-widget"></div>
Handlekurvmerknad (legg til i cart.liquid):
<div class="cwiki-banner"></div>
Utviklerinnstillinger (Pro)
- Stiloverstyringer - Legg inn egendefinert CSS for å tilpasse widgetens utseende.
- Klikklyttere - Re-konverter priser når spesifikke elementer klikkes (f.eks. størrelsesvelgere, produktvalg).
- Ekstra priselementer - Målrett flere priselementer utover standard .cwiki-wrapper.
- URL-mønstre - Skann på nytt etter priser når URL-en inneholder bestemte strenger (for AJAX-innhold, uendelig rulling).
- Konverteringsforsinkelse - Vent før prisene konverteres (for innhold som lastes etter siden er klar).
Merk: Disse valgene er for avanserte brukere. Test på et forhåndsvisningstema før publisering.
6 Feilsøking
Priser konverteres ikke?
Sjekk at cwiki-wrapperklassen er i valutainnstillingene. Gå til Innstillinger → Generelt → Butikkstandarder og sjekk HTML-formatet. Sjekk også at app-innbygging er aktivert i tematilpasningen.
Vises ikke widgeten?
Sjekk at app-innbygging er aktivert i temaets App Embeds. Prøv å åpne tematilpasningen, finn App Embeds og sørg for at Currency.Wiki er slått PÅ. Lagre og oppdater butikken.
Priser flimrer ved lasting?
Appen er laget for flimmerfri lasting. Hvis du ser flimmer, sjekk om du har hurtigbuffer-plugins som forstyrrer. Sjekk også at app-innbygging lastes i head-delen av temaet.
Feil valuta blir valgt?
Geo-deteksjon baseres på besøkendes IP-adresse. VPN eller bedriftsnettverk kan påvirke deteksjonen. Besøkende kan alltid velge valuta manuelt. Du kan også angi en standard reservevaluta i innstillingene.
Widgeten matcher ikke temaet mitt?
Bruk Tema og utseende-innstillinger for å tilpasse farger, eller aktiver Auto-modus for automatisk fargedeteksjon. Du kan også bruke egendefinert CSS i Avanserte innstillinger for finjustering.
Trenger du hjelp?
Vårt supportteam er klare til å hjelpe med spørsmål om oppsett eller konfigurasjon.
