Debutia koskevat osiot

Teeman sisältö on rakennettu osioiden avulla. Osiot ovat muokattavia sisältölohkoja, jotka määrittävät verkkokaupan eri sivujen ilmeen ja ulkoasun. Voit lisätä, poistaa, muokata ja mukauttaa osia päivitetyn teemaeditorin avulla.

Shopifyn teemoilla on seuraavanlaisia osia:

  • Staattiset osat: Staattiset osat ovat aina tietyissä kohdissa verkkokauppaa. Näitä osia ei voi poistaa tai järjestää uudelleen. Staattiset osat saattavat sisältää ylä- tai alatunnisteita, navigointiosia tai sivuilla, kuten tuotesivuilla ja kokoelmasivuilla, olevia sisältöosia. Esimerkiksi tuoteosassa määritetään verkkokauppasi kunkin tuotesivun ulkoasu.
  • Muuttuvat osat ovat valinnaisia osia, joiden avulla voit mukauttaa etusivusi pohjaa. Kauppasi etusivulla voit lisätä, järjestää uudelleen ja poistaa muuttuvia osia sivun pohjan luomiseksi. Voit lisätä kotisivulle enintään 25 muuttuvaa osaa.

Voit oppia Debut-teeman ainutlaatuisesta osioista ja siitä, miten voit mukauttaa niitä yrityksesi tarpeisiin.

Vinkki Jos käytät Shopifyn ilmaista teemaa, näet sen osioiden ja asetusten yksityiskohtaiset kuvaukset valitsemalla Ilmaiset Shopify-teemat ja napsauttamalla teeman nimeä.

Lisätietoja maksullisten teemojen osista ja asetuksista on teeman dokumentaatiossa.

Staattiset valinnat

Debut sisältää seuraavat staattiset osat:

  • Ylätunniste
  • Alatunniste
  • Tuotesivut
  • Tuotesuositukset
  • Kokoelman sivut
  • Kokoelmaluettelosivu
  • Blogisivut
  • Julkaisut
  • Ostoskorisivu

Dynaamiset osat

Debut sisältää seuraavat muuttuvat osat:

  • Blogiviestit
  • Kokoelmaluettelo
  • Esittelyssä oleva kokoelma
  • Galleria
  • Kuva tekstillä
  • Kuva päällä olevalla tekstillä
  • Logoluettelo
  • Esittelyssä oleva tuote
  • Uutiskirje
  • Kartta
  • Rich text
  • Suositukset
  • Tekstisarakkeet kuvilla
  • Video
  • Mukautettu sisältö
  • Diaesitys

Ylätunniste

Ylätunniste-osassa voit muokata sisältöä, joka näkyy kaupan jokaisen sivun yläosassa. Voit lisätä logokuvan, valita, mitkä valikot ovat näkyvissä, ja laatia ilmoitusviestin.

Mukautetun logon lisääminen

Voit lisätä kaupan ylätunnisteeseen yksilöllisen logokuvan. Paras tiedostomuoto on .png-tiedosto läpinäkyvällä taustalla. Voit muuttaa logokuvan kokoa suurentamalla tai pienentämällä leveyttä.

Jos et lisää logokuvaa, näkyvissä on kaupan nimi tekstimuodossa. Voit muuttaa kaupan nimeä Shopify-ylläpitäjän Yleiset asetukset -sivulla.

Mukautetun logon leveys: logon leveys. – Logon tasaus: logon tasaus ylätunnisteessa. Valitse Vasen tai Keskitetty.

Logon lisääminen ja määrittäminen

  1. Klikkaa Ylätunniste. 2. Klikkaa logokuvan alueella Valitse kuva ja tee sitten jokin seuraavista: * Jos haluat valita kuvan, jonka olet jo ladannut Shopify-ylläpitäjään, klikkaa Kirjasto-välilehteä. * Jos haluat valita kuvan paikallisesta tietokoneesta, klikkaa Kirjasto > Lataa. 3. Mukauta logon kokoa ja sijoittelua asetuksista. 4. Napauta Tallenna.

Ilmoituspalkin lisääminen

Voit lisätä ylätunnisteeseen ilmoituspankin, jossa voit näyttää asiakkaille viestejä. Viestisi on mukautettavissa, ja se voi sisältää yhteystietoja, tietoja kaupan tapahtumista tai alennusmyynneistä tai kauppasi mainoslauseen.

  1. Klikkaa Otsikko.
  2. Valitse Ilmoituspalkki-kohdassa Näytä ilmoitus. Valitse Vain etusivu, jos haluat näyttää ilmoituksen vain etusivulla.
  3. Syötä ilmoituksen teksti.
  4. Valinnainen: Syötä URL-osoite, jotta voit lisätä linkin ilmoitukseen.
  5. Voit muuttaa ilmoituspalkin taustan väriä napauttamalla Palkki-väriruutua ja valitsemalla värin.
  6. Voit muuttaa ilmoitustekstin väriä napauttamalla Teksti-väriruutua ja valitsemalla värin.
  7. Napauta Tallenna.

Valikon lisääminen

