Päivitä verkkokauppasi kassa

Voit mukauttaa verkkokauppasi kassaa brändisi kehittämiseksi, viestintämuutoksia varten, tarjouksien yhteydessä tai muuten vain asiakaskokemusta parantaaksesi. Kassaa tulee päivittää säännöllisesti, jotta mukautuksesi sopivat Shopifyn tekemiin jatkuviin muutoksiin.

Valmistellaksesi tämän päivityksen sinun on tehtävä seuraavat toimet:

1. Esikatsele uutta kassaa ja testaa asiakkaittesi kassakokemus. Riippuen siitä, mitä mukautuksia olet tehnyt maksutapahtumaan kassalla, sinun on ehkä muutettava checkout.liquid-tiedostoa, ennen kuin voit tehdä päivityksen.
2. Kun olet tyytyväinen tekemiisi muutoksiin, päivitä kauppasi käyttämään uutta Shopify-kassaa.

Esikatsele kassaa ja testaa virheitä varten

Ennen kuin päivität kauppasi käyttämään uutta kassaversiota, varmista, että esikatselet muutokset.

Tee näin:

1. Siirry Shopify Adminissasi sivulle Kassan päivitys ja klikkaa sitten Esikatsele kassaa.
2. Valitse nykyinen teemasi luettelosta ja klikkaa sitten Esikatsele.
3. Luo testikassatapahtuma jatkamalla asiakkaana maksuprosessia.

Huomaa

Joillakin maksupalveluiden tarjoajilla on vähimmäishinta testimaksuille. Shopify Payments ‑palvelussa tämä on 0,50 CAD, 0,35 USD ja 0,30 EUR. Muilla maksupalveluntarjoajilla voi olla eri kynnysarvot.

Jos saat virheilmoituksen, jonka mukaan maksuasi ei voitu käsitellä tällä kertaa, yritä uudelleen muutaman minuutin kuluttua, kokeile nostaa testitilauksen hintaa tai suorita testimaksu käyttäen ilmaisia tuotteita.

Jos havaitset testien yhteydessä virheitä, jotkin kassasi mukautukset saattavat olla ristiriidassa uuden version parannusten kanssa. Jos asia on näin, tee muutoksia tiedostoon checkout.liquid ennen päivittämistä.

Virheiden selvittäminen

Tee näin:

1. Siirry Shopify Adminissa kohtaan Verkkosivu > Teemat.
2. Klikkaa ...-painiketta ja klikkaa sitten Luo kopio.
3. Etsi Lisää teemoja -kohdasta teemasi kopio ja klikkaa sitten ...-painiketta > Muokkaa koodia. Tee muokkauksesi ja testaa niitä käyttämällä tätä teemasi kopiota ja julkaisematonta versiota.

Huomaa

kun teet muutoksia teemaan tai teet teemaa koskevia muutoksia, luo teemasta kopio ja tee siihen haluamasi muutokset. Jos teet virheen muuntaessasi kopiota, voit poistaa sen ja luoda uuden kopion alkuperäisestä teemasta ilman, että asiakkaasi joutuvat tästä kärsimään.

1. Avaa checkout.liquid-tiedosto.

2. Esikatsele checkout.liquid-tiedostoa monistamastasi teemasta uutta Shopify-kassaa käyttäen:

Jos huomaat kassassa tai sen ulkonäössä virheitä, sinun on muokattava checkout.liquid-tiedostoa, jotta voit poistaa virheet.

Päivitä uusi Shopify Checkout-palveluun

Kassan päivittäminen on kaksivaiheinen prosessi, joka edellyttää, että päivität Shopify-kassaan ja korvaat nykyisen julkaistun teeman kopiolla muutoksineen.

Huomio

Varmista, että olet esikatsellut kassasi ennen kuin teet tämän päivityksen. Sinun on oltava varma siitä, että tämä päivitys ei vaikuta asiakkaittesi kassakokemukseen ja että asiakkaat voivat edelleen maksaa tilauksensa uudella kassalla.

Valitse päivityksen tekemiseen rauhallinen aika (kuten varhain aamulla, myöhään illalla tai viikonloppuna) mahdollisten häiriöiden minimoimiseksi.

Tee näin:

1. Klikkaa Kassan päivitys -sivulla Päivitä kassaa (painike sijaitsee sivun alaosassa).

2. Jos huomasit virheitä, kun esikatselit teemaa ensimmäistä kertaa, varmista, että virheet on korjattu (katso edellä olevaa Vieheiden ratkaisut) -kohtaa. Julkaise sitten päivitetty kopio teemastasi:

Kassasi on päivitetty ja teeman kopio on nyt nykyinen teemasi.

Shopify-kassan uudet ominaisuudet

