Top Banner
Verkkokaupan perustaminen PIKAOPAS Päivitetty 11-2012 - www.vilkas.f
17

Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Jan 07, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Verkkokaupan perustaminenPIKAOPAS

Päivitetty 11-2012 - www.vilkas.f

Page 2: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

SisällysVerkkokaupan asetukset........................................................................................................3

Sivumuisti...........................................................................................................................3Maa-asetukset................................................................................................................... 4Toimitustavat...................................................................................................................... 4

Toimitusmaksun vaihtoehdot......................................................................................... 4Toimitusmaksua määritettäminen..................................................................................4Itella............................................................................................................................... 5Matkahuolto................................................................................................................... 5

Maksutavat.........................................................................................................................5Sähköpostiasetukset..........................................................................................................6

Sähköpostitapahtumia...................................................................................................6Tuotteet.................................................................................................................................. 7

Tuotekuvan lataaminen......................................................................................................8Tuoteryhmään liittäminen...................................................................................................8Ristiinmyynti.......................................................................................................................9

Automaattinen ristiinmyynti........................................................................................... 9Tuotteen vaihtoehdot......................................................................................................... 9

Tuoteryhmät......................................................................................................................... 11Alatuoteryhmien luominen............................................................................................... 12Informaatiosivut................................................................................................................12Tilausten käsittely............................................................................................................ 13

Ulkoasun muokkaus.............................................................................................................14Verkkokaupan rakenne.................................................................................................... 15Uuden ulkoasupohjan luonti............................................................................................ 15Oman Java Script / CSS-koodin lisäys............................................................................17

Page 3: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Verkkokaupan asetukset

Tutustu verkkokaupan asetuksiin Asetukset valikon alla olevilla sivuilla

Asetukset > Yleiset asetukset

• Lataa kaupan logo

• Verkkosivuston nimi ja slogan tärkeitä hakukonenäkyvyydelle

• Sivumuistin pävitysvälin pidentäminen nopeuttaa kaupan sivuja

SivumuistiKaupan sivut kopioidaan Sivumuistiin jolloin ne latautuvat asiakkaille nopeammin. Voit säätää sivumuistin päivitysväliä Asetukset > Yleiset asetukset > Sivumuisti -sivulla.

Kauppaan tekemäsi muutokset saat asiakaspuolella heti näkyviin painamalla Päivitä nyt nappia.

Page 4: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Maa-asetuksetAsetukset > Maa-asetukset > Maat

• Valitse mihin maihin toimitukset sallitaan kaupasta

• Aseta oletusmaaksi "Suomi" jolloin se on osoitelomakkeella valmiina valittuna

Asetukset > Maa-asetukset > Kielet

• Valitse mitkä kielet ovat käytössä kaupassa

• Järjestelmän tekstit on valmiiksi käännetty

• Omat tekstit (esim tuotteiden nimet, kuvaukset jne) voit kääntää kunkin tekstin "Käännös" kentässä

ToimitustavatAsetukset > Toimitus- ja maksutavat

• Toimitusmaksu voi olla kiinteä tai se voi perustua tilauksen arvoon tai painoon

• Toimitustapa voidaan linkittää Itellan tai Matkahuollon palveluihin

Toimitusmaksun vaihtoehdot• Ilmainen toimitus

• Kiinteä hinta (aina sama toimitusmaksu)

• Porrastettu hinta (ilmainen toimitus isoille tilauksille)

• Ostoskori yhteensä (toimitusmaksu vaihtelee tilauksen arvon mukaan)

• Ostoskorin tuotteiden paino (toimitusmaksu vaihtelee tilauksen painon mukaan)

• Ostoskorin tuotteiden lukumäärä (toimitusmaksu perustuu tuotteiden määrään ostoskorissa)

• Toimitusalue perustuu postinumeroon (Pro-versiossa)

• UPS, DHL, FedEx