Voit lisätä ylätunnisteeseen valikon. Tällöin ylätunnisteessa näkyvät kaikki valikon linkit, joiden avulla voit korostaa asiakkaiden usein käyttämiä sivuja. Voit esimerkiksi lisätä valikon, jossa on kokoelmiisi osittavia linkkejä.

  1. Klikkaa Otsikko.

  2. Jos haluat valita valikon, klikkaa Muuta. Valitse valikko luettelosta tai luo uusi valitsemalla Luo valikko.

  3. Voit muokata valikkoa valitsemalla Muokkaa valikkoa.

  4. Napauta Tallenna.

Alatunniste

Teeman alatunniste on osa, joka näkyy kaupan jokaisen sivun alaosassa. Voit lisätä alatunnisteeseen seuraavat ominaisuudet:

  • maksukuvakkeet
  • pikalinkit
  • uutiskirjeen tilaus
  • tekstiosio, joka sisältää tietoja yrityksestäsi
  • some-kuvakkeet
  • kielenvalitsin
  • valuutanvalitsin

Maksukuvakkeiden lisääminen

Voit näyttää alatunnisteessa hyväksymiesi maksutapojen ikonit. Tässä näkyvät kuvakkeet, jotka liittyvät niihin maksupalveluiden tarjoajiin, jotka olet ottanut käyttöön ylläpitäjäsi maksuasetuksissa.

  1. Klikkaa Alatunniste.

  2. Tarkista Näytä maksukuvakkeet.

  3. Napauta Tallenna.

Valikon, uutiskirjeen tilauksen tai tekstin lisääminen

  1. Klikkaa Alatunniste.

  2. Klikkaa sisältölohko napauttamalla Lisää sisältö -valintaa Sisältö-alueella. Valitse lohkon tyyppi seuraavista vaihtoehdoista:

- [Menu](/manual/online-store/os/menus-and-links)

- [Newsletter](/manual/online-store/os/using-themes/change-the-layout/theme-settings/theme-newsletter)

- Text

Voit lisätä enintään neljä sisältölohkoa.

Jos haluat poistaa sisältölohkon, klikkaa ensin lohkoa ja sitten Poista sisältö.

Jos haluat mukauttaa sisältölohkoa, klikkaa lohkoa ja muokkaa asetuksia.

  1. Napauta Tallenna.

Sosiaalisen median kuvakkeiden lisääminen

Kun lisäät teemaasetuksiinsosiaalisen median tilin, se näkyy automaattisesti alatunnisteessa.

Lisää kielenvalitsin

Lisää vain yksi kielivalitsin, jos olet ottanut käyttöön useita kaupan kieliä.

  1. Klikkaa Osat.

  2. Klikkaa Alatunniste.

  3. Valitse Kielivalitsimessa Näytä kielivalitsin.

  4. Napauta Tallenna.

Lisää valuutanvalitsin

Lisää valuutanvalitsin vain, jos olet ottanut useita valuuttoja käyttöön.

  1. Klikkaa Alatunniste.

  2. Valitse valuutan valitsimessa Näytä valuutanvalitsin.

  3. Napauta Tallenna.

Tuotesivut

Tuotesivut-osio on tuotesivujen tärkein mukautettavissa oleva osio. Tässä osiossa tuetaan seuraavia ominaisuuksia, jos ne on määritetty kaupassasi:

Voit mukauttaa tätä osaa seuraavilla vaihtoehdoilla:

  • Näytä määrän valitsin – Anna käyttäjien määrittää määrä, jonka he haluavat lisätä ostoskoriin.
  • Näytä versioiden tiedot – Näytä versioiden tiedot, kuten koko ja väri, versioiden alasvetovalikoiden yläpuolella. Näkyvissä olevat versioiden tiedot perustuvat tuoteversioille määritettyihin vaihtoehtojen nimiin.
  • Näytä myyjä – Näytä tuotebrändi tai myyjä. Jotta tuotemerkki tai myyjä voidaan näyttää, sinun on lisättävä tuotteelle myyjä.
  • Näytä dynaaminen kassapainike – Anna asiakkaille mahdollisuus ohittaa ostoskori ja siirtyä suoraan kassalle esittelyssä olevien tuotteiden osiosta.
  • Näytä some-jakamisen painikkeet – Näytä painikkeet, joita asiakkaat voivat käyttää jakaakseen tuotteita sosiaalisessa mediassa. Jakamisen asetuksia hallinnoidaan teeman asetuksista.

Media

  • Koko -Määritä tuotemediankoko.
  • Ota kuvan zoomaus käyttöön – Anna asiakkaiden zoomata kuvia siirtämällä hiiri tuotekuvan päälle.
  • Ota videoiden silmukkaus käyttöön -Valitse tämä vaihtoehto, jos haluat käyttää videovideoita. Jos tämä vaihtoehto ei ole valittuna, videoissa näkyy toistopainike, kun toisto päättyy.

Muokkaa Tuotesivujen asetuksia

  1. Valitse Tuotesivut.
  2. Klikkaa Tuotesivut-osaa.
  3. Mukauta tuotesivut-osaa asetusten avulla.
  4. Napauta Tallenna.

Näytä noudon saatavuus

Teemassa Debut voit näyttää asiakkaille, onko verkkokaupassasi oleva tuote saatavilla paikallista noutoa varten. Noudon saatavuus ‑osiossa jokaisella tuotesivulla näkyy noudon saatavuus ja noudon arvioitu aikataulu.

Jotta voit käyttää tätä ominaisuutta, sinun on määritettävä paikallinen nouto. Jos paikallinen nouto on käytössä, tämä ominaisuus näkyy aina tuotesivuillasi, eikä sitä voi poistaa käytöstä.