Uusi Shopify-kassaversio sisältää seuraavat muutokset ja uudet ominaisuudet:

• Tilaukset
• Lisämyynti
• Tippaus kassalla
• Nouto ja paikallinen toimitus
• Kansainväliset lisäkentät
• Seuraa tilausta Shop-painikkeella
• Tilauksen tilasivun päivitykset
• Yleiset tiedostomuutokset
• Rungot/lataustilat
• Virheviestit
• Tietomääritteen muutokset
• Esteettömyyttä koskevat parannukset

Tilaukset

Shopify-kassalle on lisätty useita osioita, joilla voit tarjota toistotilaustuotteita ja säilyttää samalla kassan mukautukset. Näissä osissa voit myydä toistotilaus­tuotteita ja käsitellä toistuvaissuorituksia suoraan Shopify-kassalla.

Kun olet päivittänyt kassan, voit tarjota tilauksia lisäämällä Shopify App Storen tilaussovelluksen tai luomalla mukautetun sovelluksen, joka sisältää uudet tilaus-API:t.

Lue lisää tilauksista Shopify Help Centerissä.

• Kun tilaukset on otettu käyttöön, tilausostojen toimitustavat näkyvät erillään kertaluonteisista ostoksista.
• .product_description_variant Span.product_description_selling_plan näkyy lisärivikohdan ominaisuutena, jos tuotteeseen liittyy tilaus.
• Toistuva kokonaissumma, jonka liitteenä on työkaluvihje, joka näkyy kokonaissumman alla tilauksen yhteenvedossa.
• Tilauksen toimitusvaihtoehdot näkyvät, kun tilauksessa on tilaustuote.

Lisämyynti

Uudet ostonjälkeiset lisämyyntisovellukset ovat nyt saatavilla Shopify App Storessa. Nämä sovellukset esittävät asiakkaille tarjouksia suoraan Shopifyn kassalla ja muokkaavat valmista tilausta niin, että ne lisäävät lisämyyntituotteen tilaukseen ilman, että asiakkaan tarvitsee antaa laskutus- tai toimitustietoja uudelleen.

Tämä kassapäivitys sisältää kassasivulle tehtyjä muutoksia, jotka mahdollistavat ostoksen jälkeisen lisämyynnin tekemisen mukautetulla kassalla.

Lue lisää ostoksen jälkeisestä lisämyynnistä.

• Kun kelvollinen ostonjälkeinen sovellus on asennettu Shopify Adminiin, asiakkaat saavat tarjouksia oston jälkeen.

Huomaa

Kolmannen osapuolen lisämyyntisovellus tekee muutokset ostonjälkeiselle sivulle. Sitä ei voi muokata checkout.liquidin avulla.

Tippaus kassalla

Tippausvaihtoehtojen avulla asiakkaat voivat lisätä verkkotilaukseensa tipin tai kerätä lahjoituksia tippien sijaan. Kun tippaus on käytössä, Lisää tippi -osio näkyy kassalla maksutavan valinnan yhteydessä. Lisää tippi -osiossa on kolme valmista tippivaihtoehtoa ja kenttä oman tippimäärän syöttämiseen.

Lue lisää tippausvaihtoehtojen tarjoamisesta.

• Kun tippaus on käytössä, Lisää tippi -osio näkyy kassalla maksutavan valinnan yhteydessä.

Nouto ja paikallinen toimitus

Paikalliset noudot ja toimitukset ovat uusia toimitustapoja, joiden avulla asiakkaat voivat vastaanottaa tilauksia omalla paikkakunnallaan. Kun nämä toimitustavat on otettu käyttöön, asiakkaat voivat valita kassalla paikallisen noudon tai toimituksen toimitusvaiheessa.

Lue lisää paikallisen noudon ja paikallisen toimituksen käyttöön ottamisesta.

• Paikallisen toimituksen lisäkentät tulevat näkyviin, kun paikallinen toimitus on käytössä ja asiakas valitsee sen.
• Jos paikallinen nouto on käytössä, toimitustapaosio näkyy asiakkaalle kassan Tiedot-sivulla. Jos toimitus ei ole käytettävissä, vain noutotiedot näkyvät.

• Toimitustavat näkyvät erillisinä välilehtinä.

  • Jos valitset Lähetä, asiakasta pyydetään antamaan toimitustiedot, ja käytettävissä olevat toimitustavat tulevat näkyviin, kun klikkaat Jatka toimitukseen -painiketta.
  • Jos valitset Nouto, noutopisteet tulevat näkyviin. Asiakas klikkaa haluamansa noutopisteen valintapainiketta ja klikkaa sitten Jatka maksuun.

• Jos asiakas valitsee kassalla toimitusvaiheessa noudon, toimitustietoja ei kerätä. Asiakkaan on annettava laskutustiedot maksuvaiheessa.

