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

Näin lisäät tooltip-ohjetekstin tuotevalintaoptioihin verkkokaupassa

Opi lisäämään helpottavaa tooltip-ohjetekstiä tuotevalintoihin verkkokaupassasi.

Written by Petro Mäntylä

Updated at April 30th, 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 muokkaamiseen Mitä hyötyä tooltipin lisääminen tuo?

Tooltip eli hover tip on kätevä tapa tarjota asiakkaille lisätietoa valintaoptioista ilman, että tuotesivusta tulee liian raskas tai sekava. Näin voit helposti lisätä tooltipin hallintapaneelista.

Vaiheittainen ohje muokkaamiseen

  1. Siirry sivustosi hallintapaneeliin.
  2. Valitse vasemman reunan valikosta: Products → Options → Product Options
  3. Valitse tai luo uusi optio 
  4. Näet listan kaikista käytössä olevista tuoteoptiokentistä.
  5. Klikkaa Edit olemassa olevan kentän kohdalla tai Luo uusi optio valitsemalla “Add New Option” (jos saatavilla)
  6. Lisää tooltip-teksti: Kentässä Description kirjoita tooltipin sisältö.
  7. Tämä teksti näytetään verkkokaupan tuotesivulla pienen infopainikkeen (esim. kysymysmerkki-ikonin) hover-tilassa.

Esimerkki:

Kentän nimi: Heijastavuusluokka

Tooltip: R1 on yleisesti käytetty, R2 vaaditaan julkisille teille.

 

Tallenna muutokset

Klikkaa Save tai Update, jotta muutokset tallentuvat.

Mitä hyötyä tooltipin lisääminen tuo?

Tooltipit parantavat merkittävästi käyttäjäkokemusta ja vähentävät asiakaspalvelun tarvetta. Alla tärkeimmät hyödyt:

  • Selkeyttää valintoja: Asiakas ymmärtää heti, mitä eri valintaoptiot tarkoittavat ilman, että tarvitsee etsiä lisätietoa muualta.
  • Vähentää virhevalintoja: Kun asiakas saa lisäinformaatiota ennen valintaa, hän tekee todennäköisemmin oikean päätöksen.
  • Parantaa konversiota: Selkeä ja opastava käyttöliittymä vähentää ostoskeskeytyksiä ja lisää luottamusta tuotteeseen.
  • Vähentää tukipyyntöjä: Kun asiakkaille annetaan vastaukset suoraan tuotesivulla, he eivät joudu ottamaan yhteyttä asiakaspalveluun.
  • Antaa ammattimaisen vaikutelman: Tooltipit viestivät, että kauppa on huolellisesti rakennettu ja asiakasta on ajateltu käyttöliittymää suunniteltaessa.

 

ohjeteksti tuotevalinnat tooltip hover tip tuoteoptiot

Oliko artikkeli hyödyllinen?

Kyllä
Ei
Anna palautetta tästä artikkelista

Yhteenkuuluvat artikkelit

  • Kuinka muokata kuvien ALT-tekstejä
  • Builder.io YouTube Video komponentin käyttö
  • Miten upottaa YouTube-videoita tuotekuvauksiin?
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