Kun paikallinen nouto on otettu käyttöön, tuotesivulla näkyy, onko tuote haettavissa yhdestä vai useammasta paikallista noutoa tarjoavasta sijainnista. Tiedot näytetään vain niiden tuotteiden osalta, joita on vähintään yhden noutopisteen varastossa ja joille on valittu Tämä on fyysinen tuote -valinta tuoteversion tietojen Toimitus-osiossa.

Jos haluat valita tuoteversiolle Tämän on fyysinen tuote ‑valinnan, tee seuraavat toimet:

  1. Siirry Shopify-ylläpitäjässä kohtaan Tuotteet > Kaikki tuotteet.

  2. Valitse tuote.

  3. Valitse versio Versiot-kohdan alta.

  4. Valitse Tämä on fyysinen tuote -valinta Toimitus-kohdan alta.

  5. Napauta Tallenna.

Jos olet ottanut paikallisen haun käyttöön vain yhdelle sijainnille, silloin sijainti ja noudon saatavuus näytetään kyseisen sijainnin osalta. Asiakkaat voivat klikata Näytä kaupan tiedot ‑kohtaa saadakseen lisätietoja noutopisteestä.

Jos paikallinen nouto on käytössä useammassa kuin yhdessä sijainnissa, noudon saatavuuden osiossa näkyy asiakkaan sijaintia lähimpänä oleva sijainti ja noutopiste asiakkaan IP-osoitteen perusteella. Kun asiakas klikkaa Tarkista saatavuus muista kaupoista, noutopisteluettelo järjestetään asiakkaan etäisyyden perustella.

Jos asiakkaan sijaintia ei voida määrittää IP-osoitteen perusteella, noudon saatavuus -osiossa näkyy sijainti ja noudon saatavuus aakkosjärjestyksessä ensimmäisen sijainnin mukaan, ensin kaupungin mukaan ja sitten sijainnin nimen mukaan. Oletetaan esimerkiksi, että sinulla oli kolme noutopistettä. "Queen Street" ja "Front Street" Torontossa ja "Alberni Street" Vancouverissa. Noudon saatavuus -osiossa näytettäisiin Toronton "Front Streetin" tiedot.

Näytä Shop Pay -maksuerien banneri

Versio 17.12.0+

Jos olet ottanut Shop Pay -maksuerät käyttöön ja olet Yhdysvalloissa, Shop Pay -maksuerien banneri näkyy tuotesivulla, jos tuotteen hinta on välillä 50–1 000 USD. Jos Shop Pay -maksuerät on käytössä, banneria ei voida poistaa käytöstä.

Banneri näkyy tuotteen hinnan alapuolella ja se kertoo, että asiakkailla on mahdollisuus maksaa tuote kokonaisuudessaan tai neljässä yhtä suuressa maksuerässä. Käyttäjät voivat klikata Lisätietoja, jos he haluavat lukea lisää maksueristä ja vaadituista tiedoista.

Tuotesuositukset

Voit näyttää suositeltuja tuotteita tuotesivuilla , jotta asiakkaat voivat helpommin tutustua muihin tuotteisiin, jotka saattavat kiinnostaa heitä.

Ota tuotesuositukset käyttöön

  1. Valitse Tuotesivut.

  2. Napauta tuotesuositukset -osiota.

  3. Näytä tuotesuositukset tuotesivuilla valitsemalla Näytä dynaamiset suositukset.

  4. Valinnainen: Jos haluat muuttaa suositeltujen tuotteiden yläpuolella näkyvää otsikkoa, syötä uusi nimi Otsikko-kenttään.

    1. Valinnainen: Jos haluat näyttää tai piilottaa toimittajat tuotekuvauksissa, käytä Näytä myyjä ‑valintaruutua.
  5. Napauta Tallenna.

Kokoelman sivut

Kokoelmasivut-osa on kokoelmasivujen keskeinen mukautettavissa oleva osa.

Kokoelmasivut-osa sisältää seuraavat asetukset:

  • Asettelu -Valitse tapa, jolla tuotteet järjestetään kokoelman sivulla.
  • Tuotteita per rivi (vain ruudukko) -Valitse kunkin kokoelman sivun kullakin rivillä näytettävien tuotteiden määrä. Tämä osio koskee vain, jos asettelu on määritetty ruudukkona.
  • Rivejä per sivu (vain ruudukko) -Valitse kokoelma-sivulla näytettävien rivien määrä. Tämä osio koskee vain, jos asettelu on määritetty ruudukkona.
  • Näytä kokoelman kuva – Näytä kokoelman kuva kokoelmasivun yläosassa.
  • Näytä tuotteen myyjä – Näytä kunkin tuotteen myyjä tuotenimikkeen alla.
  • Ota lajittelu käyttöön – Valitse tämä valinta, jotta asiakkaat voivat lajitella kokoelmasivujesi tuotteita.
  • Ota tunnistesuodatus käyttöön ‑ Valitse tämä valinta, jotta asiakkaat voivat suodattaa kokoelmaa tuotetunnisteen perusteella.

Muokkaa kokoelmasivujen asetuksia

  1. Valitse Kokoelmasivut.
  2. Klikkaa Kokoelmasivut-osaa.
  3. Mukauta kokoelmasivut-osaa asetusten avulla.
  4. Napauta Tallenna.