• Paikallisen toimituksen ohjeet näkyvät tilauksen tilasivulla. Voit muokata niitä siirtymällä Shopify Adminissa kohtaan Asetukset > Lähetys ja toimitus. Etsi Paikallinen nouto -kohdasta sijainti, jota haluat muokata, ja klikkaa Hallinnoi.

• Tilauksen tilasivu on päivitetty näyttämään toimitusten ja noutojen eteneminen. Näet viestejä, kun:

  • tilaus on valmisteltu ja se on valmis toimitettavaksi
  • toimitus on valmis; tässä viestissä on myös linkki samojen tuotteiden uudelleentilaamista varten
  • noutotilaus on vahvistettu; asiakas saa sähköpostiviestin, kun tilaus on valmis noudettavaksi
  • noutotilaus on valmis noudettavaksi
  • noutotilaus on noudettu.

Kansainväliset lisäkentät

Joissain maissa on omia toimitusmääräyksiä, joita sinun on noudatettava, jotta asiakkaasi saavat tilauksensa perille. Lisäkentät ovat nyt käytettävissä maissa, joissa on omia toimitusmääräyksiä. Nämä uudet kentät näkyvät kassalla maksutavan valinnan yhteydessä.

Lue lisää kansainvälisistä lisäkentistä.

• Lisäkentät näkyvät asiakkaille vain Brasiliassa, Etelä-Koreassa, Italiassa ja Kiinassa.

Seuraa tilausta Shop-painikkeella

Tilauksen tilaa koskeva Seuraa tilausta Shopin avulla -painike ja kiitossivut on päivitetty uuden näköisiksi.

Lue lisää Shop-sovelluksesta.

• Lisätty tekstipainike, joka kehottaa asiakkaita seuraamaan ostoksiaan Shop-sovelluksessa.
• Lisätty parametreja Shop Pay -seurannan näyttämiseksi.
• Seuraa tilausta Shopin avulla -painikkeen sovitus seuraavissa tapauksissa:
  • yritetty toimittaa
  • vahvistus
  • toimitettu
  • epäonnistui
  • matkalla
  • ei toimitettavissa
  • toimituksessa

Tilauksen tilasivun päivitykset

Tilauksen tila -sivulle on tehty useita päivityksiä.

• Lahjakorttitiedoille on luotu oma osionsa, joka näkyy, kun asiakas on ostanut lahjakortin.
• Tilaustiedot on lisätty.
• Luokka icon-svg--align-text-bottom on poistettu.
• data-step="thank-you" on muutettu muotoon data-step="thank_you". Jos käytät tätä määritettä selvittääksesi, millä maksusivulla asiakas on, käytä sen sijaan Shopify.Checkout.page -sivun JavaScript-objektia.
• Tilauksen tila -kortti on lisätty.

Yleiset tiedostomuutokset

• div.content-box__row sisältää nyt role="table"-ominaisuuden.
• Jos asiakas on kiitosvaiheessa ja hänellä on QR-paketti, show_qr.js lisätään.
• Lisätty tarkistus, joka varmistaa, että asiakkaalla on pääsy kassalle.
• Lahjakortit näytetään checkouts/order_status/gift_cards-ominaisuuden avulla.
• Yhteystietojen suunta on korjattu toiminnolla enforce_content_directionality.
• Toimitustiedot on siirretty kohteeseen checkouts/web/checkouts/contact_information/pickup.
• Tilauksen Yhteenveto-sivupalkissa tuetaan nyt usean toimitusrivin näyttämistä.
• tr.total-line näkyy vain, jos kokonaissummat on päivitetty.
• Yleisiä maksuja koskevia rivejä tuetaan.
• Valuutan vaihtoa kassalla tuetaan nyt.

• #payment-gateway-subfields sisältää nyt luokat:

  • .radio-wrapper content-box__row .content-box__row--secondary
  • .card-fields-container

• Luottokortin työkaluvihje on säädetty, ja se on nyt kohdassa div.field__icon.

• Aria-merkintä on poistettu toimituskulujen kuvauksesta.

• Toimituskulujen lomakekentät on siirretty kohtaan checkouts/web/checkouts/shipping_method/shipping_rate_additional_fields.

Rungot/lataustilat

Kassasivujen lataustilat on päivitetty, ja sivun latautumisen aikana näytöllä näkyy runkoja tai joitakin elementtejä piilotetaan valikoivasti, kunnes lataus on valmis. Muutoksilla parannetaan latausaikoja.

• Latauksen aikana piilotetut objektit:

  • del.total-recap__original-price
  • .total-line__price span.payment-due__currency
  • span.order-summary__emphasis

