Miten tuotesivut toimivat

Jokainen tuote saa oman sivunsa yhteisestä ulkoasusta: katso, mitä tuotesivu näyttää, miten kävijät löytävät sen ja miten sen asettelua muutetaan.

Jokainen myymäsi tuote saa oman sivun verkkokauppaasi. Et rakenna näitä sivuja yksi kerrallaan. Payly muodostaa kaikki sivut yhdestä ulkoasusta, jonka nimi on tuotesivun malli, ja täyttää niihin kunkin tuotteen nimen, kuvat, hinnan ja kuvauksen.

Mitä tuotesivu näyttää

Tuotesivu käyttää kaikkea, mitä syötit, kun lisäsit tuotteen:

  • Kuvat, joista ensimmäinen on suuri. Jos kuvia on enemmän, kävijä voi vaihtaa niiden välillä pienoiskuvista.
  • Nimi, hinta ja alkuperäinen hinta yliviivattuna, jos olet asettanut sen. Toistuva tilaus näyttää laskutusehdot hinnan vieressä.
  • Tähtiarvio ja alempana asiakasarvostelut sekä lomake arvostelun kirjoittamiseen. Katso Asiakasarvostelujen kerääminen ja hyväksyminen.
  • Varastomerkintä, kuten ”Varastossa” tai ”Vain 2 jäljellä”, jos seuraat varastoa.
  • Kuvaus, pudotusvalikko jokaiselle vaihtoehdolle, Lisää ostoskoriin -painike ja tuotekoodi.
  • Kuvien yläpuolella linkki takaisin kauppasivulle.
Speckled Dinner Plate -tuotteen live-tuotesivu: suuri kuva vasemmalla, ja oikealla nimi, hinta, Varastossa-merkintä, kuvaus, Lisää ostoskoriin -painike ja tuotekoodi

Sivun osoite koostuu verkkokauppasi osoitteesta, merkistä /product/ ja lyhyestä nimestä, joka muodostetaan tuotteen nimestä, esimerkiksi /product/speckled-dinner-plate. Tuotteella, jonka siirrät luonnokseksi tai roskakoriin, ei ole sivua. Kävijä, joka avaa sen vanhan osoitteen, näkee ”Sivua ei löytynyt” -sivun.

Selaimen välilehdessä näkyy tuotteen nimi ja perässä verkkokauppasi nimi. Hakukoneiden näyttämä lyhyt kuvaus tulee tuotekuvauksen alusta, ja ensimmäistä kuvaa käytetään, kun joku jakaa linkin. Katso Auta asiakkaita löytämään verkkokauppasi Google-haulla.

Miten kävijät päätyvät tuotesivulle

Kävijä voi avata tuotesivun kolmella tavalla: jaetusta linkistä, sivustosi tuoteruudukosta tai ruudukon avaamasta ponnahdusikkunasta. Oletusarvoisesti tuotteen napsauttaminen ruudukossa avaa tämän ponnahdusikkunan, jossa näkyvät pääasialliset tiedot ja Lisää ostoskoriin -painike. Ponnahdusikkunan Näytä kaikki tiedot -linkki vie täydelliselle sivulle.

Kauppasivun ponnahdusikkuna Speckled Dinner Plate -tuotteelle: kuva, hinta, Varastossa-merkintä, kuvaus, Lisää ostoskoriin -painike ja Näytä kaikki tiedot -linkki

Jos haluat ohjata kävijät suoraan täydelliselle sivulle, valitse editorissa tuoteruudukko, avaa Yleiset ja kytke pois päältä Avaa tuotteet ponnahdusikkunassa. Julkaise sivusto, jotta muutos tulee voimaan.

Kaikkien tuotesivujen asettelun muuttaminen

Kaikilla tuotesivuilla on yksi yhteinen asettelu, joten kerran tekemäsi muutos näkyy kaikilla. Tuotesivun malli on käytettävissä vasta, kun sinulla on vähintään yksi tuote.

  1. Napsauta hallintapaneelissasi Muokkaa sivustoa.
  2. Napsauta sivun nimeä yläpalkissa avataksesi sivulistan ja napsauta sitten Tuotesivun malli.
    Editorin sivulista, jossa Tuotesivun malli on korostettu sivuston sivujen alla
  3. Napsauta tuotelohkoa sivulla. Editori näyttää yhden tuotteistasi esimerkkinä, jotta näet ulkoasun oikealla sisällöllä.
  4. Avaa oikean puolen paneelissa Yleiset. Siellä voit kytkeä asetukset Kuvagalleria, Kuvaus, Tuotekoodi ja Arvostelut päälle tai pois päältä tai muuttaa kenttää Painikkeen teksti.
    Editori, jossa on Tuotesivun malli -sivu valittuna tuotelohkon kanssa ja oikealla avoinna sen Yleiset-asetukset
  5. Avaa Takaisin-linkki, jos haluat valita, mihin sivuun kuvien yläpuolella oleva linkki vie ja mitä se sanoo. Oletusarvoisesti linkki vie kauppasivulle. Katso Kauppasivun määrittäminen.
  6. Jos haluat lisätä kaikille tuotesivuille jotain, vedä muita lohkoja vasemmalta sivulle, esimerkiksi toimitusta koskevan tekstirivin.
  7. Napsauta Julkaise.
Huomautus: Yksittäisen tuotteen muutokset, kuten hinta, kuvat tai kuvaus, tulevat verkkokauppaasi heti, kun tallennat tuotteen. Tuotesivun mallin muutokset kuuluvat sivustosi ulkoasuun, joten ne tulevat voimaan vasta, kun napsautat Julkaise.

Aiheeseen liittyvät artikkelit

Last updated 2026-10-16