Kokoelmaluettelosivu

Kokoelmaluettelosivulla asiakkaat voivat etsiä kokoelman, jota he haluavat selata. Voit näyttää kokoelmaluettelosivulla kauppasi kaikki kokoelmat tai vain joitakin itse valitsemiasi kokoelmia.

Kokoelmaluettelosivu-osa sisältää seuraavat asetukset:

  • Kokoelma – Aseta kokoelmaluettelosivulle kokoelmat, joita haluat esitellä. Näitä tietoja käytetään vain, jos Valitse näytettävät kokoelmat on asetettu tilaan Valittu.
  • Valitse näytettävät kokoelmat – Valitse, mitkä kokoelmat ovat näkyvissä.
  • Kokoelmien lajitteluperuste – Määritä, miten kokoelmat lajitellaan. Tätä asetusta käytetään vain, jos Valitse näytettävät kokoelmat on asetettu tilaan Kaikki.
  • Kokoelmat rivittäin -Määritä kokoelmat-luettelosivun kullakin rivillä näytettävien kokoelmien määrä.

Mukauta Kokoelmaluettelosivun osiota

  1. Valitse kokoelmaluettelo.
  2. Napauta Kokoelmaluettelosivu -osiota.
  3. Valinnainen: Lisää kokoelmat kokoelmasivulle valitsemalla sisältö -kohdassa Lisää kokoelma.
  4. Mukauta kokoelmaluettelosivua asetusten avulla.
  5. Napauta Tallenna.

Blogisivut

Blogisivuilla oleva osio on blogisivun tärkein mukautettava osa. Blogisivulla luetellaan kaikki blogissasi julkaistut julkaisut. Voit luetella blogijulkaisut tai näyttää ne ruudukkona. Sekä luettelossa että ruudukkomuodossa näkyy blogijulkaisun otsikko ja ote, jos sellainen on saatavilla. Jos otetta ei ole käytettävissä, blogijulkaisusta näkyy muutamia ensimmäisiä lauseita.

Blogisivut-osa sisältää seuraavat asetukset:

  • Layout (asettelu )-Valitse luettelo tai ruudukko.
  • Näytä tekijä -Näytä tekijän nimi Blogijulkaisun otsikon alla.
  • Näytä päivä -Näytä Julkaisupäivä Blogijulkaisun otsikon alapuolella.

Muokkaa blogisivut-osiota

  1. Valitse Blogit.
  2. Napauta blogisivut -osiota.
  3. Mukauta julkaisujen osiota asetuksista.
  4. Napauta Tallenna.

Julkaisut

Blogijulkaisusivut sisältävät yksittäisiä blogijulkaisuja. Julkaisut-osa sisältää seuraavat asetukset:

  • Näytä tekijä -Näytä tekijän nimi Blogijulkaisun otsikon alla.
  • Näytä päivä -Näytä päivä, jona blogijulkaisu julkaistiin Blogijulkaisun otsikon alla.
  • Näytä sosiaalisen median jakamispainikkeet -Valitse tämä vaihtoehto, jos haluat näyttää blogijulkaisuissa sosiaalisen median jakamispainikkeita. Voit valita, mitä alustoja voit käyttää jakamisessa sosiaalisen median asetuksissa.

Mukauta julkaisuja-osio

  1. Valitse Blogijulkaisut.
  2. Napauta postit -osiota.
  3. Mukauta Julkaisut-osiota asetuksista.
  4. Napauta Tallenna.

Ostoskorisivu

Ostoskorisivu-osa sisältää seuraavat asetukset:

  • Ota käyttöön automaattiset korispäivitykset -Valitse tämä vaihtoehto, jos haluat päivittää kaupan heti, kun asiakkaiden tekemät muutokset on tehty. Esimerkiksi välisumman hinta voidaan päivittää, kun asiakas muuttaa ostoskorissa olevien tuotteiden määrän.
  • Ota Korishuomautukset käyttöön -joissakin teemoissa tätä vaihtoehtoa kutsutaan tilaushuomautuiksi.

Mukauta Korisivulle osiota

  1. Valitse Ostoskori.
  2. Klikkaa Ostoskorisivu-osaa.
  3. Mukauta Ostoskorisivu-osaa asetusten avulla.
  4. Napauta Tallenna.

Esittelyssä oleva kokoelma

Voit esitellä tiettyä kokoelmaa kotisivulla. Kokoelmien esittelyn avulla voit edistää myyntiä ja mainostaa uusia kokoelmia.

Esittelyssä oleva kokoelma ‑osa sisältää seuraavat asetukset:

  • Otsikko – Lisää teksti, joka näkyy tuotteiden yläpuolella kokoelmassa. Oletusteksti on Esittelyssä oleva kokoelma.
  • Kokoelma – Valitse kokoelma, jonka haluat näyttää osiossa.
  • Tuotteet riviä kohti – Valitse osan kullakin rivillä näytettävien tuotteiden määrä.
  • Rivit – Valitse osassa näytettävien rivien määrä.
  • Näytä tuotteen myyjä – Näytä kunkin tuotteen myyjä tuotenimikkeen alla.
  • Näytä "Näytä kaikki" ‑painike – Valitse tämä vaihtoehto, jos haluat lisätä Näytä kaikki ‑painikkeen osan viimeisen rivin alle. Asiakkaat voivat klikata tätä painiketta tarkastellakseen koko kokoelmaa.

