Shopify-sovelluksen dokumentaatio
Kaikki mitä tarvitset valuuttamuunnoksen käyttöönottoon ja muokkaamiseen Shopify-kaupassasi
Sisällysluettelo
1 Asennus
Asenna Shopify App Storesta
- Vieraile Currency.Wiki-sovelluksen sivulla Shopify App Storessa
- Napsauta 'Lisää sovellus' ja valtuuta asennus
- Sovellus avautuu ja ohjaa sinut asennusvelhon läpi
- Suorita asennusvelho loppuun aloittaaksesi hintojen muuntamisen
Vinkki: Asennusvelho kestää noin 2 minuuttia ja opastaa jokaisen vaiheen läpi.
2 Asennusvelho
Asennusvelho auttaa määrittämään sovelluksen oikein. Se opastaa valuuttamuodon päivittämisessä ja sovelluksen upotuksen käyttöönotossa.
Vaihe 1: Tervetuloa
Tarkista, mitä asennus sisältää, ja napsauta 'Aloitetaan'.
Vaihe 2: Päivitä valuuttamuoto
Siirry Shopify Admin → Asetukset → Yleiset → Kaupan oletukset. Etsi valuuttasi ja napsauta kolmen pisteen valikkoa → 'Muuta valuuttamuotoilua'. Päivitä HTML-kentät wrapper-luokallamme:
HTML valuutan kanssa:
<span class="cwiki">${{amount}} USD</span>
HTML ilman valuuttaa:
<span class="cwiki">${{amount}}</span>
Tärkeää: cwiki-wrapper-luokka on välttämätön. Se kertoo sovelluksellemme, mitkä elementit sivullasi ovat hintoja, jotta muunnamme vain oikeat hinnat – ei puhelinnumeroita tai tilausnumeroita.
Vaihe 3: Ota sovelluksen upotus käyttöön
Ota sovellus käyttöön teemasi App Embeds -osiossa:
- Siirry Verkkokauppa → Teemat → Mukauta
- Etsi 'App embeds' vasemmasta sivupalkista
- Etsi 'Currency.Wiki App' ja kytke se PÄÄLLE
- Napsauta Tallenna teemaeditorissa
Vaihe 4: Vahvista asennus
Napsauta 'Skannaa kauppani' varmistaaksesi, että asennus on valmis. Velho tarkistaa cwiki-wrapper-luokan ja sovelluksen upotuksen. Jos kaikki on kunnossa, olet valmis!
3 Widgetin tyylit
Valitse 6 widget-tyylistä, jotka sopivat kauppasi ulkoasuun. Jokainen tyyli voidaan mukauttaa brändiväreilläsi.
Minimalistinen pudotusvalikko
Kompakti otsikkointegraatio yksinkertaisella pudotusvalikolla. Paras oikeaan yläkulmaan.
Kelluva pilleri
Mobiiliystävällinen kelluva painike laajenevalla paneelilla. Erinomainen mobiilipainotteisiin kauppoihin. Sijoittuu kulmiin.
Sivupaneeli
Koko korkuinen ulos liukuva paneeli hakutoiminnolla. Ihanteellinen monivaluuttakauppoihin.
Modal-ponnahdusikkuna
Keskitetty peite ruudukkonäkymällä. Tekee valuutan valinnasta keskittyneen kokemuksen.
Sisäinen välilehtikytkin
Vaakasuorat välilehdet suosituimmille valuutoille. Nopea vaihtaminen ilman valikoita.
Kulmakuvake
Minimalistinen kulmakuvake, joka laajenee napsautettaessa. Huomaamattomin vaihtoehto selkeisiin ulkoasuihin.
Vinkki: Käytä Widget Settings -sivua sovelluksen hallinnassa esikatsoaksesi kaikki tyylit kauppasi väreillä.
4 Ylläpitäjän hallintapaneeli
Ylläpitäjän hallintapaneeli antaa sinulle täyden hallinnan valuuttamuunnoksen toiminnasta kaupassasi.
Hallintapaneelin etusivu
Kytke widget päälle/pois, katso muunnostilastoja ja näe widgetin reaaliaikainen esikatselu.
Widgetin asetukset
Valitse widgetin tyyli, sijainti, värit, koko, kulmien pyöristys ja lippujen näyttöasetukset.
Valuuttojen hallinta
Ota valuuttoja käyttöön/pois, järjestä lista, määritä automaattinen tunnistus ja aseta kurssiasetukset.
Analytiikka
Katso muunnoskaavioita, suosituimpia valuuttoja ja ymmärrä kansainvälistä asiakaskuntaasi.
Teema & ulkoasu
Valitse teematila (auto, vaalea, tumma, mukautettu), aseta värit, ota käyttöön lasimorfismi ja määritä tumman tilan käyttäytyminen.
Kassaviesti
Näytä viesti ostoskorissa/kassalla ilmoittaaksesi asiakkaalle kassavaluutasta.
5 Lisäasetukset
Lisäasetukset antavat Pro-käyttäjille enemmän hallintaa hintamuotoiluun ja muunnoskäyttäytymiseen.
Hintamuotoilu (Pro)
- Desimaalit - Määritä, montako desimaalia näytetään (0-6).
- Lukumuoto - Valitse muotoilutyyli (Auto, US, EU, Intialainen, Välilyönti•Piste, Välilyönti•Pilku).
- Valuuttasymbolin sijainti - Sijoita valuuttasymboli ennen tai jälkeen summan, tai automaattisesti valuutan mukaan.
- Pyöristys - Tavallinen, aina ylös, aina alas tai ei pyöristystä. Mahdollisuus pyöristää lähimpään .99.
Teemaintegraatio (Pro)
Upota widget tai kassailmoitus manuaalisesti teemaan näillä HTML-katkelmilla:
Widgetin upotus (lisää header.liquid- tai mihin tahansa osioon):
<div class="cwiki-widget"></div>
Kassailmoituksen upotus (lisää cart.liquid):
<div class="cwiki-banner"></div>
Kehittäjäasetukset (Pro)
- Tyyliylitykset - Lisää mukautettua CSS:ää widgetin ulkoasun hienosäätöön.
- Klikkauskuuntelijat - Muunna hinnat uudelleen, kun tietyt elementit klikataan (esim. kokovalitsimet, tuotevaihtoehdot).
- Lisähintaelementit - Kohdista lisähintaelementteihin oletus .cwiki-wrapperin lisäksi.
- URL-kuviot - Etsi hintoja uudelleen, kun URL sisältää tiettyjä merkkijonoja (AJAX-sisältö, loputon scrollaus).
- Muunnoksen viive - Odota ennen hintojen muuntamista (sisällölle, joka latautuu sivun jälkeen).
Huomio: Nämä asetukset on tarkoitettu edistyneille käyttäjille. Testaa esikatseluteemassa ennen julkaisua.
6 Vianmääritys
Hinnat eivät muunnu?
Varmista, että cwiki-wrapper-luokka on valuuttamuotoasetuksissa. Siirry Asetukset → Yleiset → Kaupan oletukset ja tarkista HTML-muotoilu. Varmista myös, että sovelluksen upotus on käytössä teemamuokkaimessa.
Widget ei näy?
Tarkista, että sovelluksen upotus on käytössä teemasi App Embeds -osiossa. Avaa teemamuokkain, etsi App Embeds ja varmista, että Currency.Wiki on päällä. Tallenna ja päivitä kauppasi.
Hinnat välkkyvät latauksessa?
Sovelluksemme on suunniteltu välkkymättömään lataukseen. Jos näet välkkymistä, tarkista mahdolliset välimuistilisäosat. Varmista myös, että sovelluksen upotus latautuu teemasi head-osioon.
Väärä valuutta tunnistetaan?
Maantunnistus perustuu kävijän IP-osoitteeseen. VPN:t tai yritysverkot voivat vaikuttaa tunnistukseen. Kävijät voivat aina valita haluamansa valuutan manuaalisesti. Voit myös asettaa oletusvaluutan asetuksissa.
Widget ei sovi teemaani?
Käytä Teema & ulkoasu -asetuksia värien muokkaamiseen tai ota automaattinen tila käyttöön, jotta värit tunnistetaan automaattisesti. Voit myös käyttää mukautettua CSS:ää lisäasetuksissa tarkkaan muotoiluun.
Tarvitsetko apua?
Tukitiimimme auttaa mielellään kaikissa asennukseen tai määritykseen liittyvissä kysymyksissä.