◦ Vaatii erillisen sopimuksen kuljetusliikkeen kanssa (Pro-versiossa)

Toimitusmaksua määritettäminen• Aseta toimitusmaksu(t) näkyviin asiakkaalle selkeästi

• Ilmainen toimitus on toimivaksi havaittu myyntivaltti

• Säädä toimitusmaksu niin alas kuin mahdolista

• Siirrä katetta enemmän tuotteisiin, jos mahdollista

• Houkuttele isompiin tilauksiin käyttämällä porrastettua toimitusmaksua

• Tee kokeiluja, miten toimitusmaksun muuttaminen vaikuttaa konversioon

• Tee kampanjoita ilmaisella toimituksella rajoitetun ajan

Page 5: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

ItellaVoit liittää toimitustapoihin Itellan palveluita ja hallita niitä suoraan kaupan hallinnasta. Itellan palveluita verkkokauppiaille on:

• Prinetti

• SmartPost

• Noutopiste

• Logius varastonohjaus

Tarvitset sopimuksen Itellan kanssa ottaaksesi palvelut käyttöön. Syötä tunnukset kaupan hallinnassa Asetukset > Itella Prinetin asetukset -sivulla.

Lue lisää: http://www.vilkas.fi/Tuki/Logistiikka/Prinetti-asennus

MatkahuoltoMatkahuolto tarjoaa verkkokaupoille noutopisteen valinnan tilauksen yhteydessä (Siwat, Valintatalot, Matkahuollot) sekä pakettikorttien tulostuksen kaupan hallinnassa.

Ota Matkahuollon integraatio käyttöön Asetukset > Matkahuollon asetukset -sivulla syöttämällä Matkahuollon toimittamat tunnukset ja valitsemalla mitä palveluja haluat käyttää.

Lue lisää: http://www.vilkas.fi/Tuki/Logistiikka/Miten-liitan-Matkahuollon-verkkokaupan-toimitustavaksi

MaksutavatValitse käytettävät maksutavat Asetukset > Toimitus- ja maksutavat > Maksutavat -sivulla. Laajalla maksutapavalikoimalla varmistat, ettei tilauksen tekeminen jää maksutavasta kiinni. Maksutapamieltymyksissä on eroja eri maissa. Suomalaiset kuluttajat ovat tottuneet asioimaan verkkopankissa, luottokortilla tai laskulla.

Lue lisää: http://www.vilkas.fi/Tuki/Maksaminen

Page 6: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

SähköpostiasetuksetVerkkokauppa lähettää tietyissä tilanteissa automaattisia sähköposteja asiakkaalle tai kauppiaalle

• Aseta lähettäjän osoite Asetukset > Sähköpostiasetukset -sivulla

• Käytettäessä kaupan nimeä sähköpostiosoitteessa vastaanottaja tunnistaa lähettäjän

• Allekirjoitus tulee kaikkiin kaupan lähettämiin viesteihin

• Tilanteet, joissa sähköposti lähetetään valitaan ”Tapahtumat” välilehdeltä

• Sähköposteissa on valmis sisältö

• Voit halutessasi tehdä lisäksi omia lisäyksiä viesteihin

SähköpostitapahtumiaAsetukset > Sähköpostiasetukset > Tapahtumat

Sähköpostitapahtumia kannattaa aktivoida oman tarpeen mukaan. Esim. Tilauksen vastaanottoilmoitus on tarpeellinen. Sähköpostit lähtee pääsääntöisesti oletuksena vain asiakkaille.

Asettamalla oman osoitteen ”piilokopio” kenttään ko tapahtumassa, saat myös omaan sähköpostiisi tiedot uusista tilauksista.

Asiakkaalle lähetettäviä

• Tilauksen vastaanotto-ilmoitus

• Toimituksen seurantakoodit (Itella/Matkahuolto)

• Tuotesuosittelu/-kysely

• Tuotearvion pyyntö

Kauppiaalle lähetettäviä

