Tehokkaan hinnoitteluosion suunnittelu verkkosivustollesi on olennaista ohjattaessa potentiaalisia asiakkaita tekemään ostopäätöksiä ja yleistä markkinointistrategiaa.
Tämän verkkosivustosi osion avulla voit näyttää kaikkien tarjoamiesi palveluiden hinnat ja ohjata asiakkaita Maksut-sivulle toimintakehotuspainikkeilla.
Tässä artikkelissa
- Lisää Hinnoittelu-osio
- Hallinnoi Hinnoittelu-osiota
- Lisää ja muokkaa luettelokohteita
- Listan kohteiden järjestys
- Hallinnoi elementtejä
- Hallitse asettelua
- Tyylihinnoittelu -osio
Lisää Hinnoittelu-osio
- Sivulle voidaan lisätä osio. Voit joko lisätä osion jo olemassa olevalle sivulle tai luo uusi sivu verkkosivustosi sisällä.
- Sivullasi, Klikkaa sininen + kuvake lisätäksesi uuden osion.

- Näet nyt osion luokat vasemmalla puolella.
- Selaa kohtaan Hinnasto: (1) -osio ja napsauta sitä. Näyttöön tulee näyttö, josta voit valita eri vaihtoehdoista ulkoasuja (2)

- Valitse mikä tahansa osion asettelu ja lisää se sivullesi napsauttamalla sitä.
Hallinnoi Hinnoittelu-osiota
Kun olet lisännyt osion:
- Klikkaa Muokkaa hinnoittelua (1) -painiketta avataksesi Hinnoittelu-osio asetukset.

Lisää ja muokkaa luettelokohteita
Lisää luettelokohde
- Klikkaa Lisää tavara (1) -painiketta lisätäksesi uuden kohteen luetteloon.
- Monistaa or Poista (2) luettelon kohteet.
- Muokkaa Osion otsikko §:n 3 momentti.

Muokkaa luettelokohdetta
Napsauta luettelokohdetta, jota haluat muokata. Se avaa kyseisen luettelokohteen muokkausvaihtoehdot.
Täältä voit:
- Lataa / poista ensisijainen ja toissijainen kuva (1)
Voit ladata a Toissijainen kuva yhdessä Ensisijainen kuva jokaiselle luettelokohdalle. Kun käyttäjä vie hiiren kohteen päälle, näytetään toissijainen kuva, joka korvaa ensisijaisen kuvan. Lisäksi voit asettaa Kuvan korostusväri, joka näkyy kuvan osoittimessa. - Lisää Otsikko (2), Tekstitys (3)ja Kuvaus (4) luettelon kohdan.
- Et välttämättä löydä tekstityksen ja kuvauksen vaihtoehtoa tietyistä luettelokohteista riippuen valitsemastasi asettelusta.

5. Toiminto napsautuksella – otsikko ja kuva
Voit mukauttaa yksittäisten kohteiden napsautuskäyttäytymistä Hinnasto: osio. Alla ovat käytettävissä olevat vaihtoehdot:
- Siirry linkkiin
Tämän vaihtoehdon valitseminen avaa Linkkien rakentaja, jonka avulla voit lisätä hyperlinkin tähän kohteeseen. Linkki voi ohjata käyttäjät verkkosivustosi toiselle sivulle tai ulkoiselle URL-osoitteelle. Tietää enemmän noin Linkkien rakentaja. - Avaa Lightboxissa
Tämä vaihtoehto näyttää kohteen suurennettuna Lightbox katsella napsautettaessa. Tässä tilassa Alaotsikko ja Tuotetiedot kohteeseen liitetty ei näy ruudukkonäkymässä, mutta näkyy Lightbox-tilassa. - Ei toimintoa
Valitse tämä vaihtoehto, jos haluat tehdä kohteen napsauttamattoman. Kun kohde on valittuna, kohteen napsauttaminen ei käynnistä mitään toimintoa.
6. Avaa linkki uudessa ikkunassa: Aseta linkki avautumaan kohdassa a uusi välilehti tai samassa välilehdessä. Tämä näkyy vasta kun Siirry linkkiin -vaihtoehto on valittu alta Toimi klikkauksella valikosta.

