Tässä ohjeessa käymme vaihe vaiheelta läpi, kuinka lisäät uuden tuotteen WooCommerce-verkkokauppaasi. Ohje sisältää perustuotteen ja variaatiotuotteen lisäämisen.

Huom! Ennen kuin hyökkäät suoraan tuotteen lisäämisen kimppuun, suunnittele ensin tuoteosastorakenne kauppaasi huolella. Täältä pääset lukemaan lisää tuoteosastojen lisäämisestä ja muokkaamisesta (tulossa). Tämä ohje olettaa, että olet jo lisännyt kauppaan lopullisen osastorakenteen perustuen myytäviin tuotteisiisi. Voit kuitenkin lisätä uusia osastoja myös lennosta, mutta suositeltavampaa on käyttää suunnitelmallista lähestymistapaa, jotta vältytään sekavalta verkkokauppakokemukselta sekä verkkokauppiaan että lopullisen asiakkaan kannalta.

Navigoi kohtaan ”Tuotteet” → ”Lisää uusi” #

Muut saatavilla olevat tuotetyypit #

Perustuotteen ja muunnelmatuotteen lisäksi WooCommerce tarjoaa joukkotuotteen, digitaalisen/virtuaalisen tuotteen ja ulkopuolisen tuotteen, kuten kuvassa C.

Joukkotuote #

Joukkotuote tarkoittaa esim. päätason tuotepakettia (,jota ei itsessään voi ostaa), mutta jonne linkataan yksittäiset jo kauppaan lisätyt tuotteet. Näin syntyy siis joukkotuote.

Digitaalinen eli virtuaalinen tuote #

Digitaalinen tuote taas on tuotetyyppi, joka ei ole fyysinen eikä se tarvitse fyysistä toimitusta. Tällaisia tuotteita ovat esim. digitaaliset palvelut, kuten verkokkurssit, ladattavat PDF-tiedostot ja kirjat tai videot.

Ulkopuoliset eli affiliatetuotteet #

Lisäksi WooCommerce tarjoaa ulkopuoliset tuotteet eli ns. affiliatetuotteet, joita joku verkkokaupan ulkoinen sivusto tai kumppani myy. Tämä mahdollistaa affiliatetuotteiden myynnin esim. siten, että lisäät kumppanisi verkkokaupan tuotteet kauppaan, mutta itse tuotepainike vie sitten eri verkkokauppaan ja saat vinkkaamalla asiakkaita komission tapahtuneista myynneistä heidän verkkokaupassaan tai sivustollaan.

Tuotteiden tuonti verkkokauppaan #

Jos sinä tai yhteistyökumppanisi myytte tuotteita jo eri verkkokaupoissa tai teiltä löytyy valmiina kaikki tuotetiedot uuteen tai olemassa olevaan WooCommerce-verkkokauppaan tulevista myytävistä tuotteista, järjestelmä mahdollistaa tuotteiden tuonnin myös CSV-tiedostona. Kun tuotteita tuodaan tällä tavalla massana, on tärkeää tarkistaa tuotteiden oikeat osastoinnit esim. ylä- ja alatason osastoihin erityistesti jos tuotteita tuodaan eri valmistajien järjestelmistä, jolloin tiedot voivat olla aluksi eri formaateissa. Tuotteiden tuontiin kannattaakin käyttää WP All Import -lisäosaa WooCommerce-liitännäisineen, jotta prosessi sujuu tuonnin osalta sujuvasti. Täältä löydät tarkemmat tuotteiden tuontiohjeet CSV-tiedoston avulla.

Jos taas tuotteet ovat jo valmiina toisessa WooCommerce-verkkokaupassa, tuotteet voi helposti viedä vanhasta verkkokaupasta uuteen WooCommercen omalla vienti- ja tuontityökalulla, joka ei vaadi ylimääräisten lisäosien asentamista. Tuotetietoja on myös mahdollista päivittää massana viemällä ensin tuotteet ulos kaupasta ja tuomalla ne sitten takaisin kauppaan päivitysajona. Yhtä lailla uudet tuotteet voi viedä jo olemassa olevaan kauppaan tuomalla ne CSV-tiedostona.

Tuotteiden lisääminen ja muokkaaminen onnistuu helposti myös WooCommercessa itsessään. Tämä ohjeistetaan seuraavissa kohdissa tarkemmin.

Lisää tuotteen perustiedot #

Kun on ensin valittu ylempänä kohdassa 1 näkyvistä A ”Lisää uusi tuote” tai B fyysinen tuote, päästään varsinaiseen tuotteen lisäys- tai muokkausnäkymään D. Tässä näkymässä voit myös myöhemmin tehdä muutoksia ja päivittää aiemmin syöttämiäsi tuotetietoja. Harmaana näkyvään ”Tuotenimi”-kohtaan syötetään tuotteen nimi.

Valinnainen WooCommercen tutoriaali tuotteiden lisäämiseksi #

Uusin WooCommerceversio tarjoaa nykyään myös valinnaisen tutoriaalin tuotteen lisäämiseksi (jonka voi sulkea halutessaan rastista oikeassa ”Tuotenimi”-otsikoidun pikkuruudun yläkulmassa) ja ohjeistaa eri vaiheet (kuvakaappauksessa D tuotteen nimen alla esitellään vaihe 1/8) verkkokauppiaalle. Voit lisätä tuotteen halutessasi tämän ohjeen lisäksi näytöllä näkyvän WooCommercen tarjoaman tutoriaalin avulla syöttämällä kunkin vaiheen ohjeistamat tuotetiedot ja pääset sitten eteenpäin klikkaamalla sinistä ”Seuraava”-painiketta. Tämä on kuitenkin täysin valinnaista.

Huom! Osa WooCommercen ohjeista saattaa olla myös englanniksi johtuen puutteellisista käännöksistä. Lisäksi ohjeistuksessa pyydetään lisäämään tuotekuvat JPG- tai PNG-muodossa, mutta suosittelemme käyttämään näiden sijaan modernia WEBP-tiedostomuotoa, joka pakkaa kuvista huomattavasti pienemmät jo lähtökohtaisesti.

Lisää Tuotteen nimi #

Lisää aivan ensimmäiseksi näkymän E mukaisesti tuotteen nimi sillä merkattuun kenttään. Esimerkkinä käytetään tässä tapauksessa tuotetta ”Tummapaahtoinen kahvi 250g”. Kirjoita ensin teksti ”Tuotenimi”-kenttään ja klikkaa sen jälkeen hiirellä johonkin muualle esim. ympyrällä merkittyyn kohtaan. WooCommerce luo hetken kuluttua automaattisesti nimeen perustuen URL-osoitteen tuotteelle ja asettaa sen tilan luonnokseksi. Pystyt nyt URL-osoitetta klikkaamalla katsomaan tuoteluonnosta. Suosittelemme, että klikkaat linkkiä hiiren oikealla painikkeella ja avaat luonnoksen uuteen verkkoselaimen välilehteen. Näin voit päivittää luonnosnäkymää toisessa välilehdessä sillä aikaa kun teet vielä muutoksia itse tuotteen tietoihin.

Huom! Mikäli samaa kahvituotetta olisi saatavilla useaa eri kokoa esim. 250g, 500g ja vaikkapa 750g, tällöin olisi järkevämpää antaa tuotteelle nimeksi vain ”Tummapaahtoinen kahvi” ja valita alempana näkyvän ”Tuotetiedot”-kohdan oikealta puolelta pudotusvalikosta ”Perustuote”-valinnan sijaan ”Muunnelmatuote”. Muunnelmatuotteen lisäämisestä voit lukea tarkemmin alempaa täältä.

Lisää lyhyt tuotekuvaus #

Tämä näkyy itse verkkokaupassa asiakkaalle oletuksena Lisää ostoskoriin painikkeen yläpuolella.