• Yhteydenottolomake

• Varastosaldon hälytys

• Tuote loppuunmyyty

• Hälytykset integraatio-ongelmista (mikäli käytössä)

• Tilauksen vastaanotto-ilmoitus (tarvittaessa)

Aktivoi vain tarpeelliset asiakkaalle lähtevät sähköpostit; jokaisesta tilauksen tilan muutoksesta ei tarvita ilmoitusta. Muista, etta verkkokaupan lisäksi asiakkaalle voi tulla ilmoitus maksupalveluntarjoajalta ja toimituksen seurantatunnukset tilauksen jälkeen.

Page 7: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

TuotteetLuo uusi tuote valitsemalla Tuotteet > Uusi > Tuote ja syötä tuotteen perustiedot:

• Tuotenumero

• Nimi

• Hinta

• Kuvaustekstit

Kaikki kentät tuotenumeroa lukuunottamatta ovat valinnaisia.

Kuvaustekstit ovat tärkeitä ostopäätöksen ja hakukonenäkyvyyden kannalta ja siksi tekstien kirjoittamiseen kannattaa käyttää hieman aikaa:

Page 8: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Tuotekuvan lataaminenLaadukkaat tuotekuvat ovat tärkeitä verkkokaupassa. Kuvan koosta ei tarvitse välittää, sillä verkkokauppa muokkaa kuvasta oikeankokoiset versiot automaattisesti.

Lataa tuotekuvat Tuotteet > [tuote] > Kuvat -sivulla

Voit ladata useampia tuotekuvia halutessasi Galleria/Diaesitys -sivulla.

Tuoteryhmään liittäminen• Tuote voidaan liittää tuoteryhmään Tuotteet > [tuote] > Tuoteryhmät -sivulla

◦ Toinen tapa: Tuotteet > Tuotteet -sivulla rastittaa liitetävät tuotteet ja valita alasvetovalikosta ”Liitä tuoteryhmään...”

◦ Kolmas: Sisältö / Tuoteryhmät > Lomakenäkymä > [tuoteryhmä] > Tuotteet -sivulla syöttämällä tuotenumeron

• Tuoteryhmä pitää olla ensin luotuna

• Tuote voi olla liitettynä useampaan tuoteryhmään

• Etusivu on alin tuoteryhmätaso

◦ Tuotteet saa näkyviin etusivulle liittämällä tuotteen ”Etusivu” tuoteryhmään

Page 9: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Ristiinmyynti

Tuotteet > [tuote] > Ristiinmyynti

Tuotesivulla voidaan tarjota asiakkaille oheistuotteita (esim lisätarvikkeita tuotteeseen) tai liittyviä tuotteita, jotka näytetään ”Suosittelemme myös” otsikon alla tuotesivun alalaidassa.

Automaattinen ristiinmyyntiAsetukset > Tuoteasetukset > Automaattinen ristiinmyynti

Automaattinen ristiinmyynti lisää tuotesivulle niitä tuotteita, joita asiakkaat ovat ostaneet samalla kun ovat ostaneet kyseisen tuotteen. Tuotesivulle tulee otsikko "Asiakkaat jotka ostivat tämän tuotteen, ostivat myös" ja tämän jälkeen lista tuotteista kuvineen.

Tuotteen vaihtoehdotTuotteet > Uusi > Tuote vaihtoehdoilla

Vaihtoehtoja voidaan luoda myös jo olemassa oleville tuotteille "Vaihtoehdot" alasivulla tuotteen tiedoissa painamalla "Käynnistä tuotteen vaihtoehtojen ohjattu luontitoiminto" linkkiä.

Page 10: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Vaihtoehtoja sisältävät tuotteet liitetään aina johonkin tuotetyyppiin. Jos sopivaa tuotetyyppiä ei ole luotuna valitse "Uusi tuotetyyppi" ja nimeä se esim tuoteryhmän mukaan. Tähän tuotetyyppiin voit luoda sille sopivat vaihtoehdot, joita voit käyttää myös muille samaan tuotetyyppiin lisättäville tuotteille.