7. Painikkeet ja linkit: Lisää minkä tahansa tyyppisiä Linkki luettelon kohtaan. Voit lisätä painikkeen/kuvalinkin/sosiaalisen kuvakkeen/tekstilinkin. Lisätietoja.

8. Kortin tyylin ohitus
Voit ohittaa yleiset korttityyliasetukset osion kautta Tyyliasetukset ja mukauta jokaisen kohteen korttia erikseen Hinnoittelu-osiossa. Näin voit käyttää ainutlaatuisia tyylejä eri luettelokohteissa paremman mukauttamisen takaamiseksi.
Lisätietoja Tietoja Kortit-vaihtoehdosta dynaamisessa osiossa.
9. Muodon tyylin ohitus
Käytä Ohita-vaihtoehtoa määrittääksesi jokaiselle kuvalle eri muodon erikseen Hinnoittelu-osiossa, mikä antaa sinulle paremman hallinnan jokaisen tuotteen visuaaliseen tyyliin. Lisätietoja Tietoja Muotoilevasta Maskista.
10. Tallenna: Kun olet tehnyt mukautukset, tallenna muutokset.

Listan kohteiden järjestys
Voit helposti muuttaa luettelokohteiden järjestystä Vetäminen ja pudottaminen niitä.
Katso Hinnoittelutuoteluettelon järjestys toiminnassa:
Hinnoittelun elementtien hallinta
Hinnoitteluosio sisältää Elementit-välilehti jonka avulla voit hallita osion eri elementtien näkyvyyttä helposti. Yksinkertaisten vaihtokytkimien avulla voit ottaa käyttöön tai poistaa käytöstä tiettyjä elementtejä ilman, että sinun tarvitsee poistaa tai muokata itse elementtejä.
- Klikkaa Muokkaa hinnoittelua (1) -painiketta.
4
- Valitse elementit (2) -välilehti.
- Kun olet tehnyt muutokset, paina Säästä (3) -painiketta.

Osion asetukset
- Näytä otsikko: Ota Hinnoittelu-osion otsikon näkyvyys käyttöön tai poista se käytöstä.
- Näytä painikkeet: Hallitse, näytetäänkö painikkeet osatasolla.

Kohteet Asetukset
- Näytä kuva: Muuta kuvien näkyvyyttä.
- Näytä Otsikko: Hallitse, näytetäänkö otsikko.
- Näytä tekstitys: Ota tekstitykset käyttöön tai poista ne käytöstä.
- Näytä kuvaus: Hallitse tuotekuvausten näkyvyyttä.
- Näytä painikkeet: Päätä, näytetäänkö yksittäisten kohteiden painikkeet.

Hallitse asettelua
- Klikkaa Muokkaa hinnoittelua -painiketta avataksesi osion muokkauspaneelin.
- Valitse Layout Tab.
- Täältä voit helposti muuttaa osion asettelua, vaikka se olisi lisätty sivulle.
Kun vaihdat asettelua, näet osioihin liittyvät asettelut ylhäällä.

Näiden lisäksi sinulla on myös mahdollisuus valita asettelu muista osioista Lisää asetteluja menossa.

Tyylihinnoittelu -osio
Voit mukauttaa Hinnoittelu-osion eri puolia käyttämällä erilaisia tyylivaihtoehtoja. Siirry tyylivaihtoehtoihin napsauttamalla Muokkaa hinnoittelua (1) -painiketta.

- Napsauta sivupalkissa Tyyli (2) -välilehti.

Sinulla on useita tyylivaihtoehtoja osiolle:
- Näytön asetukset
- Mobiili näyttö
- suuntaus
- Tekstin koko
- Väli
- Osion otsikko
- Kuvien asetukset
- Muotoileva naamio
- Image Hover Options
- Kuvan reuna
- Korttivaihtoehdot
- Varjon asetukset
- Painikkeet ja linkit
Näytön asetukset
- Päättäkää Näytä kohteet in rivejä ja sarakkeita or karuselli
- Jos olet valinnut rivejä ja sarakkeita vaihtoehto, luettelon kohteet järjestetään riveihin ja sarakkeisiin. Tässä tapauksessa sinun on määritettävä rivien ja sarakkeiden määrä.
- Jos olet valinnut karuselli vaihtoehto, luettelon kohteet esitetään diaesityksenä. Tietää enemmän.
- - asettaa Kolumnien numerot osiolle. Voit valita 1–10 saraketta.
- Määritä Pylväiden välinen tila luettelon kohteista.
- Määritä Tila rivien välissä luettelon kohteista.