Lisää kotisivulle esittelyssä oleva kokoelma

  1. Napauta Lisää osio.
  2. Klikkaa ensin Esittelyssä olevat kokoelmat ja sitten Valitse.
  3. Klikkaa Valitse kokoelma ja valitse sitten kokoelma Kokoelma-luettelosta. Valitusta kokoelmasta näytetään enintään 50 tuotetta.
  4. Mukauta Esittelyssä oleva kokoelma ‑osaa asetusten avulla.
  5. Napauta Tallenna.

Kuva tekstillä

Debut-teemassa voit lisätä kuvan tekstillä, jonka teksti näkyy kuvan oikealla tai vasemmalla puolella. Voit myös lisätä painikkeen, joka linkittyy toiseen sivuun.

Voit käyttää kuva tekstillä ‑osiota tietyn tuotteen tai kokoelman mainostamiseen.

Kuva tekstillä ‑osa sisältää seuraavat asetukset:

  • Kuva – Lisää tai valitse osaan sisällytettävä kuva. Voit ladata kuvan, käyttää aiemmin ladattua kuvaa tai valita ilmaisen kuvapankkikuvan Burst-palvelusta.
  • Kuvan tasaus – Valitse, näytetäänkö kuva osion vasemmalla vai oikealla laidalla.
  • Otsikko – Lisää ensisijainen kuvaan liittyvä teksti.
  • Teksti – Lisää toissijainen kuvaan liittyvä teksti. Tämä teksti näytetään otsikkotekstin alapuolella.
  • Tekstipainike – Lisää teksti, jonka haluat näkyvän painikkeessa.
  • Painikelinkki – Aseta URL-osoite tai sivu, johon haluat painikkeen vievän. Liitä URL-osoite tai valitse sivu valikosta. Jos et halua sisällyttää tähän osaan painiketta, jätä tämä kenttä tyhjäksi.

Lisää etusivullesi kuva tekstillä

  1. Napauta Lisää osio.
  2. Klikkaa ensin Kuva tekstillä ja sitten Valitse.
  3. Klikkaa Kuva-kohdassa Valitse kuva ja tee sitten jokin seuraavista: - Jos haluat valita kuvan, jonka olet jo ladannut Shopify-ylläpitäjään, klikkaa Kirjasto-välilehteä.
  4. Jos haluat valita Burst-kuva-arkistossa olevan kuvan, klikkaa Ilmaiset kuvat ‑välilehteä. Voit nyt syöttää hakusanan tai selata kuvaluokkia.
  5. Voit valita kuvan paikallisesta tietokoneesta klikkaamalla ensin Kirjasto-välilehteä ja sitten Lataa.

  6. Mukauta osiota asetuksista.

  7. Napauta Tallenna.

Kuva päällä olevalla tekstillä

Voit näyttää kotisivulla suuren kuvan mukautetulla tekstipeitolla.

Kuva peittotekstillä ‑osa sisältää seuraavat asetukset:

  • Kuva – Valitse osaan sisällytettävä kuva. Voit ladata kuvan, käyttää aiemmin ladattua kuvaa tai valita ilmaisen kuvapankkikuvan Burst-palvelusta.
  • Kuvan tasaus – Valitse, näytetäänkö kuva osion vasemmalla vai oikealla laidalla.
  • Asettelu - Määritä osan leveys.
  • Osan korkeus - Määritä osan korkeus. Jos haluat estää kuvan rajauksen, valitse Mukauta kuvaan, joka määrittää osan korkeuden kuvan korkeuden mukaan.
  • Tekstin koko - Määritä tekstin koko.
  • Otsikko -lisää perusteksti, jonka avulla voit muodostaa pariliitoksen kuvaan. Kuva tekstillä peittokuva -osio nimetään automaattisesti antamääsi otsikoksi.
  • Teksti – Lisää toissijainen kuvaan liittyvä teksti. Tämä teksti näytetään otsikkotekstin alapuolella.
  • Tekstipainike – Lisää teksti, jonka haluat näkyvän painikkeessa.
  • Painikelinkki – Aseta URL-osoite tai sivu, johon haluat painikkeen vievän. Liitä URL-osoite tai valitse sivu valikosta. Jos et halua sisällyttää tähän osaan painiketta, jätä tämä kenttä tyhjäksi.

Lisää etusivulle kuva peittotekstillä

  1. Napauta Lisää osio.
  2. Napauta kuva tekstillä peittokuvaja valitse sitten Valitse.
  3. Klikkaa Kuva-kohdassa Valitse kuva ja tee sitten jokin seuraavista: - Jos haluat valita kuvan, jonka olet jo ladannut Shopify-ylläpitäjään, klikkaa Kirjasto-välilehteä.
  4. Jos haluat valita Burst-kuva-arkistossa olevan kuvan, klikkaa Ilmaiset kuvat ‑välilehteä. Voit nyt syöttää hakusanan tai selata kuvaluokkia.
  5. Voit valita kuvan paikallisesta tietokoneesta klikkaamalla ensin Kirjasto-välilehteä ja sitten Lataa.

  6. Asetusten avulla voi mukauttaa kuvaasi lisäämällä sen päälle tekstiosion.

  7. Napauta Tallenna.

Esittelyssä oleva tuote

