Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Ota yhteyttä
Finnish
US English (US)
FI Finnish
  • Koti
  • AI Commerce
  • Tuotteet

Miten lisätä tuotesivuille välilehtiä (Tabs)?

Opi luomaan ja hallinnoimaan tuotetabeja tuotesivuilla, jotta voit jakaa asiakkaille toistuvaa lisätietoa helposti.

Written by Petro Mäntylä

Updated at May 5th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • AI Commerce
    Hallinnan etusivu Asiakkuudet Tilaukset Tilausten hallinta Kategoriat Tarjoustyökalu Tuotteet Konfiguraatiot Moduulit Raportit Paikallisasetukset ja verot Arvostelut Etusivu FAQ -työkalu Kuvagalleria Työkalut Kassa Lisätoiminnot Svelte
  • Akeneo
  • WordPress
  • Builder.io
  • Algolia
  • phpList
  • Google
  • Meta
  • Tuki
  • Tehden
  • Partnerit
  • Microsoft
  • Integraatiot
+ Lisää

Sisällysluettelo

Vaiheittainen ohje: välilehtien luonti ja hallinta Mistä editoidaan? Lisävinkkejä Yhteenveto

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 ja tab_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.

välilehdet tuotetiedot tuotesivun välilehdet product tabs tuotteelle liitesivuja liitesivut tabien järjestys amasty custom tabs

Oliko artikkeli hyödyllinen?

Kyllä
Ei
Anna palautetta tästä artikkelista

Yhteenkuuluvat artikkelit

  • Miten hallita tuotekohtaista saldon ylimyyntiä?
  • Miten kustomoida hakualgoritmi AI Commercessa?
  • Tuotteen monistaminen ja kopioiminen
AI Commerce Logo
GDPR badge AWS badge Plus icon

Future-proof eCommerce, built in the EU

AI Commerce Cloud is developed and hosted within the EU, fully compliant with GDPR and all relevant regulations.

Solutions

Service packages Features Integrations Customers

About us

About us Support Vision Contact us

Development

Changelog Blog Implementation Partners System status
🌐 English AI Commerce Cloud FI0818073-0 Ranta-Tampellan Katu 17, 33180 Tampere, Finland info@aicommerce.fi
LinkedIn Itewiki
Privacy Policy Licensing Rights Terms of Use
© 2025 AI Commerce Cloud. All rights reserved.
Expand