• Objektit, joiden runko näkyy latauksen aikana:

  • Span.total-recap__final-price
  • .product__price del.order-summary__small-text
  • .product__price del.order-summary__emphasis
  • .total-line__price span.payment-due__price
  • .total-line__price span.order-summary__emphasis
  • .total-line__price span.visually-hidden
  • .total-line__price.total-line--subtotal span.order-summary__emphasis

Virheviestit

Uusia virheviestejä on lisätty kassalle.

• Osoitekenttään on lisätty talon numeroon liittyvä varoitus.
• Varoitus, joka kertoo, että ostoskorille, määränpäälle tai maalle ei ole saatavilla toimitusmaksuja, on jaettu kahdeksi erilliseksi varoitusviestiksi, joista ensimmäinen kertoo, että ostoskorille tai määränpäälle ei ole saatavilla hintoja, ja toinen varoitus kertoo, että maalle ei ole saatavilla hintoja.
• Kassalle on lisätty varoitusbanneri, kun ostos yritetään tehdä testikaupassa.
• Lisätty ilmoitus, joka näkyy, kun asiakasta ei veloiteta kassalla.
• Lisätty varoitusbanneri, joka kertoo todennuksen muutoksessa tapahtuneesta virheestä.
• Lisätty virhesanoma, joka kertoo, milloin toimitustavat eivät ole käytettävissä kassalla toimitusvaiheessa.

Tietomääritteen muutokset

Trekkie on poistettu seuraavilta objekteilta:

• Continue_shipping_button
• Get_shipping_updates_button
• Shipping_updates_handle_field
• Shipping_updates_submit_button
• Change_shipping_address_link
• breadcrumb_cart_link
• apply_discount_button
• Have_an_account_login_link
• Email_or_phone_field
• Email_field
• buyer_accepts_marketing_field
• Change_billing_address_link
• Change_contact_method_link
• Change_payment_method_link
• Change_pickup_method_link
• Change_shipping_address_link
• Kassan syötekentät:
  • {type}_address_field
  • {type}_firstname_field
  • {type}_lastname_field
  • {type}_company_field
  • {type}_address1_google_autocomplete_field
  • {type}_address1_field
  • {type}_address2_field
  • {type}_city_field
  • {type}_country_field
  • {type}_province_field
  • {type}_zip_google_autocomplete_field
  • {type}_phone_field

Esteettömyyttä koskevat parannukset

kassan osalta on otettu käyttöön useita muutoksia, jotta verkon esteettömyysstandardit olisivat käytettävissä. Tämä helpottaa sellaisten asiakkaiden kassaprosessia, jotka käyttävät esteettömyysteknologiaa kuten näytönlukijoita.

• Lisättiin role="list" kohteessa ul seuraaville:

  • u.breadcrumb
  • ul.payment-method-list
  • ul.os-timeline
  • ul.policy-list

• Työkaluvihje on poistettu kohteesta aria-labelledby kohteessa telephone_field.

• Shopissa syöttötarra on muutettu viittaamaan puhelimeen.

• Lisättiin h3-otsikot veroja odotettaessa.

• Lisättiin h3-otsikot uudelleenohjattaessa.

• Muutettiin p-tunniste h3-tunnisteeksi toimitustapoja ladattaessa.

• Automaattinen täydennys tarkoittaa nyt kohdetta mobile tel kohteen phone sijaan.

• Päivitettiin div[data-processing-order] lisäämällä role="region".

• Päivitettiin kohde div[data-announce-change] seuraavilla:

  • lisättiin role="region"
  • asetettiin aria-labelledby vastaamaan ylätunniste-elementin tunnusta
  • asetettiin aria-describedby vastaamaan sisältösäilöelementin tunnusta

• Päivitettiin kohde div.content-box blank-slate seuraavilla:

  • lisättiin role="region"
  • asetettiin aria-labelledby vastaamaan ylätunniste-elementin tunnusta

• Express Checkout -ruudukkoa on parannettu niin, että se käyttää ul- ja li-elementtejä div-elementin sijaan.

• Päivitettiin tilauksen yhteenveto seuraavilla:

  • selvennettiin alennushintaa ja normaalia hintaa
  • muutettiin alue dl-tunnisteeksi
  • muutettiin del-tunniste dt- ja dd-tunnisteiksi.

• Päivitettiin maksutavat seuraavilla:

  • span.radio__label__accessory muutettiin muotoon div.radio__label__accessory
  • span.visually-hidden muutettiin muotoon h3.visually-hidden
  • span.payment-icon-list__more muutettiin muotoon li.payment-icon-list__more
  • span.content-box__small-text muutettiin muotoon small.content-box__small-text

Aiheeseen liittyvät linkit

• Checkout.liquidin muokkaamisen parhaat käytännöt
• checkout.liquid
• CSS checkout.liquidissa