Shopify App Dokumentation
Alt du behøver for at opsætte og tilpasse valutaomregning i din Shopify-butik
Indholdsfortegnelse
1 Installation
Installer fra Shopify App Store
- Besøg Currency.Wiki-appsiden i Shopify App Store
- Klik på 'Tilføj app' og godkend installationen
- Appen åbnes og guider dig gennem opsætningsguiden
- Gennemfør opsætningsguiden for at begynde at konvertere priser
Tip: Opsætningsguiden tager ca. 2 minutter og guider dig gennem hvert trin.
2 Opsætningsguide
Opsætningsguiden hjælper dig med at konfigurere appen korrekt. Den guider dig til at opdatere valutaformatet og aktivere app-indlejring.
Trin 1: Velkommen
Gennemgå hvad opsætningsprocessen indebærer og klik på 'Lad os komme i gang'.
Trin 2: Opdater valutaformat
Gå til Shopify Admin → Indstillinger → Generelt → Butiksstandarder. Find din valuta og klik på de tre prikker → 'Skift valutaformatering'. Opdater HTML-felterne med vores wrapper-klasse:
HTML med valuta:
<span class="cwiki">${{amount}} USD</span>
HTML uden valuta:
<span class="cwiki">${{amount}}</span>
Vigtigt: cwiki-wrapperklassen er essentiel. Den fortæller vores app, hvilke elementer på din side der er priser, så vi kun konverterer faktiske priser og ikke telefonnumre eller ordrenumre.
Trin 3: Aktivér app-indlejring
Aktivér appen i dit temas app-embeds-sektion:
- Gå til Online Store → Temaer → Tilpas
- Find 'App embeds' i venstre sidepanel
- Find 'Currency.Wiki App' og slå den TIL
- Klik på Gem i temaeditoren
Trin 4: Bekræft opsætning
Klik på 'Scan min butik' for at bekræfte, at opsætningen er fuldført. Guiden tjekker for cwiki-wrapperklassen og app-indlejring. Hvis alt er korrekt, er du klar!
3 Widget-stilarter
Vælg mellem 6 widget-stilarter, der matcher dit butikstema. Hver stil kan tilpasses med dine brandfarver.
Minimal dropdown
Kompakt header-integration med en simpel dropdown-liste. Bedst til placering øverst til højre.
Flydende knap
Mobilvenlig flydende knap med udvideligt panel. God til mobile-first butikker. Placeres i hjørner.
Sidebar-skuffe
Fuldhøjde slide-out panel med søgefunktion. Ideel til butikker med mange valutaer.
Modal-popup
Centreret overlay med gitterlayout. Gør valutavalg til en fokuseret oplevelse.
Inline fanebladsskifter
Vandrette faner til populære valutaer. Hurtigt skift uden at åbne menuer.
Hjørnebadge
Minimalistisk hjørneikon, der udvides ved klik. Mindst forstyrrende for rene designs.
Tip: Brug Widget-indstillinger i din app-admin for at forhåndsvise alle stilarter med butikkens farver.
4 Admin-dashboard
Admin-dashboardet giver dig fuld kontrol over, hvordan valutaomregning fungerer i din butik.
Dashboard-forside
Slå widgetten til/fra, se konverteringsstatistik og få en live forhåndsvisning af din widget.
Widget-indstillinger
Vælg widget-stil, placering, farver, størrelse, kant-radius og flagvisning.
Valutastyring
Aktivér/deaktiver valutaer, omarranger listen, konfigurer auto-detektion og indstil kurspræferencer.
Analyse
Se konverteringsdiagrammer, topvalutaer og forstå din internationale kundefordeling.
Tema & Udseende
Vælg tematilstand (auto, lys, mørk, brugerdefineret), indstil farver, aktiver glassmorphism-effekter og konfigurer mørk tilstand.
Besked ved checkout
Aktivér en besked på kurv/checkout-sider for at informere kunder om checkout-valutaen.
5 Avancerede indstillinger
Avancerede indstillinger giver Pro-brugere mere kontrol over prisformatering og konverteringsadfærd.
Prisformatering (Pro)
- Decimaler - Styr hvor mange decimaler der vises (0-6).
- Talformat - Vælg formatstil (Auto, US, EU, Indisk, Mellemrum•Punktum, Mellemrum•Komma).
- Symbolplacering - Placer valutasymbolet før eller efter beløbet, eller auto pr. valuta.
- Afrunding - Standard, altid op, altid ned eller ingen afrunding. Mulighed for at runde til nærmeste .99.
Tema-integration (Pro)
Indlejr manuelt widgetten eller kurv-besked hvor som helst i dit tema med disse HTML-snippets:
Widget-indlejring (tilføj til header.liquid eller en sektion):
<div class="cwiki-widget"></div>
Kurv-besked-indlejring (tilføj til cart.liquid):
<div class="cwiki-banner"></div>
Udviklerindstillinger (Pro)
- Stiloverstyring - Indsæt brugerdefineret CSS for at tilpasse widget-styling.
- Klik-lyttere - Konverter priser igen, når bestemte elementer klikkes (fx størrelsesvælgere, produktmuligheder).
- Ekstra priselementer - Målret yderligere priselementer ud over standard .cwiki-wrapper.
- URL-mønstre - Scan igen for priser, når URL'en indeholder bestemte strenge (for AJAX-indhold, uendelig scroll).
- Konverteringsforsinkelse - Vent før priser konverteres (for indhold, der indlæses efter siden er klar).
Bemærk: Disse muligheder er for avancerede brugere. Test på et preview-tema før du publicerer.
6 Fejlfinding
Priser konverteres ikke?
Sørg for, at cwiki-wrapperklassen er i dine valutaformatindstillinger. Gå til Indstillinger → Generelt → Butiksstandarder og tjek HTML-formatering. Bekræft også, at app-indlejring er aktiveret i dit tema.
Vises widgetten ikke?
Tjek at app-indlejring er aktiveret i temaets App Embeds-sektion. Prøv at åbne tema-tilpasning, find App Embeds, og sørg for at Currency.Wiki er slået TIL. Gem og genindlæs din butik.
Priser flimrer ved indlæsning?
Vores app er designet til at indlæse uden flimren. Hvis du oplever flimren, tjek om du har cache-plugins, der kan forstyrre. Sørg også for, at app-indlejring indlæses i head-sektionen af dit tema.
Forkert valuta registreres?
Geo-detektion baseres på besøgendes IP-adresse. VPN eller firmanetværk kan påvirke detektionen. Besøgende kan altid vælge deres foretrukne valuta manuelt. Du kan også sætte en standard fallback-valuta i indstillinger.
Widgetten matcher ikke mit tema?
Brug Tema & Udseende-indstillinger for at tilpasse farver, eller aktiver Auto-tilstand for automatisk at registrere temaets farver. Du kan også bruge brugerdefineret CSS i Avancerede indstillinger for finjustering.
Brug for hjælp?
Vores supportteam er klar til at hjælpe med spørgsmål om opsætning eller konfiguration.
