Checkout Branding -määritykset

Tämä sivu on tulostettu Apr 25, 2024. Nykyinen versio on osoitteessa https://help.shopify.com/fi/manual/checkout-settings/checkout-extensibility/checkout-branding.

Voit mukauttaa kassasivujen brändäystä kassaeditorissa. Voit lisätä brändisi logon, lisätä taustakuvan, vaihtaa värejä ja valita uuden fontin, jotta kassasivu sopii yritykseesi. Kassan brändäyksen edistyneistä mukautuksista kerrotaan kohdassa Checkout Branding API.

Osa kassasivuillesi valitsemastasi brändäyksestä koskee automaattisesti myös uusia asiakastilisivujasi.

Asiakkaasi käyttävät kassasivua tilausten toimitus- ja maksutietojen syöttämiseen. Useimmat yritykset pitävät kassan ulkoasun yksinkertaisena, jotta asiakkaiden on helppo lukea sitä ja keskittyä tilaamiseen. Valitse suurikontrastisia värejä sekä kuvia, jotka eivät vie huomiota pois sivun tekstistä.

Tällä sivulla

Voit lisätä logon kassan ylätunnisteeseen. Voit säätää logon kokoa, tasausta ja sijaintia.

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Klikkaa Mukauta kassaasi ‑osiosta mukautettavan kassavaiheen vierestä Mukauta.
  3. Klikkaa rataskuvaketta.

  4. Lisää logosi Logo-alueella:

    1. Klikkaa Valitse kuva.
    2. Lataa uusi kuva klikkaamalla Lisää kuvia tai valitse kuva, jonka olet jo ladannut kirjastoon.
    3. Klikkaa Valmis.

  5. Säädä logon kokoa Logon enimmäisleveys -alueella.

  6. Valitse Logon tasaus -alueella logon vasen tasaus, keskitys tai oikea tasaus.

  7. Valitse Logon sijainti -alueella kassalomake, tilauksen yhteenveto tai logon täysi leveys.

  8. Klikkaa Tallenna.

Taustakuvan tai -värin lisääminen kassalomakkeeseen

Voit lisätä taustavärin tai -kuvan kassalomakkeeseen. Voit lisätä vain taustavärin tai -kuvan, et molempia.

Kun olet lisännyt taustavärin tai -kuvan, varmista, että kassakentät ovat helposti luettavissa.

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Klikkaa Mukauta kassaasi ‑osiosta mukautettavan kassavaiheen vierestä Mukauta.
  3. Klikkaa rataskuvaketta.
  4. Lisää taustakuva tai väri Tausta 1 ‑osiossa:
    • Voit lisätä taustakuvan seuraavasti:
      1. Klikkaa Valitse kuva.
      2. Lataa uusi kuva klikkaamalla Lisää kuvia tai valitse kuva, jonka olet jo ladannut kirjastoon.
      3. Klikkaa Valmis.

- Voit lisätä taustavärin seuraavasti: 1. Avaa värivalitsin klikkaamalla Taustaväri-kohdan vieressä olevaa väriympyrää. 2. Valitse väri tai anna heksadesimaalinen värikoodi.

  1. Klikkaa Tallenna.

Taustakuvan tai -värin lisääminen tilausyhteenvetoon

Voit lisätä tilauksen yhteenvetoon taustavärin tai -kuvan. Voit lisätä vain taustavärin tai -kuvan, mutta et molempia.

Kun olet lisännyt taustavärin tai -kuvan, varmista, että kassakentät ovat helposti luettavissa.

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Klikkaa Mukauta kassaasi ‑osiosta mukautettavan kassavaiheen vierestä Mukauta.
  3. Klikkaa rataskuvaketta.
  4. Lisää taustakuva tai väri Tausta 2 -osiossa:
    • Voit lisätä taustakuvan seuraavasti:
      1. Klikkaa Valitse kuva.
      2. Lataa uusi kuva klikkaamalla Lisää kuvia tai valitse kuva, jonka olet jo ladannut kirjastoon.
      3. Klikkaa Valmis.

- Voit lisätä taustavärin seuraavasti: 1. Avaa värivalitsin klikkaamalla Taustaväri-kohdan vieressä olevaa väriympyrää. 2. Valitse väri tai anna heksadesimaalinen värikoodi.

  1. Klikkaa Tallenna.

Kassan värien mukauttaminen

Voit muuttaa kassapainikkeiden, virheilmoitusten ja korostusten väriä. Voit myös muuttaa kassakentät valkoisiksi tai läpinäkyviksi.

Kun olet muuttanut kassasivun värejä, varmista, että teksti on helposti luettavissa tilauksen syöttö- ja tilauksen yhteenveto -alueiden taustaa vasten.

Korostuksen, painikkeen ja virheen värien muuttaminen

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Klikkaa Mukauta kassaasi ‑osiosta mukautettavan kassavaiheen vierestä Mukauta.
  3. Klikkaa rataskuvaketta.

  4. Valitse värit Väri-osiossa:

    1. Avaa värivalitsin klikkaamalla Korostus-, Painikkeet- tai Virhe-kohdan vieressä olevaa väriympyrää.
    2. Valitse väri tai anna heksadesimaalinen värikoodi.

  5. Klikkaa Tallenna.

Lomakekenttien värin muuttaminen

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Klikkaa Mukauta kassaasi ‑osiosta mukautettavan kassavaiheen vierestä Mukauta.
  3. Klikkaa rataskuvaketta.
  4. Klikkaa Väri-osiossa Lomakekentät ja kortin tausta -pudotusvalikkoa ja valitse sitten valkoinen tai läpinäkyvä väri. Jos määrität lomakekentille mukautetun arvon Checkout Branding APIn avulla, näkyvissä on ylimääräinen Mukautettu (asetettu API:n kautta) -vaihtoehto.
  5. Klikkaa Tallenna.

Kassan fontin mukauttaminen

Voit mukauttaa kassasivua valitsemalla fontin fonttiluettelosta.

Vaiheet:

  1. Siirry Shopify Adminissa kohtaan Asetukset > Kassa.
  2. Klikkaa Mukauta kassaasi ‑osiosta mukautettavan kassavaiheen vierestä Mukauta.
  3. Klikkaa rataskuvaketta.

  4. Muuta kassan tekstiotsikoiden ja leipätekstin fontti Typografia-osiossa:

    1. Avaa pudotusvalikko klikkaamalla Otsikot- tai Leipäteksti-kohdassa fontin nimeä.
    2. Valitse fontti, jota haluat käyttää kassalla.

  5. Klikkaa Tallenna.

Valmiina aloittamaan Shopifyssa?

Kokeile ilmaiseksi