MyCashflow blogi

Kirjoitukset aiheesta Verkkokaupan kehittäminen

Yhdistä, minimoi ja pakkaa verkkokauppasi javascript- ja CSS-tyylitiedostot helposti

Verkkokaupan latautumisnopeus on yksi kriittisimmistä myyntiin vaikuttavista seikoista ja se on myös usein unohdettu ja pahoin laiminlyöty. Yksi eniten sivun lataamista hidastavista seikoista on useiden tyyli- eli css- ja javascript-tiedostojen hakeminen verkkokaupan ulkoasuun.

Usein saatetaan ladata erikseen joku javascript-kirjastoista, useita plugineita sekä omia skriptejä. Lisäksi tyylitiedostot saattavat olla selkeyden vuoksi pilkottuna useisiin eri tiedostoihin, jolloin kymmenet yhtäaikaiset tiedostohaut hidastavat lataamista kohtuuttomasti.

Meillä on nyt tähän tehokas lääke: Interface-tagi, jolla pystyt yhdistämään ja minimoimaan verkkokauppasi javascript- ja tyylitiedostot yhdeksi tiedostoksi, josta on poistettu ylimääräiset välilyönnit, tabulaattorit ja rivinvaihdot. Lisäksi palvelimemme pakkaa lähetettävät tiedostot gzipillä, joka pienentää niiden kokoa huomattavasti. Tästä on myös se hyöty, että pystyt pitämään alkuperäiset tiedostosi mahdollisimman selkeinä välittämättä ylimääräisistä rivivaihdoista tai tiedostojen määristä.