Näkymässä F kannattaa valita sekä lyhyelle tuotekuvaukselle että (pitkälle) tuotekuvaukselle kuvassa ylempänä ”Graafinen” muokkaustilaksi ”Koodi”-näkymän sijasta. Tällöin pystyt lisäämään kenttään tekstiä samaan tapaan kuin Wordissä ja muokkaamaan lyhyttä tuotekuvausta vapaasti. ”Lyhyt tuotekuvaus”, ”Tuotetieodot” ja muut vastaavat näkymät tuotteen muokkausivulla (,jolla olet parhaillaan) ovat liikuteltavia eri paikkoihin. Jokaisen alueen oikeassa yläkulmassa on kaksi pientä nuolta (,kuten näkymässä F ”Lyhyt tuotekuvaus”-alueen oikeassa yläkulmassa). Näiden avulla voit liikuttaa alueita ylös ja alas. Esim. lyhyt tuotekuvaus voi olla järkevämpää siirtää ylemmäs jos lisäät aina myyvän tuotetekstin lyhyeen tuotekuvaukseen ennen ”Tuotetiedot”-näkymään tulevia tietoja. Liikuttamisen jälkeen et välttämättä saa aluetta aktiiviseksi klikkaamalla hiirellä vaan sinun pitää tallentaa tuoteluonnos välissä.

Lisää tuotekuvaus (pitkä tuotekuvaus, valinnainen) #

Putkä tuotekuvaus näkyy tuotesivulla/tuotekortilla alempana oletuksena. Voit halutessasi täydentää ”Tuotekuvaus”-alueelle pitkän tuotekuvauksen, kuten esimerkissä kuvassa H, mutta voit jättää kentän myös tyhjäksi. On kuitenkin järkevää tarjota verkkokaupan käyttäjälle tai potentiaaliselle ostajalle mahdollisimman paljon olennaista tietoa, joka voi helpottaa ostopäätöstä ja parantaa tuotteiden hakukonenäkyvyyttä pitkällä tähtäimellä. Huom! on täysin verkkokauppiaasta myös kiinni, minkä verran tietoa halutaan esittää ”Lyhyt tuotekuvaus”-näkymässä ”Tuotekuvaus”-näkymän sijaan. Joskus halutaan esittää kaikki tuotetiedot vain suoraan ”Lyhyt tuotekuvaus”-kentän kautta ennen lisää ostoskoriin -painiketta verkkokaupan tuotenäkymässä loppukäyttäjälle/asiakkaalle.

Määritä tuotetyyppi ja tuotteen perustiedot #

Tuotetiedot-paneelissa (alempana tuotteen muokkaussivulla):

Valitse pudotusvalikosta jompi kumpi:

