Brändäysmuokkaimen käyttäminen Checkout Blocks -sovelluksessa

Voit käyttää Checkout Blocks -sovelluksen brändäysmuokkainta, joka perustuu Checkout Branding API:hin, kassa- ja tilisivujesi ulkoasun mukauttamiseen ilman koodin muokkaamista.

Voit käyttää brändäysmuokkainta minkä tahansa kassan määrityksen värien ja kassan elementtien muokkaamiseen. Brändäysmuokkaimella kassan ulkoasuun tekemäsi muutokset vaikuttavat kaikkiin kassasi sivuihin, mukaan lukien kiitossivu, tilauksen tila -sivu ja uusien asiakastilien sivut.

Voit käynnistää brändäysmuokkaimen Shopifyn ohjausnäkymästäsi valitsemalla Sovellukset > Checkout Blocks ja napsauttamalla sitten Brändäysmuokkain.

Kassan värien mukauttaminen

Värit-osiossa voit mukauttaa kassasi perusvärejä. Voit myös mukauttaa enintään neljää värimallia, joita sovelletaan yksittäisiin osioihin, kun haluat tehdä ulkoasuun tarkempia muutoksia. Voit muokata erityyppisiä värejä, kuten korostusvärejä (interaktiivisille elementeille, kuten linkeille) ja brändivärejä (elementeille, kuten ensisijaisille ja toissijaisille painikkeille).

Vaiheet:

Kassan elementtien mukauttaminen

Brändäyseditorin Mukautukset-osiossa voit muokata seuraavia kassan elementtejä:

• Favicon: Valitse kuvake, joka näkyy asiakkaille selaimen välilehdessä kassalla.
• Yleinen: Säädä kaikkien elementtien (lomakkeen syöttökentät, painikkeet ja kortit) kulman sädettä.
• Ylätunniste ja logo: Valitse ylätunnisteen sijainti kassalla sekä se, näytetäänkö navigointipolku, ostoskorilinkki ja logo.
• Pääosa: Sovella ulkoasumalleja kassan pääsisältöalueelle, mukaan lukien taustakuvat, reunusten leveydet ja värimallit.
• Tilauksen yhteenveto: Sovella ulkoasumalleja kassan sivupalkkiin, joka sisältää asiakkaan tilauksen yhteenvedon, mukaan lukien taustakuvat, reunusten leveydet ja värimallit.
• Alatunniste: Valitse alatunnisteen leveys kassalla sekä se, näytetäänkö kaupan käytännöt.
• Typografia: Valitse fontin koko, fonttiperhe ja fontin paino, koko, välistys ja kirjainkoko enintään kolmelle otsikkotasolle.
• Painikkeet: Valitse ensisijaisen ja toissijaisen painikkeen reunatäyte, reunukset ja tyylit.
• Lomakkeet: Mukauta kassan lomakkeen syöttökenttien tyylejä, kuten valintaruutuja, tekstikenttiä ja luettelosta valittuja vaihtoehtoja.
• Tuotteiden pienoiskuvat: Säädä kassalla olevien tuotekuvien reunus- ja kulman säde -tyylejä.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Checkout Blocks.

2. Napsauta Brändäyseditori.

3. Napsauta Mukautukset-osiossa mitä tahansa elementtiä, jota haluat mukauttaa, kuten Ylätunniste ja logo.

4. Säädä kassan elementti haluamaksesi käytettävissä olevilla mukautusvaihtoehdoilla.

5. Napsauta Tallenna.

Kassan määritysten vaihtaminen

Kun avaat brändäyksen editorin, muokkaat oletusarvoisesti kassavaiheen määritystä, joka on tällä hetkellä Aktiivinen. Voit kuitenkin muuttaa brändäyksen editorilla sitä, mitä kassavaiheen määritystä haluat muokata, sekä luoda uusia kassavaiheen määrityksiä.

Lue lisää aktiivisten ja luonnostilassa olevien kassavaiheen määritysten hallinnasta.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Checkout Blocks.

2. Napsauta Brändäyseditori.

3. Avaa aktiivisen määrityksen ja mahdolliset luonnosmääritykset sisältävä pudotusvalikko klikkaamalla nykyisen kassavaiheen määrityksen nimeä ja valitse sitten kassavaiheen määritys, jota haluat mukauttaa:

   • Valitse olemassa oleva määritys, jota haluat muokata.
   • Napsauta ⊕ Luo uusi määritys, niin sinut ohjataan Shopifyn ohjausnäkymän Kassa-asetuksiin.

Kassan esikatseleminen

Voit esikatsella brändäyseditorissa tekemiäsi muutoksia milloin tahansa valitsemalla esikatseltavan kassan määrityksen ja napsauttamalla sitten Esikatsele. Kassan ja tilien editori käynnistyy erillisessä välilehdessä, ja kaikki muutoksesi ovat siinä käytössä, joten voit esikatsella, miltä ne näyttävät kassalla.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Checkout Blocks.

2. Napsauta Brändäyseditori.

3. Tee kaikki haluamasi mukautukset kassan määrityksen väreihin tai kassan elementteihin.

4. Napsauta Esikatsele.

Kassan määritysten vieminen ja tuominen

Voit viedä ja tuoda kassan määrityksiä JSON-tiedostojen avulla.

Kassan määrityksen vieminen:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Checkout Blocks.

2. Napsauta Brändäyseditori.

3. Valitse kassan määritys, johon on sovellettu mukautuksia brändäyseditorin avulla.

4. Napsauta Lisää toimintoja > Vie määritys.

Kassan määritys ladataan laitteellesi .json-tiedostona.

Kassan määrityksen tuominen:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Checkout Blocks.

2. Napsauta Brändäyseditori.

3. Valitse kassan määritys, johon haluat soveltaa tuotua brändäysprofiilia.

4. Napsauta Lisää toimintoja > Tuo määritys.

5. Lataa brändäyksen JSON-tiedosto Tuo kassan brändäys -valintaikkunassa:

   1. Napsauta Lisää tiedosto.
   2. Valitse laitteeltasi sopiva JSON-tiedosto.
   3. Napsauta Tuo ja jatka.

6. Tarkista valmiiksi ladattu mukautusmääritys. Muokkaa sitä tarvittaessa.

7. Napsauta Tallenna.

Kassan tyylin palauttaminen oletusarvoihin

Kun muokkaat väriä tai kassan elementtiä brändäyseditorilla, voit palauttaa kyseisen arvon oletusarvoon napsauttamalla muuttamasi värin tai elementin vieressä olevaa Palauta-painiketta.

Voit milloin tahansa palauttaa koko kassamääritystesi brändäyksen Shopifyn oletusarvoihin. Kassamääritysten palauttaminen poistaa kaikki brändäyseditorin sivuilla tehdyt mukautukset. Tätä toimintoa ei voi kumota.

Vaiheet:

1. Siirry Shopifyn ohjausnäkymässä kohtaan Sovellukset > Checkout Blocks.

2. Napsauta Brändäyseditori.

3. Valitse kassamääritys, jonka haluat palauttaa.

4. Klikkaa Palauta oletusasetukset.

5. Klikkaa Palautetaanko oletustyylit? -valintaikkunassa Jatka.