Voit esitellä tuotetta etusivulla. Tuotteen esittely on loistava tapa mainostaa uutta tai alennuksessa olevaa tuotetta. Asiakkaat näkevät lisää tuotekuvia kuvan alapuolella olevia vasemmalle ja oikealle osoittavia nuolia käyttämällä.

Esittelyssä oleva tuote ‑osa sisältää seuraavat asetukset:

  • Tuote – Valitse tuote, jota haluat esitellä etusivulla.
  • Näytä määrän valitsin – Anna käyttäjien määrittää määrä, jonka he haluavat lisätä ostoskoriin.
  • Näytä versioiden tiedot – Näytä versioiden tiedot, kuten koko ja väri, versioiden alasvetovalikoiden yläpuolella. Näkyvissä olevat versioiden tiedot perustuvat tuoteversioille määritettyihin vaihtoehtojen nimiin.
  • Näytä myyjä – Näytä tuotebrändi tai myyjä. Jotta tuotemerkki tai myyjä voidaan näyttää, sinun on lisättävä tuotteelle myyjä.
  • Näytä dynaaminen kassapainike – Anna asiakkaille mahdollisuus ohittaa ostoskori ja siirtyä suoraan kassalle esittelyssä olevien tuotteiden osiosta.
  • Näytä some-jakamisen painikkeet – Näytä painikkeet, joita asiakkaat voivat käyttää tuotteidesi jakamiseksi sosiaalisessa mediassa.

Media

  • Koko -Määritä tuotemediankoko.
  • Ota kuvan zoomaus käyttöön – Anna asiakkaiden zoomata kuvia siirtämällä hiiri tuotekuvan päälle.
  • Ota videon silmukkatoisto käyttöön ‑ Silmukkatoista tuotevideoita. Jos valinta poistetaan, toistopainike näkyy videoissa, kun videot päättyvät.

Esittelyssä olevien tuotteiden osion lisääminen

  1. Napauta Lisää osio.
  2. Klikkaa ensin Esittelyssä oleva tuote ja sitten Valitse.
  3. Mukauta esittelyssä oleva tuote ‑osaa asetusten avulla.
  4. Napauta Tallenna.

Uutiskirje

Voit lisätä kotisivulle uutiskirjeen tilaustoiminnon. Toiminnon avulla voit kerätä sähköpostiosoitteita sähköpostilla toteutettavia markkinointikampanjoita varten. Lisätietoja sähköpostimarkkinoinnista on Shopify-blogissa.

Lisää kotisivulle uutiskirjeen tilaustoiminto

  1. Napauta Lisää osio.

  2. Klikkaa Uutiskirje ja sitten Valitse.

  3. Kirjoita uutiskirjetilauksen otsikko.

  4. Kirjoita uutiskirjeen tilauksen alaotsikko.

  5. Napauta Tallenna.

Kartta

Voit lisätä kotisivulle Google-kartan, josta asiakkaat näkevät yrityksesi toimipaikan.

Kartta-osassa on seuraavat asetukset:

  • Otsikko - Lisää kartta-osaan otsikko.
  • Osoite ja aukioloajat - Lisää kartta-osaan kaupan osoite ja aukioloajat.
  • Kartan osoite - Aseta kartta näyttämään kaupan sijainti.
  • Kartan linkin nimi - Lisää painike, joka linkittyy sijaintiisi Google Mapsissa.
  • Näytä nasta - Lisää nasta, joka näyttää kaupan tarkan sijainnin kartalla.
  • Google Mapsin API-avain - Lisää kartan API-avain kartta-osaan.
  • Kuva - Lisää kuva, joka näytetään, jos kartta ei lataudu.
  • Kuvan sijainti - Määritä kuvan sijoittelu.

Lisää kartta etusivulle

  1. Napauta Lisää osio.
  2. Klikkaa ensin Kartta ja sitten Valitse.
  3. Mukata kartta-osaa asetusten avulla.
  4. Napauta Tallenna.

Rich text

Voit syöttää Rich text -osassa mahdollisen kirjoitetun sisällön, jonka haluat näyttää kotisivulla, tai upottaa minkä tahansa Shopify-hallinnassa luodun sivun. Voit esimerkiksi esitellä tulevia tapahtumia upottamalla blogisivusi tai näyttämällä sivun, jolla on jokin seuraavista:

Rich text -osa sisältää seuraavat asetukset:

  • Leveä näyttö - Pienennä marginaaleja tekstin kummallakin puolella.
  • Otsikko - Lisää rich text -osaan otsikko.
  • Teksti - Lisää ja muotoile mukautettua tekstiä. Jos haluat esitellä kaupan sivua, valitse Lisää sisältö ja valitse sitten Sivu. Valitse pudotusvalikosta sivu, jonka haluat esitellä kotisivuna.
  • Koko - Määritä tekstin koko.

Lisää kotisivulle Rich Text-teksti

  1. Klikkaa Lisää osa.

  2. Napauta Rich Text-tekstiäja valitse sitten Valitse.

  3. Mukauta rich text -osaa asetusten avulla.

  4. Napauta Tallenna.

Video

Voit lisätä kotisivullesi YouTube-videon. Videot voivat houkutella asiakkaita ja herättää kiinnostusta yritykseesi.