• Perustuote (alempana ”A. Perustuote”-kohta)
• Muunnelmatuote (variaatiotuote, jolla on esim. useita eri koko- tai värivaihtoehtoja) (alempana ”B. Muunnelmatuote”-kohta

A. Perustuote #

Lisää tuotetietoihin verollinen (veron sisältävä) hinta (Normaali hinta (€) ”Tuotetiedot”-näkymässä J): esim. 9,90 ilman euromerkkiä. Hinta on periaateessa minimitieto, jonka avulla saat tuotteen näkymään verkkokaupassa. Huom! Ilman hintaa tuote ei tule näkyviin lainkaan.

Alennuksen lisääminen tuotteelle. #

Lisää halutessasi tarjoushinta (Alennettu hinta (€)) (valinnainen) kohtaan vaikkapa 5,90 euroa ilman euromerkkiä. Mikäli tuotteelle ei valita erikseen alennetun hinnan voimassaoloaikaa, alehinta on voimassa tuotteella niin kauan, kunnes käyt tyhjentämässä kentän tai vaihdat tilalle uuden alennushinnan.

Mikäli asetit alehinnan, voit valinnaisesti asettaa ”Aikataulu”-linkkiä klikkaamalla (näkymä J) ja sitten valitsemalla halutun alen alkamis- ja päättymisajan kohdan ”Tarjous voimassa, pvm”-kohdan oikealta puolelta näkyviin tulleita päivämääräkenttiä klikkaamalla (näkymä K). Avautuvasta kalenterista valitset halutun päivän joko tältä kuukaudelta tai tulevalta kuukaudelta navigoimalla kuukauden oikealla (ja vasemmalla puolella) olevista nuolista eri kuukausien välillä. Valitsin esimerkissä alen alkamaan heti tältä päivältä 25.7.2025. Ikävä kyllä alkamis- ja päättymisajan voi asettaa vain päivämäärätasolla eli esim. kellon aikaa ei ole mahdollista asettaa tai valita.

Valitse sitten vain kalenterinäkymästä (näkymä L) halutut päivät, kuten vaikkapa hotelliajanvarauksessa. Näät alennuksen tarkan alkamis- ja päättymisajankohdan viemällä hiiren pienen kysymysmerkki-ikonin päälle.

Verotusasetukset tuotekohtaisesti #

”Tuotteen veron tila”-kohdan oikealta puolelta aukeavasta pudotusvalikosta (näkymä M) voit halutessasi valita jonkin muun kuin ”Verotettava”-tilan. Lähtökohtaisesti tuotteiden sekä toimituksen tulee kummankin olla verotettavia esim. Suomessa, joten tähän ei juuri koskaan valita muita tiloja kuin ”Verotettava”. Ei mitään tarkoittaa, että tuotetta ei veroteta lainkaan. Tähän kohtaan ei siis tarvitse tehdä muutoksia.

Joskus verkkokaupoissa on tuotteita, joita myydään eri arvonlisäverokannoilla. Tällöin kaupassa voi olla esim. elintarviketuotteita 14% arvonlisäverokannalla (vuonna 2025) ja kaikilla muilla tuotteilla on 25,5 prosentin arvonlisäverokanta (”Perusvero”-valinnan arvonlisäveroprosentti, joka on luotu aiemmin WooCommercen veroasetuksissa). Tuotteelle on siis aina järkevää asettaa veroluokka.

Tuote-esimerkissä myydään kahvia, joka on elintarvike eli periaatteessa pudotusvalikosta tulisi valita ”ALV 14%”-verokanta, mutta oletetaan tämän kaupan myyvän ainoastaan tavallisempia 25,5 prosentin tuotteita eli tällöin säilytetään valinta ”Perusvero” eli ei tehdä pudotusvalikon valintaan muutoksia (näkymässä N). Nämä verkkokauppiaan tulee kuitenkin aina asettaa tuotekohtaisesti sen mukaan, minkä arvonlisäverokannan tuotteita kulloinkin myydään.

Varaston hallinta #

Ennen kuin tehdään mitään muutoksia ”Varasto”-näkymään (kuva O), verkkokauppiaan tulee tietää ja päättää, myydäänkö tuotetta myös fyysisessä kaupassa, muissa (verkko)kaupoissa tai esim. kansainvälisesti oman varaston lisäksi. Mikäli ei, niin riittää, että täytetään vain ”Tuotenumero”-kenttään uniikki tuotteen tunnistava numerosarja (jossa voi olla myös väliviivoja). Tätä käytetään esim. tuotteiden helppoon tunnistamiseen jos tuotteita on paljon sekä tuotevienneissä ja -tuonneissa sekä mahdollisissa päivitysajoissa.

Myytkö tuotteita fyysisessä liikkeessä, muualla tai kansainvälisesti? #

Mikäli tuotetta kuitenkin myydään fyysiessä kaupassa, muualla tai kansainvälisesti, tulisi ”GTIN, UPC, EAN, or ISBN” -kenttään lisätä esim. European Article Number (EAN tai tuttavallisemmin ”enari”) (,joka on osa GS1 (Global Standards 1) -järjestelmää) kansainvälinen 13-numeroinen viivakoodinumero. Esimerkkiin (näkymä O) on lisätty 4006381333931, jossa alun 400 on maakoodi ja tarkoittaa Saksaa, 63813339 valmistajan ja tuotteen koodi sekä lopun tarkistusnumero 31, joka lasketaan automaattisesti muiden numeroiden perusteella. Voit hakea tuotteillesi GS1-yritystunnistetta ja koodeja GS1 Finlandilta: https://gs1.fi/fi/viivakoodit/nain-saat-tuotteellesi-viivakoodin.

Tuleeko verkkokauppaasi varaston hallinta vai ei? #

Lisäksi toinen perustavanlaatuinen kysymys verkkokauppiaalle on heti alkuun ennen yhdenkään tuotteen lisäämistä, onko kaikkien tuotteiden varastotilanne sellainen, että tuotteet ovat aina vain ”Varastossa” eli varsinaista varaston hallintaa ei ole.

Varaston hallinta tarkoittaa siis sitä, että tuotteelle on asetettu esim. oikea varastomäärä, vaikkapa 5 kappaletta (,kuten asetettu esimerkkinä ”Määrä”-kohdan oikealla puolella näkymässä P) ja aina asiakkaan tekemän tilauksen jälkeen määrä vähenee tilaukseen määritetyllä kappalemäärällä. Tässä tapauksessa esim. asiakas voisi ostaa 2 kappaletta kahvipaketteja, jolloin niitä olisi enää 3 jäljellä. Silloin kun varaston hallinta on käytössä, WooCommerce osaa automaattisesti päivittää arvon kolmeen.

WooCommercen yleisissä asetuksissa verkkokauppias voi myös asettaa tuotteelle ”varasto vähissä” kappalemäärän, josta hän saa tuotekohtaisesti ilmoituksen jos vaikkapa vain 2 kappaletta kahvipakettaja on jäljellä (kuvassa esim. Store-wide threshold(5) eli kun tuotteen varasto laskee vaikka 8 kappaleesta 5 kappaleeseen, WooCommerce lähettää verkkokauppiaalle ilmoituksen sähköpostitse). Tällöin verkkokauppiaan tulisi tilata näin halutessaan lisää tuotetta fyysiseen varastoon.

Lisää siis kyseiselle tuotteelle varastosaldon kappalemäärä numerona ”Määrä”-kohtaan (jos varaston hallinta on käytössä).

”Hyväksy jälkitoimitukset?”-kohdan oikealla puolella on valittavissa ”Ei hyväksytä”-radiopainikevalinnan lisäksi ”Hyväksy ja ilmoita asiakkaalle”, jolloin asiakas saa kaupassa tiedon siitä, että tuote toimitetaan jälkitoimituksessa myöhemmin, koska varastossa ei ole tuotteita. Jos valitaan pelkkä ”Hyväksy” niin asiakas ei saa tietoa siitä, että tuotetta ei ole varastossa vaan asiakkalle näyttää ikään kuin tuotetta olisi normaalisti varastossa kun hän on asioimassa verkkokaupassa tuotenäkymässä.

Mikäli tuotteille ei tule varaston hallintaa #

Mikäli tuotteille ei erikseen tule varaston hallintaa, ”Varastotilanne”-kohdan oikealla puolella olevaan radiopainike-valintaan, joka on ”Varastossa”-tilassa, ei tarvitse tehdä muutoksia (, kuten kuvassa O).

Mikäli tuotetta ei jostain syystä ole varastossa, esim. jos tuote on myyty muuta kautta loppuun tai jos halutaan vain merkata, että tuotetta ei juuri nyt ole varastossa, mutta ehkä taas vaikkapa puolen vuoden päästä on ja tuote halutaan näyttää asiakkaille (vaikkei sitä voi ostaa), niin tällöin varastotilanteeksi voi asettaa ”Varasto loppu” -valinnan. Eli tällöin tuotetta ei voi siis ostaa verkkokaupasta.

Mikäli taas halutaan, että vaikkei tuotetta juuri nyt ole varastossa, mutta tuotteita voi silti tilata verkkokaupasta. Tulee varastotilanteeksi asettaa jälkitoimituksessa. Tällöin potentiaalisia asiakkaita tulee informoida tuotekortilla, kuinka kauan toimitus todennäköisesti tulisi kestämään varaston ollessa juuri nyt loppu.

Onko myytävä tuote ainutlaatuinen, esim. taide- tai käsityötuote? #

Mikäli myytävä tuote on sellainen, että sitä on mahdollista ostaa vain yksi kappale, on järkevää ruksata valintaruutu ”Myydään yksittäin”-kohdan oikealla puolella (Rajoita myynti 1 tuotteeseen per tilaus). Yleensä tämä kohta jätetään kuitenkin valitsematta.

Tuotteen pakolliset toimitustiedot (paino ja mitat) #

Lisää tuotteelle toimitustiedot eli paino kilogrammoina ja mitat senttimetreinä (pituus, leveys ja korkeus) (sekä harvoissa tapauksissa mahdolliset toimitusluokat) tuotteen toimituskulujen laskemista varten (kuvan P mukaisesti). Suosittelemme Shipit.fi-palvelua toimitukseen, koska maksat palvelusta pientä kuukausimaksua ja sen lisäksi ainoastaan toimituksista per toimitus -pohjaisesti. Eli jos tilauksia ei tule, maksat vain kuukausimaksun Shipitille.

Toimitusluokkia voidaan käyttää esim. toimituksen hinnoittelussa siten, että jotkin tietyn tuoteryhmän tuotteet esim. vaativat poikkeavan toimituksen ja/tai hinnan toimitukselle kuin muut. Tällöin WooCommercen asetuksista voi käydä luomassa ensin haluamansa nimisen toimitusluokan ja sitten käydä asettamassa sen kyseisille tuotteille. Lopuksi Shipitin tai muun toimituslisäosan asetuksista pitää käydä luomassa halutut toimitussäännnöt, jotta saadaan toivotut hinnat näille tuotteille.

Tariffikoodi, kuvaus tullille, alkuperämaan valinta pudotusvalikosta ja LQ paino (kg) ovat kohtia, jotka tulee täyttää vain jos tuotteita myydään kansvainvälisesti eli ne voi jättää tyhjäksi.

Liitetyt tuotteet (valinnainen) #

”Liitetyt tuotteet” -näkymässä Q ”Parempi tuote” tarkoittaa tuotetta, jolla on vaikkapa paremmat ominaisuudet esim. kalliimpi kahvi, joka esitetään tuotenäkymässä pidemmän kuvauksen (mikäli lisätty) jälkeen alempana ”Saatat pitää myös näistä”-otsikon alla verkkokaupan tuotekortilla ja niitä voi olla useampi kappale.

Vastaavasti ”Lisätuote” toimii siten, että voit valita tähän yhden tai useamman lisätuotteen, joka esitetään ostoskorissa ”Saatat olla kiinnostunut myös näistä” otsikon alla, kun tämä muokattavana oleva tuote on lisätty käyttäjän toimesta ostoskoriin. Lisätäksesi tuotteita kenttään, sinun pitää klikata hiirellä kenttä ensin aktiiviseksi. Jos siellä on jo tuote lisättynä, klikkaa sen oikealle puolelle, jolloin näkyviin tulee ”Kirjoita 3 tai useampi merkki”. Nyt sinun on alettava kirjoittaa 3 ensimmäistä merkkiä jonkin tuotteen nimestä, jonka olet jo aiemmin lisännyt verkkokauppaan.

Valitse sitten alas ilmestyvästä listasta haluamasi tuote, minkä jälkeen se ilmestyy vastaavasti kuin Esimerkkituote 3 näkyviin kentän listaukseen. Tuotteita voi poistaa liastauksesta klikkaamalla tuotteen vasemmalla puolella näkyvää rastia.

Ominaisuudet (tuotehaun kannalta tärkeä, periaatteessa kuitenkin valinnainen perustuotteissa) #

”Ominaisuudet”-näkymässä S voit lisätä tuotteille ominaisuuksia, kuten Paino tai Väri (huom. kirjoitettu isolla, koska tulevat järkevästi tällöin näkyviin verkkokaupassa). ”Arvo(t)”-kohtaan tulee ominaisuuden arvo, kuten esim. 250g tai ruskea jos ominaisuutena oli väri.

”Näkyy tuotesivulla”-valinta on perustuotteissa valinnainen, mutta kun se on täpättynä, se näytetään myös tuotetiedoissa verkkokaupassa ”Lisätiedot”-täbissä tuotekortilla. Tässä esimerkkituotteessa Näkyy tuotesivulla on esimerkiksi järkevä jättää valitsematta, koska tuotteelle on jo syötetty paino ja mitat ja ne näkyvät jo tässä samassa kohdassa eli paino tulisi vain turhaan näkyviin. Painon arvoa 250g voi kuitenkin ominaisuuksien ”Tallenna ominaisuudet”-painikkeesta tallentamisen jälkeen käyttää tuotehaussa mikäli halutaan löytää useita tuotteita, joissa on tuo 250g paino tai halutaan suodattaa arvoja listasta, jossa on useita arvoja ja esittää suodatinarvoilla tätä kautta löydetyt tietynpainoiset tuotteet.

Kun olet tallentanut ominaisuudet ja klikannut ”Lisää uusi”-painiketta, pystyt halutessasi lisäämään uusia ominaisuuksia aiemmin lisättyjen lisäksi. Uuden ominaisuuden lisäysperiaate on tämän jälkeen sama kuin aiemmin. Voit avata aiemmin lisätyn ominaisuuden oikealta näkyvästä pikkunuolesta, jolloin pääset muokkaamaan kyseisen ominaisuuden tietoja. Tai sitten voit poistaa ominaisuuden klikkaamalla kyseisen ominaisuuden oikealta puolelta punaisella ”Poista”.

Mikäi olit lisännyt kauppaasi jo ennen tuotteiden lisäämistä valmiit ominaisuudet WordPressin ohjausnäkymästä vasemmalta tummalta pohjalta Tuotteet ja sen alta Ominaisuudet ja lisännyt ominaisuudet valmiine arvoineen, tällöin pystyt ”Lisää uusi”-painikkeen oikealta puolelta (kuvassa T) valitsemalla ”Lisää olemassa oleva” ja aktivoimalla pudotusvalikon. Sitten vain valitset aiemmin lisätyn ominaisuuden ja lisäät sen arvoineen oikealla näkyvään listaan, jolloin se ilmestyy siihen samaan tapaan kuin manuaalisesti lisäämäsi. Tämä on järkevää jos kaupassa on useita tuotteita, joilla on täsmälleen samat ominaisuudet ja helpottaa esim. muunnelmatuotteiden luomista WooCommercen puolella. Tuotteet voi toki lisätä myös tuomalla CSV-tiedostosta.

Muunnelmatuotteissa Väri-ominaisuudelle voi tulla useampi arvo, koska samasta tuotteesta on tavallaan monta eri versiota esim. erivärinen tuote. Tällöin arvot tulee erotella pystyviivamerkillä, joka löytyy todennäköisesti läheltä vasenta shift- ja control-näppäintä näppäimistöstäsi. Valitse CTRL + ALT ja < näppäin yhtä aikaa, niin saat kirjoitettua | -merkin. Esimerkki väriarvoista voisi olla vaikkapa Musta|Sininen|Punainen tai jos puhutaan ”Koko”-ominaisuudesta XS|S|M|L|XL.

Edistyneet valinnat tuotteelle (valinnainen) #

”Edistyneet”-näkymässä U voit halutessasi asettaa ”Viesti ostajalle”-kenttään viestin, mikäli jostain syystä haluat lähettää tuotteen ostaneelle asiakkalle viestin koskien tätä tuotetta. Joskus tässä voidaan esittää esim. lyhyitä lisäohjeita tuotteen käyttöön liittyen, mikäli niitä ei oltu esitetty jo tuotekuvauksissa.

”Esitysjärjestys”-kentän arvolla voidaan vaikuttaa tuotteiden esittämiseen kaupassa. Nolla on pienin arvo ja siitä mennään sitten numero kerrallaan ylöspäin eli tuote, jolle on 0 esitetään ensimmäisenä kaupan tuotelistauksissa, mutta vain jos kaikille muillekin tuotteille on asetettu esitysjärjestys. Eli jos ehdottomasti haluat jonkin tuotteen toiseksi, sille tulisi lisätä numero 1, kolmannelle 2 jne. Tätä emme välttämättä suosittele, koska se tuottaa lähinnä turhaa lisätyötä yleensä kauppiaalle.

”Ota käyttöön tuotearviot”-valintaruudun voi täpätä valituksi, mikäli asiakkaiden tuotearviot halutaan käyttöön tai jättää valitsematta jos tämä ei tule käyttöön. WooCommercen yleisistä asetuksista voi asettaa tuotteille globaalisti (eli kaikille tuotteille oletuksena) arvostelut päälle tai pois päältä. Mikäli sieltä on asetettuna vaikkapa päällä, niin tällöin näitä ei erikseen tarvitse tuotetasolla käydä ottamassa pois paitsi jos tietylle tuotteille ei haluta lainkaan arvostelumahdollisuutta käyttöön.

Tuotekuvan tai kuvien lisääminen #

Pääset lisäämään tuotekuvan kohdasta ”Aseta tuotekuva” näkymässä V. Tuotteella tulisi olla vähintään yksi kuva, joka asetetaan sen päätuotekuvaksi. Ota ensin tuotekuvat hyvässä valossa ja ammattimaisesti (kunnon kameralla tai erittäin laadukkaalla puhelimen kameralla). Huomioithan kuvasuhteen 1:1 jo tässä vaiheessa. Leikkaa ja muokkaa sitten kuvat kuvankäsittelyohjelmassa (esim. Adobe PhotoShop) kokoon 800px x 800px, resoluutiolla 72 ppi ja tallenna ne sitten WEBP-muodossa suositettuun maksimitiedostokokoon 100 kt tai alle. Ei kuitenkaan ole maailmanloppu jos kuvien koko lähestyy yksittäisissä kuvissa 200kt. Tämän yli ei kuitenkaan tulisi mennä. Mikäli olit jo aiemmin lisännyt kuvat WordPressin mediakirjastoon, voit myös käyttää jo ladattuja kuvia.

Kun päätuotekuva ja lisäkuva on ladattu ja valittu oikeisiin kohtiin, lopputuloksen pitäisi näyttää, kuten näkymässä W. Kuvat on otettu osoitteista https://paulig.com/fi/tuotteet/paulig-cafe-napoli-kahvi-espressojauhatus-250g-a-18253 ja https://www.k-ruoka.fi/kilpailut/paulig-napoli-arvonta, minkä jälkeen ne on muokattu 800px x 800px kokoon.

Tuotteen osastojen valinta #

Seuraavaksi tulisi asettaa tuotteelle osastot, kuten esimerkkinäkymässä X. Tuoteosastot kannattaa olla luotuna etukäteen, ettei niitä tarvitse lisätä enää tässä vaiheessa manuaalisesti. Tuottelle voi kuitenkin lisätä klikkaamalla ”+ Lisää uusi osasto”-valintaa ja kirjoittamalla sitten uuden tuoteosaston nimen sekä tarvittaessa valitsemalla sille yläosaston, johon kyseinen osasto kuuluu.

Esimerkissä (kuva X) tuote kuuluu Esimerkkiosastolle 1, mutta se kuuluu lisäksi sen Alaosastolle Esimerkkialaosasto 1. Siksi tuote pitää merkata molempiin osastoihin. Pääosastoksi, jota käytetään murupoluissa esim. Etusivu > Verkkokauppa > Esimerkkiosasto 1, on merkattu Esimerkkiosasto 1. Samalla periaatteella kahvipaketti voisi olla merkattu päätuoteosastoon Kahvit ja sen alaosastoon eli Kahvit > Tummat kahvit, jotta se löytyy kun suodatetaan kummalla tahansa verkkokaupan käyttäjän tuoteosastovalinnalla. Tuote voi lisäksi kuulua esim. Outlet-osastoon tai muihin verkkokauppiaan määrittämiin osastoihin.

Avainsanojen lisääminen tuotteelle (valinnainen) #

Tuotteelle voi halutessaan lisätä avainsanoja, joiden avulla tuotteet saattavat löytyä helpommin, niitä voi ryhmitellä (esim. mainoskampanjoita varten) ja potentiaalisesti saada hakukoneoptimointihyötyä myös tuotehakuihin liitännäisten termien lisäämisen kautta. Esimerkissä näkymässä Y on lisätty tumma paahto, vahva maku esimerkiksi avainsanoiksi kyseiselle tuotteelle. Mikäli samoja avainsanoja tulee käytettyä usein, niin voit valita myös ”eniten käytetyistä avaisanoista” avainsanan tai -sanat kyseiselle tuotteelle. Avainsanojen lisäämisessäkin kannattaa ehkä miettiä omaa liiketoimintaa kokonaisvaltaisesti sekä käyttäjien potentiaalisten hakujen kannalta, millaisia avaisanoja tuotteille lisää jos mitään.

Brändien eli tuotemerkkien lisääminen tuotteelle (valinnainen) #

Tuotteen ”Brands”-näkymästä voit lisätä tuottelle tuotemerkin tai merkkejä. Yleensä tuote kuuluu vain yhteen brändiin, kuten tässä tapauskessa Pauligille. Klikkaa ”+ Lisää uusi tuotemerkki”, kirjoita brändin nimi (ja valitse mahdollinen ylätason brändi) ja klikkaa lopuksi ”Lisää uusi tuotemerkki”-painiketta. Lisättyäsi tuotemerkin, sen oikealle puolelle tulee vastaava valinnainen pääbrändivalinta kuin pääosastovalinnassa.

Tuotteen hakukoneoptimointi #

WooCommerce-tuotteen muokkausnäkymässä tuotetietojen alla Rank Math SEO -lisäosan General-täbillä (Yleinen) näkymässä AA näkyy tämänhetkinen hakukonetuloksen esikatselu (preview). Esikatselusta näkee, miltä tuote näyttäisi Googlessa käyttäjälle. Esikatselu on muodostettu automaattisesti nykyisten tuotetietojen perusteella. Itse tuotteen tietoja voi ja kannattaakin optimoida myös, jotta mahdollisesti muokkaamasi tuotteen metaotsikko ja -kuvaus täsmäisivät myös paremmin itse sisältöön.

Hakukonetuloksen muokkaaminen houkuttelevammaksi, esim. metatotsikon ja -kuvauksen editointi, tukee tuotteen löydettävyyttä. Esimerkiksi nykyinen metaotsikko (Google-hakutuloksen otsikko) ”Tummapaahtoinen kahvi 250g – WooCommerce” voitaisiin muotoilla paremmin näin: ”Tummapaahtoinen kahvi 250g – Aromikas erikoiskahvi verkkokaupasta X”, jotta se sisältää pääavainsanan (focus keyword, joka tulee olla kirjoitettu sille kuuluvaan kenttään – maksuton Rank Math tarjoaa vain yhden pääavainsanan lisäämisen) ”tummapaahtoinen kahvi” ja toisaalta tunteita herättävän adjektiivin ”aromikas” tai ”täyteläinen”. Loppuun kannattaa lisätä brändi tai verkkokaupan nimi. Tuotteen metaotsikon. Hakukoneotsikko (metaotsikko) on rajoitettu 60 merkkiin. Mikäli kirjoittamasi metaotsikko ylittää tämän, hakukoneotsikko katkeaa eikä teksti näy Googlessa hakukoneen käyttäjälle.

Metakuvaus (hakukonetuloksen kuvaus): ”Aromikas ja täyteläinen tummapaahtoinen kahvi vaativaan makuun. Valmistettu huolella valikoiduista pavuista – täydellinen aamun ensimmäiseen kuppiin tai…” näyttää, miten liian pitkä teksti katkeaa eli siihen tulevat näkyviin loppuun kolme pistettä indikoiden tekstin jatkumisesta. Tämä ei kuitenkaan välttämättä näytä hyvältä Googlen käyttäjälle vaan siitä tulisi muodostaa kokonaisuutena houkuttelevampi ilman katkeamisia ja sen tulisi myös sisältää mahdollisimman alussa pääavainsana (focus keyword). Parempi metakuvaus voisi olla esimerkiksi: ”Aromikas ja täyteläinen tummapaahtoinen kahvi 250g. Valmistettu huolella valikoiduista pavuista – täydellinen aamun ensimmäiseen kuppiin.” Metakuvauksen suositeltu pituus on 150-160 merkkiä.

Tuotteen pääavainsanan, metaotsikon ja metakuvauksen lisääminen #

Ennen kuin tehdään muutoksia tuotteen metaostikkoon tai -kuvaukseen tai molempiin, on hyvä määrittää tuotteelle pääavainsana (focus keyword) tuotteen hakukonetuloksen esikatselun alla näkymässä AB. Kirjoita kenttään sellainen avainsana, jolla käyttäjät oikeasti hakisivat kyseistä tuotetta ja paina sen jälkeen enteriä. Nyt pääavainsanan pitäisi näkyä soikiomaisen muodon sisällä ja ylempään hakukonetuloksen esikatseluun tulevat näkyviin kyseisen avainsanan sisältävät kohdat tuotteen URL-osoitteessa (tummapaahtoinen-kahvi), metaotsikossa (Tummapaahtoinen kahvi) ja metakuvauksessa (tummapaahtoinen kahvi). Avainsanan sisällyttämisen osalta asiat on siis tehty oikein. On kuitenkin järkevää vielä muokata metaotsikko ja -kuvaus houkuttelevampaan/klikattavampaan muotoon.

Tuotteen metaotsikkoa ja kuvausta pääsee muokkaamaan näkymästä AA joko klikkamalla hakukonetuloksen esikatselua tai sitten sen alla näkyvää ”Edit snippet”-painiketta.

Klikattuasi muokkausnäkymän auki, näkyviin tulee hakukonetuloksen esikatselusnippetin muokkain (näkymä AC). Title-kohdassa näkyy oletuksena tällä hetkellä kolme muuttujaa (variable): %title%, %sep% ja %sitename%. Otsikkomuuttuja %title% hakee nykyisen hakukoneotsikon suoraan WooCommerceen syötetystä tuotteen nimestä. Välimerkkimuuttuja %sep% muodostaa Rank Mathin asetuksiin määritetyn välimerkin otsikon ja sivuston nimen väliin selkeyden vuoksi. Sivustomuuttuja %sitename% puolestaan hakee arvon WordPressin asetuksista Asetukset -> Yleinen -kohtaan kirjoitetun sivuston otsikon mukaisesti. Näin siis muodostuu ”Tummapaahtoinen kahvi 250g – WooCommerce”.

Jos hakukoneotsikkoa (Title) halutaan muokata, voidaan klikata kenttään ja pyyhkiä kaikki muuttujat ensin pois. Sen jälkeen voidaan kirjoittaa tilalle: ”Tummapaahtoinen kahvi 250g %sep% Aromikas erikoiskahvi kotiisi”. Vastaavasti alempana näkyvään metakuvaukseen (Description), jossa näkyy haaleana automaattisesti haettu kuvaus, voidaan vapaasti kirjoittaa uusi metakuvaus tilalle. Noudata aina maksimimerkkimääriä, jotka näkyvät kyseisen kentän yläpuolella ja liikennevalomaista indikaattoria oikeassa yläkulmassa. Tavoitteena olisi saada nämä vihreälle. Esimerkiksi metakuvaus on tällä hetkellä punaisella, koska se ylittää selkeästi merkkimäärän 12 merkillä (172/160) ja metaotsikko on lähes vihreä, koska se alittaa maksimimerkkimäärän 60 merkkiä (40/60). Huom! väri-indikaattori saattaa silti näkyä punaisena vaikka metakuvaus olisi lähelle 160 merkkiä, koska itse hakutuloksen leveys näytöllä saattaa ylittyä (esim. 1090px/920px näkymässä AC).

Tehdään nyt muutokset ja optimoidaan hakukoneotsikkoa ja -kuvausta paremmiksi vaihtamalla otsikoksi: ”Tummapaahtoinen kahvi 250g %sep% Aromikas erikoiskahvi kotiisi” ja kuvaukseksi ”Tummapaahtoinen kahvi 250g – aromikas ja täyteläinen kahvinautinto. Huolella valikoidut pavut takaavat laadun ja herkullisen maun joka kupillisella.” näkymän AD mukaisesti. Vastaavasti vaihdetaan kuvaukseksi: ”Tummapaahtoinen kahvi 250g – aromikas ja täyteläinen kahvinautinto. Huolella valikoidut pavut takaavat laadun ja herkullisen maun joka kupillisella.”

Tuotteen somejaon muokkaaminen (kuva, metaotsikko ja metakuvaus) #

Lisäksi näkymässä AE klikattuasi hakukonetuloksen esikatselun muokkausnäkymän General-täbiltä Social-täbille, pystyt tekemään muutoksia ja esikatselemaan, miten tuote näkyy kun se jaetaan sosiaalisille alustoille, kuten Facebook tai Twitter. Pääset Facebook-näkymään oletuksena klikattuasi Social ja Twitterin (nykyinen X) puolelle klikkamalla Twitter. Huomaat, että somejakoa varten esim. tuotekuva ei välttämättä ole optimaalisessa kuvasuhteessa.

Selaamalla näkymää AE alaspäin pääset varsinaiseen muokkausnäkymään AF. Täältä pääset lataamaan Add Image -painikkeesta WordPressin mediakirjastoon kokoon 1200px x 630px muokkaamasi tuotekuvan, jotta se näkyisi keskitetymmin jakaessasi tuotteen mahdollisesti myöhemmin Facebookiin. Voit tehdä muutoksia Facebook-jaon otsikkoon ja kuvaukseen vastaavasti kuten hakukonetuloksen muokkausnäkymässä. Tiedot päivittyvät näkyviin ylempänä näkyvään Facebook-somejaon esikatseluun. ”Add icon overlay to thumbnail”-valinta on käytössä vain maksullisessa Rank Math -versiossa. Se mahdollistaa somejakoon esim. play-ikonin tai gif-kuvan lisäämisen ikään kuin somejakokuvan päälle. Tämän valinnan voit siis jättää huomiotta.

X-palvelussa jaettavaan sisältöön pääset vastaavasti klikkaamalla Twitter näkymästä AE. Voit tehdä siellä vastaavia muutoksia kuin hakukonetuloksen esikatselun Facebook-välilehdellä. Voit valita, että X:ään jaettaessa käytetään samoja mahdollisesti syöttämiäsi tietoja kuin Facebook-välilehdellä ja lisäksi voit pudotusvalikosta valita pääasiassa ”Summary Card with Large Image” tai ”Summary Card” -optioiden välillä sen mukaan, mikä näyttää mielestäsi käyttäjän kannalta paremmalle.

Tehtyäsi kaikki haluamasi muutokset, sulje esikatseluikkuna klikkaamalla sen oikeassa yläkulmassa näkyvää harmaata rastia. Tässä vaiheessa kannattaa myös yleensä julkaista tai päivittää tuote alla näkyvän osion ”Tuotteen julkaiseminen” ohjeen mukaisesti.

Voit vielä tehdä halutessasi lisäoptimointeja tuotteen otsikkoon ja sisältöön tuotteen muokkausnäkymän Rank Math SEO -osiossa näkyvien parannusehdotuksien mukaisesti. Osa ehdotuksista saattaa olla aluksi piilossa oikealla olevan pienen nuolipainikkeen takana, joten kannattaa klikata kukin osio auki näkymässä AG. Ehdotukset on jaettu neljään kategoriaan: Perus SEO eli perushakukoneoptimointi (Basic SEO), Lisätoimenpiteet (Additional), otsikon luettavuus (Title Readability) ja sisällön luettavuus. Ehdotukset liittyvät pitkälti pääavainsan käyttämiseen otsikoissa ja sisällössä, mutta myös linkkien ja median (kuvat, videot) lisäämiseen tuotesisältöön. Kohdat muuttuvat vihreiksi sen jälkeen, kun toivotut lisäykset ja muutokset on tehty. Tuotesisällön kattava optimointi voi parhaassa tapauksessa kasvattaa myös kyseisen tuotteen myyntiä merkittävästi.

Valinnainen lisähuomio: tuotteen hakukoneoptimoinnissa nk. voimasanan (power word) lisääminen metaotsikkoon voi kasvattaa tuotteen houkuttelevuutta ja olla siksi myös suositeltava toimenpide. Listan suomenkielisistä voimasanoista löydät Rank Mathin artikkelista Power Words: The Art of Writing Headlines That Get Clicked osiosta 12.7.

Focus keyword -kentän alla oleva ”This Post is Pillar Content” näkymässä AG on tarkoitettu muulle kuin tuotesisällölle, joten sen voi jättää tuotteiden hakukoneoptimoinnissa kokonaan huomiotta. Nk. pääsisältö tai kulmakivisisältö (Pillar Content) tarkoittaa sivustolla yksittäisen sivun sisältöä, josta on ehkä tuplasisältöä, joillain muulla sivuston sivulla. Tällöin vaikkapa Kahviopas-sivu voitaisiin merkata Pillar Contentiksi laittamalla rasti ruutuun ja sitten muilta viittaavilta sivuilta (Espressokahvit, Cappuccinot jne.) tulisi mahdollisesti lisätä Rank Math SEO:n advanced välilehdeltä (näkymä AH) näille viittaaville sivuille nk. canonical url, joka olisi siis käytännössä Kahviopas-sivun URL-osoite.

Kohdan Breadcrumb Title näkymässä AH oikealla näkyvään tekstikenttään voit halutessasi kirjoittaa tuotteen murupolussa näkyvän vaihtoehtoisen tuotenimen, esim. jos oletus kenttä tyhjänä olisi Kauppa > Kahvit >Tummapaahtoinen kahvi 250g, voit lisätä kenttään vaikkapa Kahvi 250g tai muuta vastaavaa jos mielestäsi tuotteen otsikko murupolussa on jollain tapaa vähemmän houkutteleva tai monimutkainen. Tämä on kuitenkin täysin valinnaista, mutta hyvä tietää.

Tuotteen julkaiseminen #

Tuotteen voi julkaista sinisellä ”Julkaise”-painikkeella, joka löytyy tuotteen muokkausnäkymän alkupuolelta pystysuunnassa ja oikealta. Tämän jälkeen julkaistua tuotetta pääsee katsomaan esim. klikkaamalla kestolinkkiä näkymän AI mukaisesti.

B. Muunnelmatuote #

Muunnelmatuote lisätään täsmälleen samaan tapaan kuin perustuote tuotetyypin määrittämiseen asti, mutta tuotetiedot-kohdassa valitaankin Perustuote-valinnan sijaan Muunnelmatuote pudotusvalikosta näkymän BA mukaisesti. Lisättäessä aivan ensimmäistä kertaa muunnelmatuotetta, WooCommerce ohjeistaa pienellä näytöllä näkyvällä tutoriaalilla, miten muunnelmatuotteiden luomisessa lähdetään liikkeelle. Kun olet lukenut ohjeet, klikkaa ”Selvä”-painiketta.

Jatkaen kahvituote-esimerkillä, tuotteen nimeksi tulisi vaihtaa ylhäältä vain ”Tummapaahtoinen kahvi” ”Tummapaahtoinen kahvi 250g”:n sijaan. Samalla kannattaa päivittää URL-osoite sen alla vastaavasti ja päivittää hakukonetuloksen tiedot. Tietenkin, kun lisäät täysin uutta muunnelmatuotetta tyhjästä, luot tuotteen suoraan oikealla nimellä ja kuvauksin. Jos käytetään esimerkkinä vaikkapa samaa kahvia, joka on saatavilla eri määrissä 200g, 500g ja 1kg, niin nämä tulevat esille lisättäessä tuotteelle ominaisuuksia ja näiden pohjalta luodaan 3 kpl muunnelmatuotteita ikään kuin tämän ”päätuotteen” alle, jotta niille voi asettaa halutessaan eri hinnat, kuvat ja muut halutut detaljit.

Muunnelmatuotteen ominaisuudet (koko, väri, jne.) #

Ominaisuuksia ovat esimerkiksi tuotteen väri, koko ja muut vastaavat, jotka voivat saada arvoja, kuten sininen, punainen, keltainen tai 200g, 500g ja 1kg. Mikäli lisäät kauppaasi tuotteita, joilla on kaikilla samat ominaisuudet, luethan alla näkyvät ohjeet. Muussa tapauksessa voit jatkaa nyt kohtaan ”Muunnelmatuotteen ominaisuudet tuotekortilla”.

Globaalit (koko kaupassa kaikilla tuotteilla samat) ominaisuudet (valinnainen) #

Mikäli verkkokaupassasi on kymmeniä tai satoja tuotteita, jotka käyttävät täsmälleen samoja koko kaupassa käytössä olevia (globaaleja) ominaisuuksien arvoja, nämä kannattaa ensin luoda valmiiksi vasemmalta kohdasta Tuotteet -> Ominaisuudet näkymän BB mukaisesti.

Ominaisuudet-näkymä (valinnainen) #

Itse Ominaisuudet-näkymässä BC lisäät ensin ominaisuuden tekstikenttään ominaisuuden nimen, esim. Väri ja klikkaat sitten sinistä ”Lisää ominaisuus”-painiketta. Tämän jälkeen ominaisuus tallentuu WooCommerceen ja tulee näkyviin oikealle ylös, kuten näkymässä BD. Huom! Polkutunnus-kenttään ei tarvitse ominaisuutta lisättäessä kirjoittaa erikseen esim. vari (koska url-osoitteet eivät voi sisältää ääkkösiä) vaan järjestelmä muodostaa sen automaattisesti lisättävän ominaisuuden mukaan. Klikkaa sitten ”Lisää ominaisuus” -painiketta.

Klikkaa sen jälkeen kyseisen oikealla näkyvän ominaisuuden oikeasta alakulmasta ”Muokkaa arvoja”-linkkiä (näkymässä BD), joka vie sinut kyseisen ominaisuuden arvojen muokkausnäkymään. Nyt voit samalla periaatteella lisätä arvot yksi kerrallaan, esim. 1kg ja klikkaa ”Lisää uusi pakkauskoko (tai muu vastaava ominaisuus, jonka kirjoitit äsken)”-painiketta.

Arvo ilmestyy oikealle näkyviin eli on tallentunut järjestelmään, kuten näkymässä BE. Tee sitten sama uudestaan muille ominaisuuden arvoille, kunnes kaikki haluamasi arvot näkyvät järjestelmässä näkymän BE mukaisesti (esim. Sininen, Keltainen ja lisäyksen jälkeen myös Keltainen listautuvat oikealle näkyviin). Nyt ne ovat käytettävissä globaalisti joka tuotteelle, eli lisättyäsi ominaisuuden, esim. Väri, Pakkauskoko tmv. tuotteelle, pystyt klikkailemaan arvot valmiiksi listasta sen sijaan, että kirjoittaisit vaikkapa sadalle tuotteelle toistuvasti samat arvot (esim. punainen, sininen, keltainen) manuaalisesti käsin.

Pystyt muokkaamaan jo lisättyjä ominaisuuksien arvoja (näkymän BF mukaisesti), kuten esim. punainen viemällä hiiren ominaisuuden päälle (suorakaiteen sisäpuolinen alue) ja valitsemalla sitten näkyviin tulevista ”Muokkaa”, ”Pikamuokkaus” tai ”Poista”. Lisäksi kun viet hiiren oikealla näkyvän ”hampurilaisikonin” päälle (pallon sisällä oleva alue), voit nyt klikkaalla vetää ja pudottaa arvon eri kohtaan esim. vetää Punainen-arvon Keltaisen ja Sinisen arvon väliin. Tällöin arvojen esitysjärjestys kaupassa muuttuu, mikäli Ominaisuudelle Väri oli asetettu aiemmin Ominaisuudet-näkymästä (tai jo lisätyn Väri-ominaisuuden muokkausnäkymästä) lajittelujärjestykseksi Mukautettu järjestys (oletus).

Ominaisuuksien arkistot (valinnainen) #

Ota käyttöön arkistot -valinta näkymässä BC on valinnainen. Mikäli se valitaan, jokaiselle ominaisuudelle (esim. ”Väri”) luodaan arkistosivu (joka listaa kaikki ominaisuuden sisältävät tuoteet), aivan kuten tuoteryhmille tai avainsanoille. Arkistosivun URL on yleensä muotoa: https://www.esimerkki.fi/ominaisuus/ominaisuuden-nimi/ eli esim. https://www.esimerkki.fi/ominaisuus/vari/punainen/ (loppupääte punainen toki tulee vasta, kun Värin arvoiksi on lisätty punainen). Näin kauppa siis listaisi kaikki punainen-arvon sisältävät tuotteet. Tästä saattaa joissain tapauksissa olla hakukonenäkyvyyshyöytä, koska hakukone voi nyt indeksoida nämä sivut eli näyttää ne koissakin tapauksissa hakutuloksissa. Mikäli ota käyttöön arkistot -valintaa ei ole valittu, ominaisuutta voidaan käyttää vain suodatukseen ja tuotekuvauksissa, mutta sillä ei ole omaa arkistosivua. Tällöin esim. käyttäjä voi valita ”sininen” suodattimesta tuotesivulla, mutta suoraa arkistolinkkiä …/vari/sininen/ ei ole käytettävissä.

Ominaisuuksien laji (valinnainen) #

Laji-pudotusvalikkoa ei ole natiivina Ominaisuudet-näkymässä BC vaan se tulee näkyviin aktivoidun Kadence Shopkit -lisäosan ansiosta. Tämänkin valinnan tekeminen on täysin valinnainen. Pudotusvalikosta löytyvät optiot jotka määrittävä, miten eri arvot esim. punainen, sininen jne. näytetään itse yksittäisellä tuotekortilla. Default (eli oletus, kun et ole tehnyt mitään valintoja) ja dropdown eli pudotusvalikko ovat periaatteesa samat valinnat eli kaupassa Väri esitettäisiin loppuasiakkaalle pudotusvalikosta valittavana ominaisuutena tuotekortilla. Radio boxes -valinta sen sijaan esittäisi tuotteet klikattavina pallovalintoina listassa. Image and color swatches -valinta näyttäisi värioption klikattana keskikokoisena suorakulmiovalintana, mutta Shopkitin tarjoamista lisäasetuksista on mahdollista asettaa tuotteille värin mukainen kuva tai vaikkapa punaisen värin visuaalisesti sisältävä valintalaatikko

Ominaisuuksien esittämisjärjestys kaupassa (lajittelujärjestys) oletuksena (valinnainen) #

Lajittelujärjestys, oletus -pudotusvalikosta näkymässä BC voi valita, missä järjestyksessä ominaisuudet lähtökohtaisesti esitetään tuotekortilla eli jos Värin arvoiksi olisi lisätty vaikkapa Punainen, Sininen ja Keltainen, niin oletuksena kun mukautettu järjestys on valittuna, nämä esitettäisiin suoraan tässä järjestyksessä. Mukautetun järjestyksen etuna on se, että jos et jostain syystä halua lisätä tuotteita vaikkapa nimen mukaan aakkosjärjestykseen, voit vetää arvot juuri siihen järjestykseen mihin haluat. Tämä toki pätee sitten koko verkkokaupassa kaikkialla tämän ominaisuuden, esim. Väri osalta. Pudotusvalikon Nimi -vaihtoehto on siis toimiva, mikäli haluat arvot vain nopeasti aakkosjärjestykseen eli tämä sopii tekstiarvoille yleensä mainiosti. Seuraavana pudotusvalikosta löytyvä Nimi (numeerinen) -valinta sitten taas sopii paremmin jos kaupassa on vaikkapa eri kokoja numeerisesti, esim. 6, 10 ja 8. WooCommerce yrittää tällöin asettaa nämä numeeriseen järjestykseen pienimmästä suurimpaan, esim. näin 6, 8 ja 10. Viimeinen arvon ID -valinta ei yleensä ole käytännöllinen lajitteluperuste. Jokaiselle ominaisuuden termille luodaan WordPressin tietokantaan oma tunniste (ID) sivuston tietokantaan, eikä tätä voi muokata jälkikäteen. Jos jostain syystä tuotteet kuitenkin halutaan tämän perusteella asettaa järjestykseen, niin se on toki mahdollista.

Muunnelmatuotteen ominaisuudet tuotekortilla #

Lisätäksesi väri-, koko- tai muita ominaisuuksia tuotteelle ilman globaaleja arvojen määrityksiä, etene seuraavalla tavalla (,kuten näkymässä BG). Klikkaa ensin Ominaisuudet valittuasi Muunnelmatuotteen Tuotetyypiksi. Kirjoita sitten ominaisuuden Nimi-kenttään haluamasi ominaisuus, esim. Koko, Väri tmv. Sen jälkeen kirjoita Arvo(t)-kenttään ominaisuuden arvot eli vaikkapa kahvipakettiesimerkissä ”200g | 500g | 1kg”. Huom! vain arvojen väliin tulee tuo pystyviiva, joka löytyy näppäimistöstä riippuen CTRL + ALT + pienempi tai suuremi kuin -näppäinyhdistelmää käyttämällä. Tämän jälkeen varmista, että ”Käytetään muunnelmissa” -valinta on täpättynä (kohta 4). Näkyy tuotesivulla on valinnainen valinta, jonka voi jättää halutessaan pois. Se vain näyttää tuotteen lisätiedoissa periaatteessa tuplana, mitkä ominaisuudet ja arvot tuotteella on. Toki niistä pääsee sitten linkillä muihin esim. koon 200g:n sisältäviin tuotteisiin. Lopuksi, klikkaa ”Tallenna ominaisuudet”-painiketta. Tämä on välttämätön vaihe, jotta seuraavassa Muunnelmat-valikossa (kohta 6) voi ylipäänsä valita mitään luotavia muunnelmia eli koko-, väri- ym. yhdistelmiä.

Mikäli loit ominaisuudet globaalisti (ja kauppasi kaikilla tuotteilla on lähtökohtaisesti 200g, 500g ja 1kg kokovalinnat), ominaisuudet lisätään hieman eri tavalla näkymän BH mukaisesti. Ensin kun ollaan Ominaisuudet-näkymässä, valitaankin ”Lisää uusi” (muunnelma) -painikkeen oikealta puolelta pudotusvalikko klikkaamalla. Sen auettua, järjestelmä näyttää pudotusvalikossa nykyiset globaalit ominaisuudet, mutta jos nämä eivät jostain syystä tule näkyviin, voit myös kirjoittaa ominaisuuden nimen, esim. Koko viivalla esitettyyn kenttään kuvassa BH. Mikäli ominaisuudet kuitenkin tulevat näkyviin, klikkaa kohdan 2 mukaisesti kyseisen pudotusvalikon ominaisuuden kohdalta, minkä jälkeen ominaisuus päivittyy näkyviin alla olevan ”Uusi ominaisuus” -kohdan tilalle.

Valittuasi ”Koko” oinaisuuden näkymässä BH Koko-ominaisuus tulee näkyviin, mutta sen arvot ovat tyhjät, kuten näkymässä BI näkyykin. Sinun tulee siis valita globaaleista arvoista haluamasi, kuten alla näkymässä BJ. Kaikkia arvoja ei tarvitse valita välttämättä, mutta riippuu ihan tarpeestasi verkkokauppiaana. Voit valita joko pelkästään osan tai kaikki arvot. Valitut arvot ilmestyvät näkyviin ”suorakaidemaisina palluroina” Arvo(t) kohtaan. Jos et halua klikkailla arvoja yksitellen ja tiedot jo haluavasi kaikki arvot, voit klikata näkymässä BI olevaa arvojen alla näkyvää ”Valitse kaikki”-painiketta. Halutessasi voit tyhjentää kaikki arvot valitsemalla ”Tyhjennä valinnat”. Muista lisättyäsi arvot klikata ”Tallenna ominaisuudet” -painiketta. Odota, kunnes järjestelmä on tallentanut ominaisuudet ennen klikkaamista muualle.

Mikäli haluat luoda uuden arvon aiemmin lisättyjen lisäksi, voit klikata näkymässä BI ”Luo arvo”-painiketta, jonka jälkeen vain kirjoitat uuden arvon, esim. 750g ja klikkaat OK. Tällöin arvo lisätään myös automaattisesti uutena käytössä olevana arvona globaalien ominaisuuksien arvojen joukkoon.

Seuraavaksi, kun halutut ominaisuudet on lisätty (Näitä voi olla toki useampi kuin vain Koko, esim. Väri voi olla yhdistelmänä koon kanssa), siirry kohtaan Muunnelmat.

Muunnelmien lisääminen (esim. eri koot, värit jne.) #

Klikkaa nyt ensin Muunnelmat-kohtaan, kuten näkymässä BK ja klikkaa sitten ”Luo muunnelmat”-painiketta. Näytölle tulee tällöin ilmoitus, joka vielä varmistaa sinulta, että haluat varmasti luoda tuotemuunnelmat kaikista ominaisuuksista. Klikkaa OK. Näkymässä BK viivan yläpuolella on myös ennen varsinaista muunnelmien luomista ilmoitus, että muunnelmia (variations) ei ole vielä luotu ja kehoitus luoda ne tai luoda muunnelmat manuaalisesti.

Luotuasi muunnelmat, ne tulevat näkyviin, kuten näkymässä BL. Klikkaamalla aina kyseisen muunnelman alueelta (suorakaiteen muotoinen alue) saat avattua muunnelman tiedot, joista vähintään hinta tulee täyttää. Kuten näkymässä sanotaan, mikäli hintaa ei lisätä niin muunnelmat eivät tule näkyviin. Viemällä hiiren kolmen viivan hampurilaisvalikon päälle ja vetämällä voit halutessasi muuttaa muunnelmien järjestystä, mutta tämä ei kuitenkaan vaikuta varsinaiseen järjestykseen, joka näkyy sivustolla asiakkaalle. Muutettuasi järjestystä tai mitä tahansa muunnelman tietoja, muista tallentaa muutokset ”Tallenna muutokset”-painikkeesta ja vielä sen jälkeen ylempää Päivitä-painikkeesta.

Lisää muunnelmalla ainakin hinta (näkymä BM), mutta muita hyödyllisiä tietoja ovat esierkiksi paino ja mitat, joita käytetään toimituskulujen laskemisessa useissa toimituslisäosissa, kuten Shipit. Mikäli kaikilla muunnelmilla on sama hinta esim. 10€ voit lisätä ne myös ”Bulk actions” eli massatoiminnot-pudotusvalikon kautta (kohta 1 ylempänä kuvassa ja tarkemmin näkymässä BN). Lisäksi saattaa olla järkevää asettaa tuotteelle variaatiokuva, jotta esim. sinisestä paidasta näkyy nimenomaan sininen paita kun asiakas valitsee verkkokaupassa kyseisen muunnelman. Klikkaa kohdan 2 ikonia ja valitse mediakirjastosta tai lataa omalta koneeltasi kuva muunnelmalle. Valinnainen: Kohdan 3 pudotusvalikosta voit halutessasi asettaa oletusvalinnan, joka näkyy ennen kuin pudotusvalikkoa on klikattu, sinne voitaisiin valita vaikkapa 1kg tässä tuote-esimerkissä.

Mikäli kaikilla tuotteilla on samat mitat, paino tai hinta, tuotteen lisäämisen nopeuttaiseksi on järkevää hyödyntää massatoimintoja. Valitse ”Bulk actions”-pudotusvalikko ja sen alta ”Aseta normaalihinnat”.

Tämän jälkeen sinun tulee vain syöttää arvo esiin tulevaan ponnahdusikkunaan (näkymä BO). Jos hinnaksi tulee 10 euroa, kirjoitetaan näkymään vain luku 10. Klikkaa ”OK”-painiketta. Muistathan tallentaa muutokset ja päivittää tuotteen lopuksi!

Lopputuloksen tulisi näyttää suurin piirtein tältä:

Esimerkkituotekuvien lähde: Paulig Group (2025). Saatavilla osoitteessa: https://paulig.com/fi/tuotteet/paulig-cafe-napoli-kahvi-espressojauhatus-250g-a-18253