Voit käyttää komentoa yksinkertaisesti vaihtamalla tyylitiedostokutsut tagiin {MinifyCSS(files:’css/base.css|css/base.forms.css|css/master.css’} ja javascript-tiedostojen kutsut tagiin {MinifyJS(files:’js/jquery.js|js/plugin.js,js/main.js’}. Eri tiedostot erotellaan files attribuutin sisällä putkimerkillä.

Tämä komento on samalla otettu käyttöön oletusulkoasussa, joka on jo ennestään ollut salamannopea latautumaan ja tämä entisestään nopeuttaa sivulatauksia.

Uudet ominaisuudet: Ristiinmyynti

Ristiinmyynnin avulla voit kasvattaa keskimääräisen tilauksen arvoa ja siten verkkokauppasi myyntiä huomattavasti.

Mitä on ristiinmyynti?

Ristiinmyynti on tekniikka, jossa verkkokaupan tuotesivulla asiakkaalle ehdotetaan muita tuotteita, joista hän voisi olla kiinnostunut. Tavoitteena on saada asiakas ostamaan kerralla useampia tuotteita. Esimerkiksi tarjoushintaisen Blu-ray soittimen yhteydessä myyty hyväkatteinen kaapeli voi hyvinkin tuplata tilauksen katteen.

MyCashflow tukee kolmea erilaista ristiinmyyntiä, joiden avulla voit suositella tuotteelle yhteensopivia ja vaihtoehtoisia tuotteita.

Samankaltaiset tuotteet

Samankaltaisten tuotteiden avulla voit tarjota asiakkaalle erilaisia vaihtoehtoja. Kun asiakas katsoo verkkokaupastasi esimerkiksi televisiota, niin sen yhteyteen voidaan listata muita vaihtoehtoja samankaltaisista televisioista. Samankaltaiset tuotteet määritellään käsin hallintatyökalun tuotesivun välilehdeltä: Ristiinmyynti.

Yhteensopivat tuotteet

Samaa televisio vertausta jatkamalla Full HD television yhteydessä voidaan listata vaikkapa Blu-ray-soittimia ja tarvittavia kaapeleita, joilla kuvan- ja äänenlaadusta saa kaiken irti. Yhteensopivat tuotteet määritellään käsin hallintatyökalun tuotesivulla.

Asiakkaat, jotka ostivat tämän, ostivat myös…

Kolmas tapa tarjota asiakkaalle muita mielenkiintoisia tuotteita perustuu muiden asiakkaiden ostohistoriaan. Tuotesivulla näkyy muita tuotteita, joita kyseisen tuotteen ostaneet ovat ostaneet samalla tai aikaisemmalla ostokerralla. Tämä listaus toimii täysin automaattisesti, joten tuotteita ei tarvitse erikseen määritellä hallintatyökalun kautta.

Katso ristiinmyyntejä listaavat Interface tagit wikistämme: http://wiki.mycashflow.fi/Ristiinmyynti

Case Pahis: Ostotapahtuman suunnittelu

Suunnittelimme syyskuun aikana Pahis.fi -verkkokaupan uudistuksen. Tässä artikkelissa kerron ostotapahtuman suunnittelusta ja filosofiastamme sen takana.

Ensin ladataan akut täyteen energiaa

Ensimmäisessä vaiheessa ostotapahtumaa tärkeintä on saada asiakas haluamaan tuotetta niin paljon kuin mahdollista. Mitä enemmän asiakas tuotetta haluaa, sen enemmän hänellä on energiaa viedä tilaustapahtuma loppuun saakka. Mikäli energiaa ei ole tarpeeksi, ostotapahtuma jää helposti kesken.

Asiakkaan on vaikea haluta tuotetta jota hän ei löydä

Jotta asias löytäisi haluamansa tuotteen, tuotteiden esillepano ja tuotevalikoiman helppo selattavuus ovat ensiarvoisen tärkeitä asioita. Ulkoasun ja käyttöliittymän merkitystä on vaikea tässä korostaa liikaa. Miska teki hyvää työtä ulkoasun uudistuksen kanssa. Uusi ilme on vanhaa selkeämpi ja helppokäyttöisempi. Se myös tuo tuotteet paremmin esille. Visuaalinen tyyli on kuitenkin sama ja kauppa on selkeästi tunnistettavissa edellisen version isoveljeksi. Edellisen version päävalikko, joka lähti vuosien varrella rönsyilemään liikaa, on korvattu paremmalla jaottelulla. Yleensä 6-8 kohtaa päävalikossa maksimi, koska ihmisen kyky jäsennellä suurempia määriä on rajallinen.

Pyri minimoimaan asiakkaan riskit

Olennaista verkkokaupassa on myös poistaa asiakkaan tunne siitä, että ostaminen on samalla riski. Mitä se tarkoittaa käytännössä? Pahis Kauppahuone myy vaatteita, joten yksi olennainen kysymys asiakkaan mielessä on: “sopiiko tämä tuote minulle?”. Riskin tunnetta voi poistaa lisäämällä tuotetietoihin mittataulukon sekä toisaalta tarjoamalla selkeää tietoa palautus- ja vaihtomahdollisuuksista. Varmasti monen verkkokaupan kohdalla asiakkaan mieleen nousee myös kysymys: “voiko tähän yritykseen luottaa?”. Suunnittelimme kaikilla sivuilla näkyvän alatunnisteen, joka sisältää kattavasti tietoa palvelusta ja maksutavoista, toimitustapa mainoksen, yrityksen viralliset tiedot sekä linkit toimitusehtoihin ja  asiakaspalveluun. Alatunniste viestii, että homma toimii ja palvelu pelaa.

Ostoskoriin uutta elämää

Kun asiakas on lisännyt ostoskoriin yhden tuotteen, toisen tuotteen lisäämisen kynnys laskee dramaattisesti. Lisätuotteet  luonnollisesti nostavat tilauksen arvoa ja se näkyy suoraan verkkokaupan liikevaihdossa. Keskimääräinen tilauksen arvo on yksi verkkokaupan neljästä vivusta, jotka vaikuttavat verkkokaupan tulokseen. Lisäsimme ostoskorisivulle tuotelistaukset parhaiksi arvioiduista, myydyimmistä ja uusista tuotteista.

Aivan sivun loppuun lisäsimme vielä “Valmiina tilaamaan?” otsikon ja linkin kassalle. Otsikon alla kerrotaan uudelleen nopeista toimituksista, turvallisista maksutavoista sekä kehotetaan tekemään tilaus heti. Heti kehotuksen jälkeen toistetaan kassalinkki. Kohderyhmää sopivasti puhutteleva teksti auttaa osaltaa lisäämään energiaa ennen kassalle siirtymistä.

Pahis.fi ostoskorin mainos

Pahis.fi ostoskori-sivun "Siirry kassalle" -kehotus

Tilaustapahtuma

Tähän saakka tarkoituksena on saada asiakas haluamaan tuotetta ja käyttöön voi ottaa kaikki internetin suomat markkinoinnilliset keinot. Asiakkaaseen on pyrittävä siirtämään mahdollisimman paljon energiaa tulevaa tilausprosessia varten. Tilaaminen muuttaa pelin hengen, koska se on pelkkää kitkaa: täytyy kirjoittaa osoitteita, valita toimitus- ja maksutavat, kaivaa verkkopankkitunnukset esille… Ajateltavaa on ihan tarpeeksi, joten on syytä poistaa kaikki ylimääräiset asiat, jotka eivät ole tilaamisen kannalta oleellista. Tuoteryhmien tilalle laitoimme “Takaisin ostoksille” linkin. Kaikki tuotenostot ja mainostus poistettiin. Nyt asiakkaan on helppo keskittyä tilaamaan, kun ruudulla näkyvät ainoastaan ostotoiminnot.