{"id":133321,"date":"2024-11-12T12:40:24","date_gmt":"2024-11-12T10:40:24","guid":{"rendered":"https:\/\/www.zoner.fi\/tuki\/?page_id=133321"},"modified":"2025-09-25T16:43:08","modified_gmt":"2025-09-25T13:43:08","slug":"miten-upotan-verkkokaupan-tuotteita-zoner-kotisivukone-sivustolleni","status":"publish","type":"page","link":"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/miten-upotan-verkkokaupan-tuotteita-zoner-kotisivukone-sivustolleni\/","title":{"rendered":"Miten upotan verkkokaupan tuotteita Zoner Kotisivukone -sivustolleni?"},"content":{"rendered":"\n<p>Zoner Kotisivukoneella voit helposti lis\u00e4t\u00e4 verkkokaupan tuotteita sivuillesi ja korostaa niit\u00e4 eri tavoilla.<\/p>\n\n\n\n<p>T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme, miten voit k\u00e4ytt\u00e4\u00e4 kotisivukoneen verkkokauppa-komponentteja.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-1\">Verkkokauppa-komponentit<\/h2>\n\n\n\n<p>Zoner Kotisivukoneessa on kolme erilaista verkkokauppa-komponenttia:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_01J1SW7ZNRH15NA2Z3PWMCR6BE\">Kaikki tuotteet -ruudukko<\/h3>\n\n\n\n<p>T\u00e4ll\u00e4 komponentilla voit lis\u00e4t\u00e4 sivuillesi verkkokaupan ja se n\u00e4ytt\u00e4\u00e4 kaikki kauppasi tuotteet ruudukossa. Huomaa, ett\u00e4\u00a0<strong>voit k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 komponenttia sivustollasi vain kerran<\/strong>. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"482\" height=\"818\" src=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-1.png\" alt=\"\" class=\"wp-image-134616\" srcset=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-1.png 482w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-1-177x300.png 177w\" sizes=\"auto, (max-width: 482px) 100vw, 482px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h_01J1SW7ZNRVGGC9DASQRHS8VZP\">Esittelyss\u00e4 olevat tuotteet ja Tuote-komponentti<\/h3>\n\n\n\n<p><strong>Esittelyss\u00e4 olevat tuotteet<\/strong>&nbsp;-komponentin avulla voit n\u00e4ytt\u00e4\u00e4 pienen valikoiman tuotteita, kun taas&nbsp;<strong>Tuote-komponentin<\/strong>&nbsp;avulla voit n\u00e4ytt\u00e4\u00e4 yhden tuotteen.&nbsp;<\/p>\n\n\n\n<p>Voit k\u00e4ytt\u00e4\u00e4 kumpaakin komponenttia niin usein ja niin monella sivulla kuin haluat. N\u00e4m\u00e4 komponentit sopivat hyvin sellaisten tuotteiden korostamiseen, joiden myynti\u00e4 haluat lis\u00e4t\u00e4. Voit lis\u00e4t\u00e4 ne esimerkiksi etusivullesi tai alisivulle, jossa kerrot jostakin tuotteesta enemm\u00e4n.<\/p>\n\n\n\n<p><strong>Vinkki:<\/strong>&nbsp;Voit linkitt\u00e4\u00e4 Kaikki tuotteet -ruudukon valitsemaasi tuotekategoriaan. N\u00e4in voit ohjata asiakkaasi suoraan heid\u00e4n etsim\u00e4\u00e4ns\u00e4 kategoriaan milt\u00e4 tahansa sivulta. Tee n\u00e4in: julkaise kauppasi, avaa se selaimessa, valitse oikea kategoria ja kopioi sivun URL-osoite. Lis\u00e4\u00e4 se&nbsp;linkkin\u00e4&nbsp;painikkeeseen, kuvaan tai tekstiin Zoner Kotisivukoneessa.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-2\">Miten lis\u00e4\u00e4n komponentin sivulle?<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ved\u00e4 jokin&nbsp;<strong>verkkokauppa<\/strong>-komponenteista ty\u00f6tilaan n\u00e4yt\u00f6n vasemmasta valikosta.<\/li>\n\n\n\n<li>Muuta tarvittaessa verkkokauppa-komponentin kokoa ja paikkaa sivulla.<\/li>\n\n\n\n<li>Napsauta&nbsp;<strong>Muokkaa<\/strong>, jos haluat s\u00e4\u00e4t\u00e4\u00e4&nbsp;komponentin ulkoasua ja tyyli\u00e4.<\/li>\n\n\n\n<li>Napsauta <strong>Tallenna<\/strong>&nbsp;ja&nbsp;<strong>Julkaise<\/strong>,&nbsp;jotta komponentti n\u00e4kyy julkaistulla sivustollasi.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-3-1024x510.png\" alt=\"\" class=\"wp-image-134617\" srcset=\"https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-3-1024x510.png 1024w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-3-300x149.png 300w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-3-768x382.png 768w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-3-1536x764.png 1536w, https:\/\/www.zoner.fi\/tuki\/wp-content\/uploads\/2024\/11\/verkkokauppa-kotisivukone-3.png 1917w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"step-3\">Kaikki tuotteet -ruudukon muokkaaminen<\/h2>\n\n\n\n<p>Voit m\u00e4\u00e4ritt\u00e4\u00e4 muun muassa n\u00e4ytett\u00e4vien tuotteiden m\u00e4\u00e4r\u00e4n rivi\u00e4 kohden, etikettien v\u00e4rin ja sijainnin, sek\u00e4 ostoskorisi sijainnin.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Yl\u00e4\/alavalikko<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;<strong>Kuvasuhde<\/strong>&nbsp;&#8211; Valitse tuotteiden kuvasuhde, esimerkiksi pysty- tai vaakasuora.<\/li>\n\n\n\n<li>&nbsp;<strong>Rajaus<\/strong>&nbsp;&#8211; Valitse t\u00e4m\u00e4 valintaruutu, jos haluat rajata kuvat niin, ett\u00e4 ne kaikki n\u00e4ytet\u00e4\u00e4n samankokoisina.<\/li>\n\n\n\n<li>&nbsp;<strong>Kortti<\/strong>&nbsp;&#8211; Valitse t\u00e4m\u00e4 valintaruutu, jos haluat n\u00e4ytt\u00e4\u00e4 tuotteesi kortilla; tuote ja kuvaus n\u00e4ytet\u00e4\u00e4n t\u00e4ll\u00f6in suorakaiteen muotoisen reunuksen sis\u00e4ll\u00e4.<\/li>\n\n\n\n<li>&nbsp;<strong>Tuotteet rivi\u00e4 kohden<\/strong>&nbsp;&#8211; M\u00e4\u00e4rit\u00e4, kuinka monta tuotetta (2\u20138) tulisi n\u00e4ky\u00e4 yhdell\u00e4 rivill\u00e4.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Ominaisuudet-paneeli<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;<strong>Tyyli<\/strong>&nbsp;&#8211; M\u00e4\u00e4rit\u00e4 kauppasi fontti ja tekstin v\u00e4ri. Voit my\u00f6s valita yhdell\u00e4 sivulla ja rivill\u00e4 n\u00e4kyvien tuotteiden m\u00e4\u00e4r\u00e4n.<\/li>\n\n\n\n<li>&nbsp;<strong>Painikkeet<\/strong>&nbsp;&#8211; M\u00e4\u00e4rit\u00e4 \u201dLis\u00e4\u00e4 ostoskoriin\u201d ja \u201dOsta nyt\u201d -painikkeiden tekstit, fontti ja tyyli.<\/li>\n\n\n\n<li>&nbsp;<strong>Navigointi<\/strong>&nbsp;&#8211; Valitse, n\u00e4ytet\u00e4\u00e4nk\u00f6 k\u00e4vij\u00f6ille Kategoria-valitsin vai Lajittele mukaan -valitsin, joilla k\u00e4vij\u00e4t voivat lajitella ja suodattaa tuotteita kaupassasi. Voit my\u00f6s aktivoida hakupalkin.<\/li>\n\n\n\n<li>&nbsp;<strong>Etiketit<\/strong>&nbsp;&#8211; M\u00e4\u00e4rit\u00e4 etikettien (kampanjatarrojen) sijainti ja v\u00e4ri tuotteissasi. Siirry verkkokaupan hallintaan lis\u00e4t\u00e4ksesi etiketin johonkin tuotteeseen.<\/li>\n<\/ul>\n\n\n\n<p>Esitellyt tuotteet ja Tuote-komponentin mukauttamisvaihtoehdot ovat l\u00e4hes samat kuin Kaikki tuotteet -ruudukossa. Huomaa kuitenkin, ett\u00e4 Tuote-komponentissa ei ole navigointivaihtoehtoja ja Lis\u00e4\u00e4 ostoskoriin -painiketta.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zoner Kotisivukoneella voit helposti lis\u00e4t\u00e4 verkkokaupan tuotteita sivuillesi ja korostaa niit\u00e4 eri tavoilla. T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4mme, miten voit k\u00e4ytt\u00e4\u00e4 kotisivukoneen verkkokauppa-komponentteja. Verkkokauppa-komponentit Zoner Kotisivukoneessa on kolme erilaista verkkokauppa-komponenttia: Kaikki tuotteet -ruudukko T\u00e4ll\u00e4 komponentilla voit lis\u00e4t\u00e4 sivuillesi verkkokaupan ja se n\u00e4ytt\u00e4\u00e4 kaikki kauppasi tuotteet ruudukossa. Huomaa, ett\u00e4\u00a0voit k\u00e4ytt\u00e4\u00e4 t\u00e4t\u00e4 komponenttia sivustollasi vain kerran. Esittelyss\u00e4 olevat tuotteet &#8230; <a title=\"Miten upotan verkkokaupan tuotteita Zoner Kotisivukone -sivustolleni?\" class=\"read-more\" href=\"https:\/\/www.zoner.fi\/tuki\/kotisivukone\/zoner\/miten-upotan-verkkokaupan-tuotteita-zoner-kotisivukone-sivustolleni\/\" aria-label=\"Lue lis\u00e4\u00e4 aiheesta Miten upotan verkkokaupan tuotteita Zoner Kotisivukone -sivustolleni?\">Lue lis\u00e4\u00e4<\/a><\/p>\n","protected":false},"author":18,"featured_media":0,"parent":137385,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"132393,132072,1076,131550,132336,132894","_relevanssi_noindex_reason":"","footnotes":""},"categories":[166],"tags":[163],"wf_page_folders":[],"class_list":{"0":"post-133321","1":"page","2":"type-page","3":"status-publish","5":"category-zoner-kotisivukone","6":"tag-verkkokauppa"},"_links":{"self":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/comments?post=133321"}],"version-history":[{"count":4,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133321\/revisions"}],"predecessor-version":[{"id":134618,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/133321\/revisions\/134618"}],"up":[{"embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/pages\/137385"}],"wp:attachment":[{"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/media?parent=133321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/categories?post=133321"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/tags?post=133321"},{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/www.zoner.fi\/tuki\/wp-json\/wp\/v2\/wf_page_folders?post=133321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}