Miten lisätä tuotesivuille välilehtiä (Tabs)?
Opi luomaan ja hallinnoimaan tuotetabeja tuotesivuilla, jotta voit jakaa asiakkaille toistuvaa lisätietoa helposti.
Sisällysluettelo
Tuotesivujen välilehdet eli tabit auttavat esittelemään tuotteisiin liittyviä lisätietoja selkeästi, erityisesti silloin kun sama informaatio on yhteinen useille tuotteille (esimerkiksi hoito-ohjeet, tekniset tiedot, materiaalikuvat tai muut yleiset ohjeet). Tässä ohjeessa käymme läpi, miten tabit luodaan, miten ne kohdistetaan tuotteille ja mitä asetuksia kannattaa huomioida. Näin parannat tuotekokemusta ja säästät aikaa, kun sama tieto esitetään systemaattisesti jokaisella relevantilla tuotteella.
Vaiheittainen ohje: välilehtien luonti ja hallinta
Avaa Tabien hallinta
- Siirry Hallintapaneelissa “Product > Tabs”
- Tai avaa tuotesivulla kohtaan Tabs.. Valikon alapuolella on linkki Edit Tabs, jota klikkaamalla siirryt Product Tabs -sivulle.
Luo uusi tab
- Klikkaa “Insert” -painiketta Product Tabs -sivulla.
- Syötä tabille järjestysnumero. On suositeltavaa käyttää esimerkiksi 10, 20, 30… jottei myöhemmin tarvitse muuttaa muiden tabien järjestysnumeroita, jos väliin tulee uusia tabeja.
- Voit asettaa tabin näkyville tai piiloon valitsemalla näkyvyysasetukset. Näin voit pitää tabin valmiina ilman, että se näkyy vielä asiakkaille.
Määritä tabin sisältö
- Syötä tabille selkeä otsikko (esimerkiksi “Hoito-ohjeet”).
- Lisää sisältöä hyödyntäen editorin tuttuja työkaluja (mm. kuvat, linkit, listaukset). Voit esimerkiksi lisätä kuvalliset ohjeet, joiden avulla asiakas ymmärtää tuotteen käytön paremmin.
- Tallenna tabin tiedot.
Kohdista tab tuotteille
- Jokaisella tuotteella on monivalintakenttä, josta valitaan tabit pidetään Ctrl- (Windows) tai Cmd-nappi (Mac) pohjassa, jotta voit valita useita tabeja kerralla.
- Tallenna muutokset tuotteen tiedoissa. Näin tab näkyy tuotesivulla heti, kun se on aktiivinen.
Vie nykyiset linkitykset CSV-tiedostoon
- Siirry Tabs > Products ja valitse CSV Product Export. Saat CSV-tiedoston, jossa on sarakkeet
product_code
jatab_id
.
Täydennä CSV
- Lisää uusia
product_code
–tab_id
-rivejä massapäivitystä varten. - Huom. CSV voi lisätä tai päivittää rivejä, mutta ei voi poistaa olemassa olevia linkityksiä.
Tuo CSV takaisin
- Valitse CSV Product Import samalla sivulla ja lähetä muokattu tiedosto. Tarkista onnistumisilmoitus.
Piilota tai julkaise Tab
- Avaa Tab, valitse Edit, vaihda Display in Store arvoksi No piilottaaksesi sen, ja klikkaa Update.
Tarkista tuotekortit
- Avaa muutama tuote varmistaaksesi, että täpit näkyvät odotetusti tuotekortin alareunassa.
- Ulkoasun voi räätälöidä kumppanin kanssa.
Mistä editoidaan?
- Hallintapaneeli > Tabs > Product Tabs – täppien luonti, muokkaus, näkyvyyden hallinta.
- Hallintapaneeli > Tabs > Products – täppien ja tuotteiden linkitykset sekä CSV Import/Export.
- Product edit view – vaihtoehtoinen monivalinta-alasvetolaatikko yksittäiselle tuotteelle.
Lisävinkkejä
- Suunnittele Tab-rakenne etukäteen välttääksesi turhaa manuaalista poistotyötä, koska CSV ei tue delete-toimintoa.
- Hyödynnä täppejä kategorian- tai tyyppikohtaisiin tietoihin, jolloin samaa sisältöä ei tarvitse kirjoittaa joka tuotekuvaukseen.
- Voit käyttää Tabia myös tuotekonfiguraattorin käyttöohjeisiin tai tila-ohjeisiin.
- Medialle, ohjekirjoille ja manuaaleille: käytä niille suunniteltua Media-osuutta, jos sisältö on erityisen laajaa tai haluat jakaa asiakkaalle ladattavia tiedostoja.
- Bundle-konfiguraattori: jos tuotteessa on Bundle-ominaisuus, välilehti voi olla hyvä keino selittää eri osien yhdistelyä, mutta tuotespesifit ohjeet on usein järkevä sijoittaa Media-osioon.
- Akeneo-tuki tabeille on tulossa tulevaisuudessa, joten jos käytät Akeneota, huomioi, että tällä hetkellä tabien luonti ja hallinta tehdään suoraan AI Commercen Hallintapaneelissa.
Yhteenveto
Tuotesivujen välilehtien avulla voit tarjota asiakkaille ja jälleenmyyjille helposti löydettävää, toistuvaa informaatiota. Kun luot tabit selkeillä otsikoilla ja sisällöillä, teet tuotesivuista informatiivisempia, helpotat ostamiseen liittyviä kysymyksiä ja parannat käyttökokemusta.