Kirjoita vaihtoehdon otsikko 1. Lisäkenttä -kenttään. Kirjoita vaihtoehdot "Arvo" taulukkoon. Taulukkoon tulee uusi rivi uutta vaihtoehtoa varten näkyviin syötettyäsi vaihtoehdon.

Jos haluat kääntää vaihtoehtojen arvoja eri kielille tai jos haluat luoda yli 10 vaihtoehtoa, voit tehdä tämän Tuotteet > Tuotetyypit > [tuotetyyppi] > Lisäkentät > [lisäkenttä] > Esimääritys -sivulla.

Page 11: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Kun tuotteen vaihtoehdot on luotu, ne näkyvät omina tuotenumeroinaan ja yksittäistä vaihtoehtotuottetta voi muokata tarvittaessa. Yksi vaihtoehdoista on oletusvaihtoehto, joka näkyy valittuna kun tuotesivun avaa kaupassa.

TuoteryhmätTuoteryhmiä ja sisältösivuja voi muokata joko lomakenäkymässä tai esikatselussa:

Sisältö/Tuoteryhmät > Lomakenäkymä

tai

Sisältö/Tuoteryhmät > Esikatselu

Uudet tuoteryhmät asetetaan aluksi piilotetuksi ja ne voi asettaa näkyviin rastittamalla sen ja painamalla Näkyvyys kuvaketta.

Tuotteiden löytämistä helpottaa kun tuotteet on jaettu kuvaaviin tuoteryhmiin.

Jos tuotteiden määrä tuoteryhmässä kasvaa isoksi, voidaan luoda alatuoteryhmiä. Vain paria

Page 12: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

tuottetta varten ei kuitenkaan kannata tehdä omaa tuoteryhmää.

Tavanomaisen ryhmittelyn lisäksi voidaan tehdä erikoistuoteryhmiä nostoiksi

• Tuotteet brändeittäin

• Uutuudet, suosituimmat, poistuvat, klassikot...

• Sesongeittain muuttuvia: Isänpäivä-, äitienpäivä-, ystävänpäivälahjaksi...

• Miehille, naisille, lapsille, isoille, pienille

Alatuoteryhmien luominenTuoteryhmälle voi luoda alatuoteryhmiä tuoteryhmän Sivut alasivulla.

Tee tuoteryhmäsivusta enemmän kuin pelkkä tuoteluettelo! Kirjoita ytimekäs kuvausteksti tuoteryhmälle parantamaan hakukonenäkyvyyttä. Lisää tuoteryhmälle näyttävä kuva.

Jos on alatuoteryhmiä, nosta pääryhmään näkyviin suosituimpia tuotteita.

”Asettelu” välilehdellä voidaan muokata tuotteiden, alatuoteryhmien ja tekstien järjestystä ja asettelua. Asetukset ovat tuoteryhmäkohtaisia, eli eri tuoteryhmillä voi olla erilaiset asettelut.

InformaatiosivutKauppaan tulee lisätä tuoteryhmien lisäksi erilaisia informaatiosivuja, että asiakkaat saavat riittävät tiedot verkkokaupasta riittävän luottamuksen saamiseksi.

Informaatiosivuja on

• Yhteystiedot

• Toimitusehdot

• Rekisteriseloste

Luo sivuja Sisältö/Tuoteryhmät > Lomakenäkymä -sivulla:

Page 13: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Tilausten käsittelyTilaukset löytyvät Tilaukset > Tilaukset -sivulta. ”Saapuneet” sivu näyttää katsomattomat tilaukset.

Muokkaa tilausta avaamalla tilauksen tiedot

• Statusten muutokset

• Laskun/lähetyslistan tulostus

• Itella/Matkahuolto pakettikortin tulostus

