Komponentit· Markkinointi
Markkinointi
Hinnastot, asiakaspalautteet, tiimi, luvut, logot ja vertailut, joilla kävijä vakuuttuu.
11 komponenttia
Esimerkit toimivat testitilassa: mitään ei tallenneta oikealle sivustolle, viestejä ei lähetetä ja maksut ovat testimaksuja.
Hinnasto
Osio pricing
Hinnoittelukortit vierekkäin: paketin nimi, hinta, mitä siihen kuuluu ja painike. Yksi kortti voidaan nostaa suositelluksi.
Tyylit (5)
Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.
Asetukset (10)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Muotoiltu teksti | – |
Kuukausi- ja vuosihinta periodToggle | Päällä / pois | – |
Näytetään ensin defaultPeriod | Valinta | – |
Kuukausivalinnan teksti monthlyLabel | Teksti | – |
Vuosivalinnan teksti yearlyLabel | Teksti | – |
Säästöteksti saveNote | Teksti | – |
Arvonlisäverohuomautus vatNote | Valinta | – |
Tyyli design | Valinta | – |
Korostus osoitettaessa cardHighlight | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 65 pohjassa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
Kaikki 65 pohjaa
- Padel-halli
- Tennishalli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Välinevuokraus
- Kuntosali
- Personal trainer
- Urheiluseura tai klubi
- Liigajoukkue
- Yhdistys
- Juhlatila
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Eräseura
- Kirjailijaseura ja klassikko
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Somevaikuttaja ja sisällöntuottaja
- Liiga tai sarja
- Valokuvaaja
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Siivouspalvelu
- Kiinteistöhuolto
- Konsultti ja valmentaja
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Kiinteistönvälitys
- Tilitoimisto
- Kahvila ja leipomo
- Lounasravintola
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Maalari, katto, lattia ja puuseppä
- Hoivakoti ja päiväkoti
- Kirpputori
- Nuohooja
- Kortti- ja maksusovellus
- Kiipeilyhalli (A)
- Tilaketju
- Apteekki
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
Asiakaspalautteet
Osio testimonials
Asiakkaiden palautteet nimen, roolin, kuvan ja tähtiarvion kanssa korteissa, seinänä tai karusellina.
Tyylit (6)
Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.
Asetukset (9)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Muotoiltu teksti | – |
Sarakkeet columns | Luku | 3 |
Otsikon paikka headAlign | Valinta | – |
Alapainikkeen teksti buttonLabel | Teksti | – |
Painikkeen linkki buttonUrl | Linkki | – |
Alapainikkeen tyyli buttonVariant | Valinta | – |
Tyyli design | Valinta | – |
Korostus osoitettaessa cardHighlight | Valinta | – |
Saavutettavuus
Ei automaattista liikettä oletuksena. Jos omistaja kytkee liikkeen päälle, Tauko-painike on ensimmäinen ohjain ja prefers-reduced-motion pysäyttää liikkeen aina (WCAG 2.2.2). Ohjaimilla on suomenkieliset nimet.
Käytössä 65 pohjassa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
Kaikki 65 pohjaa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Majatalo ja B&B
- Mökki ja huvila
- Elämyspalvelut
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Personal trainer
- Vaaliehdokas
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Kirjailija
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Konsultti ja valmentaja
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Tilitoimisto
- Kahvila ja leipomo
- Pizzeria
- Hammaslääkäri
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Valmistaja ja tukku
- Maalari, katto, lattia ja puuseppä
- Kirpputori
- Nuohooja
- Tilaketju
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Tiimi
Osio team
Henkilökunta tai hallitus: kuva, nimi, rooli ja yhteystiedot korteissa, ympyröinä tai listana.
Tyylit (4)
Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.
Asetukset (9)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Muotoiltu teksti | – |
Sarakkeet columns | Luku | 4 |
Otsikon paikka headAlign | Valinta | – |
Alapainikkeen teksti buttonLabel | Teksti | – |
Painikkeen linkki buttonUrl | Linkki | – |
Alapainikkeen tyyli buttonVariant | Valinta | – |
Tyyli design | Valinta | – |
Korostus osoitettaessa cardHighlight | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 45 pohjassa
- Padel-halli
- Tennishalli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
Kaikki 45 pohjaa
- Padel-halli
- Tennishalli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Urheiluseura tai klubi
- Liigajoukkue
- Yksilölajiseura
- Yhdistys
- Häät
- Ravintola
- Autokorjaamo
- Autokoulu
- Vaihtoautoliike
- Hinauspalvelu
- Eräseura
- Kurssikeskus ja koulutusyritys
- Pianokoulu ja soitintunnit
- Musiikki- ja tanssikoulu
- Kuljetus ja logistiikka
- Maanrakennus ja infra
- Asiantuntijatoimisto
- Suunnittelutoimisto
- Mainos- ja viestintätoimisto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Kiinteistönvälitys
- Tilitoimisto
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Polkupyöräkauppa
- Taloyhtiö
- Säätiö
- Hoivakoti ja päiväkoti
- Apteekki
- Muotoilu, graafikko ja video
- Kääntäjä ja käännöstoimisto
- Vakuutusasiamies
Tunnusluvut
Osio stats
Tunnusluvut isoina numeroina selitteineen: vuodet, asiakkaat, kentät tai jäsenmäärä.
Tyylit (4)
Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.
Asetukset (9)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Muotoiltu teksti | – |
Sarakkeet columns | Luku | 4 |
Otsikon paikka headAlign | Valinta | – |
Alapainikkeen teksti buttonLabel | Teksti | – |
Painikkeen linkki buttonUrl | Linkki | – |
Alapainikkeen tyyli buttonVariant | Valinta | – |
Tyyli design | Valinta | – |
Korostus osoitettaessa cardHighlight | Valinta | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 67 pohjassa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
Kaikki 67 pohjaa
- Padel-halli
- Beach volley -halli
- Jooga- tai pilatesstudio
- Hieronta tai hoitola
- Parturi tai kampaamo
- Pienhotelli
- Mökki ja huvila
- Välinevuokraus
- Verkkokauppa
- Kuntosali
- Personal trainer
- Yhdistys
- Vaaliehdokas
- Ravintola
- Autokorjaamo
- Rengasliike ja rengashotelli
- Autokoulu
- Katsastusasema
- Autopesula
- Vaihtoautoliike
- Kolarikorjaamo
- Autovuokraamo
- Hinauspalvelu
- Taksi
- Maatila ja suoramyynti
- Urheilija
- Kirjailija
- Eräseura
- Kurssikeskus ja koulutusyritys
- Musiikki- ja tanssikoulu
- Muusikko ja bändi
- Somevaikuttaja ja sisällöntuottaja
- Valokuvaaja
- Kuljetus ja logistiikka
- Sähköasennus
- Putki- ja LVI-liike
- Rakennus- ja remonttiyritys
- Maanrakennus ja infra
- Siivouspalvelu
- Kiinteistöhuolto
- Lakitoimisto
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Tilitoimisto
- Lounasravintola
- Hammaslääkäri
- Fysioterapia ja terapia
- Eläinlääkäri
- Kauneushoitola tai kynsistudio
- Kukkakauppa
- Polkupyöräkauppa
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Taloyhtiö
- Säätiö
- Valmistaja ja tukku
- Maalari, katto, lattia ja puuseppä
- Nuohooja
- Kortti- ja maksusovellus
- Tilaketju
- Apteekki
- Muotoilu, graafikko ja video
- Vakuutusasiamies
Logot
Osio logoCloud
Asiakkaiden, kumppanien tai sponsorien logot ruudukkona tai rivinä, halutessa linkkeinä.
Tyylit (4)
Valitse tyyli, niin esimerkki yllä vaihtuu siihen. Sisältö pysyy samana, vain ulkoasu vaihtuu.
Asetukset (6)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Näyttötapa display | Valinta | Ruudukko |
Sarakkeet columns | Luku | 6 |
Nauhan nopeus speed | Valinta | – |
Harmaasävyiset logot grayscale | Päällä / pois | – |
Tyyli design | Valinta | – |
Saavutettavuus
Ei automaattista liikettä oletuksena. Jos omistaja kytkee liikkeen päälle, Tauko-painike on ensimmäinen ohjain ja prefers-reduced-motion pysäyttää liikkeen aina (WCAG 2.2.2). Ohjaimilla on suomenkieliset nimet.
Käytössä 23 pohjassa
Kaikki 23 pohjaa
- Padel-halli
- Verkkokauppa
- Urheiluseura tai klubi
- Liigajoukkue
- Joukkuelajiseura
- Yksilölajiseura
- Yhdistys
- Rengasliike ja rengashotelli
- Urheilija
- Somevaikuttaja ja sisällöntuottaja
- Liiga tai sarja
- Kuljetus ja logistiikka
- Maanrakennus ja infra
- Ohjelmistotalo ja konsultointi
- IT-tuki pk-yrityksille
- Henkilöstöpalvelu
- Tilitoimisto
- Lähikauppa ja ruokakauppa
- Vaate- ja kenkäkauppa
- Sisustus- ja lahjakauppa
- Rauta- ja maatalouskauppa
- Erikoisliike
- Muotoilu, graafikko ja video
Vertailutaulukko
Osio comparison
Vertailutaulukko: paketit tai vaihtoehdot palstoina ja ominaisuudet riveinä rasteineen.
Asetukset (8)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Muotoiltu teksti | – |
Sarakkeet columns | Teksti | Perus|Plus |
Rivit rows | Pitkä teksti | Ominaisuus|+|+ Toinen ominaisuus|-|+ |
Korostettu sarake (0 = ei mikään) highlight | Luku | – |
Puhelimessa mobile | Valinta | – |
Ryhmät voi koota collapsible | Päällä / pois | – |
Otsikkorivi pysyy näkyvissä stickyHeader | Päällä / pois | – |
Saavutettavuus
Taulukoilla on otsikkosolut ja kuvateksti, listat ovat oikeita listoja ja päivämäärät luettavassa muodossa. Kaavion luvut ovat myös tekstinä.
Luottamusmerkit
Osio trustBadges
Luottamusmerkit: sertifikaatit, jäsenyydet, maksutavat tai takuut pieninä merkkeinä.
Asetukset (4)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Pitkä teksti | – |
Asettelu layout | Valinta | Rivi |
Sarakkeet columns | Luku | 3 |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Käytössä 11 pohjassa
Korttipino
Osio Kokeiltava cardStack
Korttipino: 3–7 kuvakkeellista korttia pinossa, joka kääntyy askeleen muutaman sekunnin välein; keskimmäinen kortti korostettuna. Myös pääkuvan vaihtoehto. Pysäytyspainike, liikettä vähentäville paikallaan.
Asetukset (7)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Pitkä teksti | – |
Vaihtumisnopeus stackSpeed | Valinta | Tavallinen |
Vihreä merkki keskimmäisessä kortissa stackCheck | Päällä / pois | true |
Korttien tyyli stackLook | Valinta | Lasi (läpikuultava, tummalle taustalle) |
Korttien muoto stackShape | Valinta | Pyöristetty kortti |
Listan nimi ruudunlukijalle stackLabel | Teksti | – |
Saavutettavuus
Ei automaattista liikettä oletuksena. Jos omistaja kytkee liikkeen päälle, Tauko-painike on ensimmäinen ohjain ja prefers-reduced-motion pysäyttää liikkeen aina (WCAG 2.2.2). Ohjaimilla on suomenkieliset nimet.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Esittelykaruselli
Osio Kokeiltava showcase
Esittelykaruselli: korkeat kuvakortit sivuttain vierivässä rivissä, reunoilla haalistuvat seuraavat kortit. Portfolio, työt tai sivupohjat. Toimii ilman JavaScriptiä; edellinen/seuraava-painikkeet, ei automaattista vierintää.
Asetukset (11)
| Asetus | Muokataan | Oletus |
|---|---|---|
Otsikko heading | Teksti | – |
Esittely intro | Pitkä teksti | – |
Kortit source | Valinta | Omat kortit (lohkot) |
Näytettävät pohjat templates | Pitkä teksti | – |
Kortteja näkyvissä leveällä näytöllä perView | Luku | 3 |
Kuvan muoto ratio | Valinta | Pysty 3:4 |
Painikkeet actions | Valinta | Kun korttia osoitetaan (kosketusnäytöllä aina) |
Haalista reunoilla näkyvät kortit fade | Päällä / pois | true |
Leveys width | Valinta | – |
Esikatselupainikkeen teksti previewLabel | Teksti | – |
Aloituspainikkeen teksti startLabel | Teksti | – |
Saavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.
Projektin tiedot
Osio projectDetails
Projektin perustiedot sivun alussa: asiakas, vuosi, laajuus, palvelut ja linkki.
Asetukset (7)
| Asetus | Muokataan | Oletus |
|---|---|---|
Asiakas client | Teksti | Asiakkaan nimi |
Vuosi year | Teksti | 2026 |
Palvelut (näkyy projektilistassa tyyppinä) services | Teksti | Mitä teimme |
Rooli role | Teksti | – |
Sijainti location | Teksti | Paikkakunta |
Linkki (esim. valmis sivusto) linkUrl | Linkki | – |
Linkin teksti linkLabel | Teksti | – |
Saavutettavuus
Otsikot noudattavat sivun otsikkotasoja, kuvan vaihtoehtoinen teksti annetaan editorissa, ja värit tulevat teeman arvoista, joiden kontrasti tarkistetaan WCAG AA -tasolle. Ei liikettä eikä ajastettua sisältöä.
Some-feed #
Osio
socialFeedSome-feed: Instagram-tyylinen kuvaruudukko, jonka kuvat lisätään itse tai haetaan tililtä.
Esimerkki Avaa omaan välilehteen ↗
Asetukset (8)
headingnetworkprofileUrlhandlefollowLabellayoutcolumnslimitSaavutettavuus
Jokaisella kuvalla on vaihtoehtoinen teksti tai se on merkitty koristeeksi. Suurennus ja kuvaselain toimivat näppäimistöllä (nuolet, Esc) ja kertovat kohdan (”Kuva 2 / 5”). Vain ensimmäinen näkyvä kuva ladataan heti.
Käytössä 0 pohjassa
Mikään gallerian pohja ei vielä käytä tätä. Sen saa sivulle editorin Lisää osio -kirjastosta.