Jos karusellivaihtoehto valitaan vaiheessa 1, näet seuraavat lisävaihtoehdot:
- Ota Smooth Scrolling käyttöön: Mahdollistaa kohteiden jatkuvan vierityksen karusellissa saumattoman ja visuaalisesti houkuttelevan kokemuksen saamiseksi.
- Automaattinen liuku: Kiertyy automaattisesti diojen läpi ilman käyttäjän toimia.
- Näytä automaattisen toiston edistyminen: Näyttää edistymisen ilmaisimen, kun automaattinen toisto on aktiivinen paremman näkyvyyden parantamiseksi.
- Automaattisen toiston viive: Asettaa aikavälin kunkin diasiirtymän välillä, kun automaattinen toisto on käytössä.
- Karuselli Loop: Mahdollistaa diojen jatkuvan silmukan, joten karuselli käynnistyy uudelleen saumattomasti viimeisen dian jälkeen.
- Karuselliohjaimet: Valitse Navigointiohjaimet. Voit valita vaihtoehdoista Ei säätimiä, Nuolet – alhaalla keskellä/Oikealla ylhäällä/Oikealla alhaalla, Chevron, Pisteet ja Vaakasuora vieritys.
- Häivyttää reunat: Käytä hienovaraista haalistumista karusellin reunoihin. Se parantaa käyttökokemusta sekoittamalla kuvia pehmeästi, kun ne tulevat näkymään tai poistuvat siitä.

Mobiili näyttö
- Aseta numero Ruudukon sarakkeet mobiililaitteille. Voit asettaa sen enintään 3 sarakkeeksi.
- Määrittele Väli ruudukoiden välillä (pikseleinä).

suuntaus
- Kohdistaa kuva vaakasuunnassa osiossa. Voit asettaa ne tasatuiksi vasemmalle, oikealle tai keskelle.
- Kohdistaa teksti vaakasuunnassa osiossa. Voit asettaa ne tasatuiksi vasemmalle, oikealle tai keskelle.
- Kohdistaa Sisältö vertikaalisesti osiossa. Voit asettaa ne tasaamaan ylös, keskelle ja alas.
- Valitse Sisällön järjestys eli ensin näytettävät luettelokohteiden kuvat tai niihin liittyvä teksti.

Tekstin koko
- Klikkaa Muuta tekstin tyyliä -painiketta vieraillaksesi Design ja hallita kirjasinkokojasi ja tyylejäsi.
- - asettaa Otsikko osion luettelokohteiden kirjasintyyli.
- - asettaa Alaotsikko osion luettelokohteiden kirjasintyyli.
- Aseta oletusarvo Tuotetiedot osion luettelokohteiden kirjasintyyli.
- Ota tämä asetus käyttöön animoi mitä tahansa numeroita Läsnä Otsikko ja Alaotsikko kentät. Kun tämä on käytössä, numeeriset arvot näkyvät dynaamisen laskenta-animaation kanssa, mikä tekee niistä visuaalisesti houkuttelevampia.

Väli
- Määritä Kuvan leveys luettelon kohteille.
- Määritä Sisällön leveys luettelon kohteille.
- Määritä Välilyönti osion otsikon alla px.
- Määritä Kuvien alla tilaa luettelon kohdista (%).
- Määritä Välilyönti otsikoiden alla luettelon kohdista (%).
- Määritä Tekstityksen alla tilaa luettelon kohdista (%).