• Maksutapahtuman varmistus

• Mahdollisten muutosten tekeminen tilaukseen

Page 14: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Ulkoasun muokkausTyylikäs ulkoasu antaa luotettavan vaikutelman kaupasta ja yksilöllinen ulkoasu erottautuu massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Fonttien ja linkkien määritykset tulee tehdä keskitetysti ulkoasun muokkauksessa, ei kuvaustekstien muokkauksessa. Tämä mahdollistaa muutosten (esim. fontin tai värin muttaminen) tekemisen kerralla yhdestä paikasta.

Ulkoasua suunniteltaessa helppokäyttöisyys on tyylikkyyttä tärkeämpi asia! Tyylikäs ulkoasu tekee ensivaikutelman, mutta ei ostopäätöstä.

Varmista, että ulkoasu ei ole myynnin esteenä. Joskus ulkoasun suunnittelija voi tehdä tilaamisen entistä vaikeammaksi. Varmista siksi että tuotteet löydettävissä helposti, ”Tilaa” nappi näkyvillä ja infosivut helposti löydettävissä.

Page 15: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Verkkokaupan rakenneUlkoasu koostuu sivupalkeista ja keskialueesta. Sivupalkit pysyvät samanlaisina kaikilla sivuilla. Ulkoasun yksityiskohtaisessa muokkauksessa voi muuttaa näytettävien sivupalkkien määrää.

Sivupalkkeihin voidaan lisätä sivuelementtejä kuten linkkejä, tuoteryhmäluetteloita, kirjautumislaatikoita tai ostoskorilaatikoita. Sivuelementti voi olla myös vapaasti muokattava HTML-laatikko, johon voi lisätä omia tekstejä, kuvia tai linkkejä.

Lue lisää: http://www.vilkas.fi/Tuki/Ulkoasu/Vinkkeja-ulkoasun-suunnitteluun

Uuden ulkoasupohjan luontiLuo uusi ulkoasupohja valitsemalla Ulkoasu > Sivupohjat

Voit valita mieleisesi ulkoasupohjan yli sadan valmiin pohjan valikoimasta ja muokata pohjaa verkkokauppasi näköiseksi valitsemalla sopivat värit ja fontit.

Page 16: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Uusi ulkoasu tulee näkyviin luotujen ulkoasujen luetteloon Ulkoasut > Ulkoasut -sivulle. Voit muokata pohjaa taustalla tai ottaa sen heti käyttöön kaupassasi painamalla Ota käyttöön nyt -nappia.

Ulkoasun pikamuokkauksessa voit määrittää värisävyt ladata taustakuvia.

Tarkempaa muokkausta varten avaa Ulkoasun yksityiskohtainen muokkaus.

Page 17: Verkkokaupan perustaminen PIKAOPAS - vilkas.fi...massasta. Verkkokaupan ulkoasu on täysin riippumaton sisällöstä, eli ulkoasupohjan voi muuttaa uudeksi sisällön muuttumatta.

Oman Java Script / CSS-koodin lisäys

Verkkokaupan ulkoasua voidaan laajentaa omalla HTML-, CSS- ja JavaScript -koodilla, esim:

• Slideshow-toiminnot

• ”Ylimääräisen” sisällön piilotus

• Elementtien koon muuttaminen

• Elementtien uudelleen asemointi

Asetukset > Yleiset asetukset > Lisäasetukset

Lisää omia css/Java Script -koodeja sivujen <head> osioon. Huomaa, että virheellinen koodi voi muuttaa tai rikkoa kaupan toimintoja. Muista siis testata kaikkien koodien lisäysten jälkeen kaupan toiminnot.

Lue lisää: http://www.vilkas.fi/Tuki/Ulkoasu/Ulkoasun-muokkaus-CSS-koodilla

www.vilkas.f

www.myyverkossa.f - facebook.com/vilkasgroup - twitter.com/vilkasgroup