WooCommerce

checkout prosessi on yksi tärkeimmistä vaiheista ostajan matkan-se on viimeinen mahdollisuus sinun täytyy vakuuttaa ostajat tehdä ostaa. Mutta huimat 63,23 prosenttia verkkokaupan ostoskärryistä on hylätty. Se on paljon nettishoppailijoita, jotka päättävät ostaa tuotteen, mutta muuttavat mielensä viime hetkellä.

hylättyihin kärryihin vaikuttaa useita eri tekijöitä (kuten toimituskulut ja maksuvaihtoehdot), mutta myös itse kassalla on merkitystä. Jos se on liian monimutkainen, liian pitkä, tai vaatii tietoa, joka on liian henkilökohtaista, asiakkaat saattavat lähteä ja ostaa vastaavan tuotteen muualta.

yksi tapa optimoida kassasivu? Räätälöidyt kassakentät yrityksesi tarpeiden ja kohdeyleisön mukaan. Esimerkiksi: jos et yleensä myy yrityksille, poista yrityksen nimikenttä. Jos lähetät asiakkaille syntymäpäiväyllätyksiä, liitä mukaan syntymäajan kenttä. Jos myy lemmikkituotteita, voi olla järkevää kysyä lemmikin tyyppiä.

tässä artikkelissa kerromme sinulle, miten voit muokata kassasivusi vastaamaan sekä kohdeyleisösi että yrityksesi tarpeita.

Checkout field modifications

WooCommerce tarjoaa kaikki olennaiset kentät kassalle. Oletuksena se kysyy asiakkailta:

• laskutustiedot
• etunimi
• sukunimi
• yrityksen nimi
• maa
• osoite
• Kaupunki/Kaupunki
• piiri
• postinumero/postinumero
• puhelin
• sähköpostiosoite
• tilausviestit

on monia tapoja muokata sivua, mm.:

• mallin muokkaaminen
• ”tilaa” – painikkeen tekstin muuttaminen
• kentän poistaminen
• kentän tekeminen vaadituksi (tai ei vaadituksi)
• syöttökentän merkintöjen ja paikkatekstin muuttaminen
• asiakkaiden tilinumeroiden kerääminen

toimitusmahdollisuuksien tarkistaminen

• jotta asiakkaat voivat pyytää toimituspäivää tai määräaikaa
• suositellun yhteystavan asettaminen

nämä ovat vain muutamia mukautuksia, joita voit tehdä; WooCommerce tarjoaa lähes loputtomasti joustavuutta jokaiselle kokemustasolle. Jos olet mukava muokata koodia, voit muokata koodinpätkiä. Jos haluat hieman enemmän rakennetta, on olemassa erilaisia laajennuksia ja laajennuksia kassakenttien muokkaamiseen.

muokkaa checkout-kenttiä käyttämällä koodinpätkiä

Huomautus: Jos et tunne koodia ja mahdollisten ristiriitojen ratkaisemista, valitse avuksi wooexpert tai Kehittäjä. Emme pysty tarjoamaan tukea mukautuksille Tukikäytännössämme.

koodinpätkät ovat joustavia tapoja kehittäjille ja kauppojen omistajille muokata WooCommerce checkout-kenttiä. Tässä on luettelo ensisijaisista tageista, mukaan lukien luokat ja tunnukset, joiden avulla voit muokata kassasivusi visuaalista suunnittelua. Lisää mukautetun CSS lapsesi teema tai WordPress Customizer.

jos haluat nähdä kaikki luokat ja valitsimet, käytä selaimesi tarkastajaa verkkosivuillasi löytääksesi tarkan alueen, jota haluat muokata.

esimerkiksi, jos haluat muuttaa tekstinsyöttölaatikoiden taustaväriä ja antaa niille pyöristetyt kulmat, voit lisätä:

input { border-radius: 10px !important; background-color: #222 !important;}

Poista kassakenttä:

tämä on melko yksinkertaista, mutta ole varovainen, sillä tämä muutos voi aiheuttaa ristiriitoja muiden laajennusten ja liitännäisten kanssa.

lisää seuraava koodi lapsesi teeman functions.php tiedostoon. Huomaa, että liittämällä koko koodi poistaa kaikki kentät kassalla, joten muista sisällyttää vain kentät haluat poistaa.

Huom: maa-kenttä vaaditaan. Jos poistat sen, tilauksia ei voida täyttää ja kassalomakkeesi antaa seuraavan virheen: ”Anna osoite jatkaaksesi.”

tee Vaadittu kenttä ei pakollinen:

alla olevassa esimerkissä muokkaamme Laskutuspuhelimen kenttää. Lisää tämä koodi lapsesi teeman functions.php tiedostoon.

Vaihtoehtoisesti, jos haluat tehdä vaaditun kentän, vaihda ”false” – teksti muotoon ” true.”

muuta syöttökentän nimikkeitä ja paikkamerkkejä:

lisää seuraava koodi lapsesi teeman functions.php tiedostoon ja muokkaa se tarpeisiisi sopivaksi.

muokkaa checkout-kenttiä liitännäisillä

WooCommerce tarjoaa muutamia erinomaisia laajennuksia kassakenttien muokkaamiseen koskematta koodiriviin.

Checkout Field Editor

Checkout Field Editor-laajennuksen avulla voit lisätä ja poistaa checkout fieldsejä tai päivittää tyypin, etiketin ja paikkamerkin arvon muutamalla klikkauksella. Voit myös merkitä jokaisen kassalle kentän ” pakollinen ”tai” ei vaadita.”

kun lisäät uuden kentän, voit valita seuraavista tyypeistä:

• Text – standard text input
• Password – password text input
• Textarea – a text area field
• Select – a dropdown/select box
• Multi-select – a multi-select box
• Radio – a set of radio input
• valintaruutu – valintaruutu
• päivämääräpoimija – tekstikenttä, johon on liitetty päivämääräpoimija
• otsikko – otsikko, pidemmän sivun järjestämiseen

jos tuotteesi annetaan yleisesti lahjaksi, saatat tarjota useita pakkausvaihtoehtoja. Voit käyttää radiopainikkeita, jotta asiakkaat voivat valita tavallisen pakkauksen, syntymäpäiväaiheisen pakkauksen tai vuosipäiväaiheisen pakkauksen välillä. Voit tehdä tästä kentästä tarpeen, asettaa etiketin ” valitse pakettisi tyyppi ”ja asettaa paikkamerkin” tavallinen.”

edistyneiden muokkausten avuksi Checkout Field Editor tarjoaa hyödyllistä dokumentaatiota.

WooCommerce Checkout Add-Ons

WooCommerce Checkout Add-Ons laajennus antaa sinulle joustavuutta tarjota ilmaisia tai maksettuja lisäosia kassalla, kuten rush fulfillment, lahjapakkaus tai upsellejä, kuten tarroja tai vakuutuksia. Voit lisätä kassalle useita kenttätyyppejä, mukaan lukien tekstikentät, tekstialueet, pudotukset, Monivalinnat, radiopainikkeet, valintaruudut, monivalintaruudut ja tiedostojen lisäykset.

kojelaudassa voit myös lajitella ja suodattaa tilauksia luomiesi vaihtoehtojen perusteella. Tämä voi olla hyödyllistä, jos haluat priorisoida tilaukset toimituspäivän mukaan tai näyttää vain tilaukset nopeutetulla käsittelyllä. Tai kannattaa pakata lahjapakettitilaukset kaikki samaan aikaan.

WooCommerce One Page Checkout

Haluatko yksinkertaistaa kassaprosessiasi entisestään? WooCommerce yhden sivun kassalle laajennus muuttaa minkä tahansa sivun kassalle.

Baymard Instituten tutkimuksen mukaan joka neljäs shoppailija hylkäsi ostoskorin viimeisellä neljänneksellä pitkän tai monimutkaisen kassaprosessin vuoksi. WooCommerce One Page Checkout torjuu tämän antamalla asiakkaille mahdollisuuden lisätä tuotteita ostoskoriinsa ja lähettää maksu kaikki samalla sivulla.

aloitussivuille voi jopa lisätä checkout-kenttiä,mikä on erityisen hyödyllistä, jos on palvelualalla.

WooCommerce Social Login

asiakkaan pakottaminen luomaan tili verkkosivustollasi on mahdollinen ostamisen este. Antaa heille mahdollisuuden käyttää nykyisiä sosiaalisen median profiileja luoda tilin auttaa murtamaan tämän esteen.

WooCommerce Social Login-laajennus tekee tästä prosessista mahdollisimman helpon ja turvallisen. Asiakkaat voivat kirjautua sivustoosi käyttämällä Facebook -, Twitter -, Google -, Amazon -, LinkedIn -, PayPal -, Instagram -, Disqus -, Yahoo-tai VK-tilejään uusien kirjautumistietojen luomisen sijaan.

aloita muokkaus

kassalla voi olla merkittävä vaikutus muuntokurssiisi, joten muutokset kannattaa tehdä huolellisesti tiettyä tavoitetta silmällä pitäen.

onneksi WooCommerce antaa sinulle joustavuutta muokata kassaprosessia palvelemaan parhaiten online-asiakkaitasi. Haluatko tehdä visuaalisia muutoksia tai lisätä ja poistaa kassalla olevia kenttiä, sinulla on paljon ratkaisuja, joista valita.