Osion otsikko
- Tasaa vaakatasossa osion otsikkoteksti. Voit asettaa sen vasemmalle, keskelle ja oikealle.
- Ota käyttöön/poista käytöstä Jakaja osion otsikon ja osion sisällön välillä.
- - asettaa jakajan paksuus (pikselinä).
- Määritä Jakajan väri värivalitsimesta.
- Valitse Jakaja Tyyli avattavasta valikosta.
- - asettaa Otsikon leveys määrittääksesi osion otsikon leveyden, alkaen vähintään 50 prosentista.

kuvat
- Valitse Imaagi Crop luettelon kohteille. Voit asettaa kuviksi neliö, ympyrä, vaaka, muotokuva ja alkuperäinen.
- Valitse luettelon kohteiden kummallekin puolelle yhteinen kulman säde tai eri kulman säde ja aseta numero (pikselinä) Corner Radius luettelon kohteen kuvista. Tietää enemmän.

- Jos olet valinnut jaetut kulmat, voit asettaa kulman kulman eri säteen.

Muotoileva naamio
- Muotonaamio: Ota tämä kytkin käyttöön lisätäksesi muotomaskin Hinnoittelu-osion kuviin. Kun tämä kytkin on käytössä, valittu muoto leikkaa kuvan visuaalisesti kyseiseen lomakkeeseen.
- Valitse muoto: Valitse useista ennalta määritetyistä muodoista, joita voit käyttää kuviisi. Tämän avulla voit tyylitellä sisältöäsi luovasti näyttämällä kuvia ainutlaatuisissa muodoissa, kuten pyöristetyssä, vinoneliössä, pudotuksessa jne.
- Venyttää: Ota tämä asetus käyttöön venyttääksesi valittua muotoa niin, että se sopii paremmin kuvasäiliöön. Tämä varmistaa, että muoto täyttää käytettävissä olevan tilan suhteellisesti, mikä parantaa visuaalista kohdistusta erikokoisten näyttöjen välillä.

Kuvan osoitin
- Valitse Kuva Hover Color olla korostusväri tai olla määritelty. Jos olet valinnut korostusvärija määritä sitten sameus. Voit määrittää korostusvärin jokaiselle tuotteelle alkaen Muokkaa kohdetta paneeli.
- Jos olet valinnut määritä väri -vaihtoehto ja aseta sitten Päällystyksen väri ja peittävyys.
- - asettaa Peittotekstin väri joka näkyy osoittimessa.
- Päättäkää Animoi luettelokohteen kuvat vie hiiri napsauttamalla Kyllä. Tarkista tämä ominaisuus live-sivulla.
- Valitse Animaatiotyyli kuville, kun kohdistin on niiden päällä.
- Valitse, haluatko sallia kuvien siirto leijuu vai ei.
- Valitse Siirtymistyyli hover siirtymistä varten. Käytettävissä olevat vaihtoehdot ovat Fade ja Flip.

Kuvan reuna
- Ota reuna käyttöön / poista käytöstä kuvien ympärille vaihtamalla.
- Valitse, onko sinulla a yhteinen raja kuvien kaikilla puolilla tai voit määrittää rajat erikseen kummallekin puolelle.
- Määritä leveys rajasta. Jos se on asetettu arvoon 0, reuna ei tule näkyviin. Voit myös asettaa reunuksen leveyden erikseen kuvan kummallekin puolelle.
- Valitse Reunuksen väri värivalitsimesta.
- Valitse haluamasi Reunuksen tyyli avattavasta valikosta.
- Määrittele reunuksen leveys matkapuhelimelle kohdistamalla se työpöydälle valitun leveyden mukaan.

Kortit
- Katso, miten korttien hallintaan.

varjo
- näyttö – Valitse, näytetäänkö luettelon kohteiden takana oleva varjo aina vai vain hiiren päällä.
- Tyyli – Valitse olemassa olevista esiasetuksista tai luo mukautettu varjo.
Jos olet valinnut mukautetun vaihtoehdon, käy tässä Box Shadow Generator luodaksesi mukautetun varjon. Lopuksi kopioi ja liitä laatikko varjo CSS. - Jos olet valinnut esiasetusvaihtoehdon, niin Valitse Varjotyylit avattavasta valikosta.

Painikkeet ja linkit
- Katso, miten hallita tyyliä Painikkeet ja linkit.
- Säästä kaikki tyyli muuttuu.