Video-osa sisältää seuraavat asetukset:

  • Kansikuva - Lisää videolle kansikuva. Kansikuva ei ole näkyvissä videon toiston aikana.
  • Kuvan tasaus - Tasaa kansikuva niin, että tärkein osa on aina näkyvissä.
  • Videon linkki - Lisää videon YouTube-URL-osoite.
  • Näytä peittokuva - Lisää videon päälle värikerros, joka helpottaa tekstin lukemista. Jos määrität videon tyyliksi Kuva toista-painikkeella, peittokuvaa ei näytetä videon toiston aikana.
  • Tyyli - Määritä videon tyyli. Taustavideo-tyyli on käytettävissä vain tietokoneilla. Jos asiakkaat vierailevat kaupassa tablettitietokoneella tai mobiililaitteella, he näkevät aina Kuva toisto-painikkeella -tyylin.
  • Videon korkeus - Määritä videon korkeus.
  • Otsikko - Lisää videoon otsikko.
  • Tekstin koko - Lisää videoon tekstiä. Jos määrität videon tyyliksi Kuva toista-painikkeella, tekstiä ei näytetä videon toiston aikana.

Lisää etusivullesi video

  1. Napauta Lisää osio.
  2. Klikkaa ensin Videoja sitten Valitse.
  3. Mukauta video-osaa asetusten avulla.
  4. Napauta Tallenna.

Diaesitys

Voit lisätä kotisivullesi kuvien diaesityksen. Diaesitys-osassa voit määrittää diojen korkeuden, lisätä tekstiä ja painikkeita ja valita, toistetaanko diaesitys automaattisesti.

Diaesitys-osa sisältää seuraavat asetukset:

  • Kuvadia -valitse diaesitykseen sisällytettävä kuva. Voit lähettää kuvan, käyttää aiemmin lähetettyjä kuvia tai valita ilmaisen varastosta Burst-kuvaksi. Voit määrittää jokaiselle dialle seuraavat asetuksia: - Kuvan sijainti -Valitse kuvan tasaus diaesityksen rungosta. Lisätietoja kuvan sijainnista on alla olevissa ohjeissa.

    • Otsikko – Lisää ensisijainen kuvaan liittyvä teksti.
    • Alaotsikko – Lisää toissijainen kuvaan liittyvä teksti. Tämä teksti näytetään otsikkotekstin alapuolella.
    • Tekstipainike – Lisää teksti, jonka haluat näkyvän painikkeessa.
    • Painikelinkki – Aseta URL-osoite tai sivu, johon haluat painikkeen vievän. Liitä URL-osoite tai valitse sivu valikosta. Jos et halua sisällyttää tähän osaan painiketta, jätä tämä kenttä tyhjäksi.
  • Dian korkeus - Määritä diaesityksen korkeus. Katso lisätietoja siitä, miten diojen korkeus vaikuttaa diaesitykseen.

  • Tekstin koko -Määritä diaesityksen otsikoiden koko.

  • Tekstin tasaus -Valitse tekstin sijainti dioja varten.

  • Näytä peittokuva – Lisää kuvan ja sen päälle sijoitetun tekstin väliin jäävä värikerros. Peittokuvat voivat parantaa värikontrastia ja luettavuutta. Voit määrittää peittokuvan värin ja peittävyyden väriasetuksissa.

  • Vaihda dia automaattisesti - Määritä diaesitykselle automaattinen toisto.

  • Dian vaihtoväli – Valitse, kuinka usein diat vaihtuvat.

Lisätietoja diaesityksen kuvien rajautumisista ja suositelluista kuvakoosta saat kohdasta diaesityksen ohjeet.

Lisää etusivulle diaesitys

  1. Napauta Lisää osio.
  2. Klikkaa Diaesitys ja sitten Valitse.
  3. Voit lisätä kuvadian seuraavasti:

    1. klikkaa Sisältö-kohdassa Lisää kuvadia.
    2. Valitse Kuva-valikosta Valitse kuva. Voit ladata kuvan tietokoneelta napauttamalla Lataa. Jos haluat käyttää ilmaista kuvaa Burst-kuva-arkistosta, klikkaa Ilmaiset kuvat.
    3. Voit valita kuvan tasauksen diaesityksessä valitsemalla sopivan asettelun Kuvan sijainti -pudotusvalikosta. Lisätietoja kuvan sijainnista on alla olevissa ohjeissa.
    4. Jos haluat lisätä kuvadiaan tekstiä, kirjoita teksti Otsikko-kenttään, Alaotsikko-kenttään tai molempiin.
    5. Voit lisätä kuvadiaan painikkeen kirjoittamalla tekstiä Tekstipainike-kenttään. Valitse Painikelinkki -kentässä verkkokaupan se osa, johon painike linkittyy.
  4. Mukauta diaesityksen osiota käyttämällä asetuksia.

  5. Napauta Tallenna.

Diaesityksen ohjeet

Alla olevien asetusten ja kuviin liittyvien suositusten avulla voit hallita, miltä diaesitys näyttää verkkokaupassa. Seuraavat tekijät vaikuttavat siihen, miltä diat näyttävät:

  • Kuvien mitat
  • Kuvan sijainnin asetukset
  • Dian korkeuden asetukset
  • Kuvien leveys-korkeussuhde

Erikokoisten ja -muotoisten näyttöjen takia diat saattavat näyttää erilaisilta mobiililaitteilla ja tietokoneilla.

Kuvakokoa koskevat suositukset

Diaesityksen kuvien suositellut mitat riippuvat dian korkeuden asetuksista. Käytä seuraavia ohjeita:

Kuvakokoa koskevat suositukset asetuksittain
Dian korkeuden asetus Suositeltu leveys Suositeltu korkeus
Mukauta ensimmäisen kuvan mukaan 1200 px 600 px
Pieni 1200 px 475 px
Keskisuuri 1200 px 489 px
Suuri 1200 px 775 px

Jos haluat tarkastella tai muuttaa dian korkeuden asetuksia, katso diaesityksen luontia koskevien ohjeiden vaihe 5.

Kuvan rajaus

Voit itse hallita, miten kuvat rajataan, tai estää kuvien rajauksen kokonaan.

Kuvien rajauksen hallinta

Kuvat todennäköisesti rajautuvat tietyn kokoisilla näytöillä seuraavissa tilanteissa:

  • Kuvien leveys-korkeussuhde ei ole vakio.
  • Dian korkeudeksi on asetettu Pieni, Keskisuuri tai Suuri.
  • Dian korkeuden asetukseksi on valittu Mukauta ensimmäisen kuvan mukaan, ja kuvat ovat laitteen näyttöä tai selaimen ikkunaa pidempiä.

Voit hallita kuvien rajaamista Kuvan sijainti -asetuksella.

Voit valita jokaisen kuvan kohdalla, minkä osan haluat pitää näkyvissä rajaamisen aikana. Seuraavassa esimerkissä kuvataan, miten sama kuva saatetaan rajata näytön koon mukaan. Vasemmalla olevassa diassa kuvan sijainniksi on valittu Keskellä. Oikealla olevassa diassa kuvan sijainniksi on valittu Ylhäällä vasemmalla.

Esimerkki diasta, joka rajataan eri tavalla kuvan sijainnin asetuksen mukaan.

Jos haluat tarkastella tai muuttaa kuvan sijaintiasetuksia, katso diaesityksen luontia koskevien ohjeiden vaihe 10.

Kuvien rajauksen estäminen

Voit estää diaesityksen kuvien rajauksen seuraavasti:

  • Aseta dian korkeudeksi Mukauta ensimmäisen kuvan mukaan.
  • Käytä kuvia, joiden leveys on kaksi kertaa korkeutta suurempi. Tällaisten kuvien leveys-korkeussuhde on 2:1. Suositellut mitat ovat 1200 x 600 pikseliä.
  • Varmista, että kaikilla dioilla on sama leveys-korkeussuhde. Diojen suhde on tärkeämpi kuin diojen mitat pikseleinä.

Seuraavassa esimerkissä on tietokoneella ja mobiililaitteella näytettävä diaesityksen kuva, jonka kuvasuhde on 2:1:

Dia näkyy tietokoneella ja mobiililaitteella ilman rajausta.

Dian korkeus

Diaesityksen osan leveys on aina 100 prosenttia selainikkunasta. Diojen korkeus määräytyy niiden leveyden mukaan. Erikokoisten näyttöjen takia diojen leveys ja korkeus vaihtelevat eri laitteilla. Myös dian korkeusasetukset vaikuttavat diojen korkeuteen.

Voit mukauttaa diaesityksen korkeuden ensimmäisen kuvan korkeuteen valitsemalla Mukauta ensimmäisen kuvan mukaan -korkeusasetuksen. Tämä asetus toimii parhaiten, kun kaikki kuvat ovat samankokoisia tai niillä on sama leveys-korkeussuhde. Jos kuvat ovat erikokoisia tai niiden mittasuhteet vaihtelevat, voit vaihtaa diojen järjestystä nähdäksesi, miltä ne näyttävät erikorkuisina.

Seuraavassa esimerkissä ensimmäiseksi on sijoitettu dia, jonka korkeus on pienin:

Lyhyempi dia määrittää kahden muun dian korkeuden. Koska muut diat ovat korkeampia, ne rajataan ylhäältä ja alhaalta.

Seuraavassa esimerkissä ensimmäiseksi on sijoitettu dia, jonka korkeus on suurempi:

Keskikorkea dia määrittää kahden muun dian korkeuden. Korkeampi dia on rajattu ylhäältä ja alhaalta. Lyhyempi dia on rajattu sivuilta.

Jos määrität korkeusasetukseksi Pieni, Keskisuuri tai Suuri, katso kuvakokoa koskevat suositukset dioja varten.

Kuvasuhteet

Jos haluat estää kuvien rajauksen diaesityksessä, kuvien suositeltu leveys-korkeussuhde on 2:1.

Jos kuvien rajaus tietokoneiden näytöillä ei haittaa sinua ja haluat tehdä vaikutuksen mobiililaitteilla, käytä neliönmuotoisia kuvia tai kuvia, joiden korkeus on leveyttä suurempi. Seuraavassa esimerkkidiassa on neliönmuotoinen kuva, jonka leveys-korkeussuhde on 1:1.

Neliönmuotoinen dia, joka on näkyvissä tietokoneella ja mobiililaitteella. Kuva rajataan tietokoneella, mutta sitä ei rajata mobiililaitteella.

Seuraava esimerkkidiassa on muotokuva, jonka leveys-korkeussuhde on 2:3.

Korkea dia, joka on näkyvissä tietokoneella ja mobiililaitteella. Kuva rajataan tietokoneella, mutta sitä ei rajata mobiililaitteella.

Valmiina aloittamaan myynti Shopifyssa?

Kokeile ilmaiseksi