Kaikki mitä tarvitset toimiviin Squarespace-verkkosivuihin

Tee Squarespace-sivustollesi näyttävä ensivaikutelma

Verkkosivujen ensimmäinen näkymä etusivulla eli hero-osio on yksi sivuston tärkeimmistä kohdista. Se on usein ensimmäinen asia, jonka kävijä näkee sivuille saapuessaan, ja sillä on iso vaikutus siihen, millainen ensivaikutelma sivustosta syntyy.

Squarespacen omilla työkaluilla voi rakentaa todella näyttäviä ja persoonallisia hero-osioita, kunhan tietää, miten eri elementtejä ja asetuksia kannattaa hyödyntää.

Tässä video-ohjepaketissa opit tekemään kolme erilaista, visuaalisesti näyttävää hero-osiota Squarespacessa. Saat vaiheittaiset ohjeet asettelujen rakentamiseen ja opit samalla hyödyntämään Squarespacen ominaisuuksia vähän tavallista luovemmin.

Voit toteuttaa jonkin esimerkeistä sellaisenaan omilla kuvillasi, fonteillasi ja väreilläsi tai poimia niistä ideoita ja tekniikoita oman sivustosi suunnitteluun (myös muihin kuin hero-osioihin).

Mitä ohjepaketti sisältää?

Paketti sisältää kolme erillistä video-ohjetta, joissa rakennetaan kolme erilaista hero-osiota. Kaikki käytössä olevat ratkaisut on on luotu Squarespacen omilla ominaisuuksilla eli täysin ilman koodia.

1. Suuri otsikko kuvan päällä — Pamela

Näyttävä hero-osio, jossa suuri, persoonallisella fontilla toteutettu otsikko asettuu kuvan päälle ja ulottuu osion alareunaan. Lopputuloksena on rohkea, editorial-henkinen aloitusnäkymä.

2. Jaettu hero-osio kuvalla ja tekstillä — Hiki Club

Moderni ja graafinen asettelu, jossa kuva ja suuri otsikko muodostavat kaksi vierekkäistä kokonaisuutta. Opit rakentamaan näyttävän, selkeästi jaetun hero-osion, jossa typografia on pääosassa.

3. Näyttävä otsikko taustakuvan päällä — Kahvila Kuiske

Hero-osio, jossa suuri otsikko sijoittuu koko osion levyisen taustakuvan päälle vinossa ja kokonaisuutta viimeistellään pienillä tekstielementeillä. Lopputuloksena on persoonallinen, kerroksellinen ja viimeistelty aloitusnäkymä.

Videoissa näet vaihe vaiheelta, miten asettelut rakennetaan Squarespacessa ja mitä asetuksia niiden toteuttamiseen tarvitaan.

Ohjeiden avulla opit myös uusia tapoja yhdistellä kuvia, tekstejä ja muita elementtejä, jotta saat enemmän irti Squarespacen omista suunnittelutyökaluista. Näistä ominaisuuksista on hyötyä myös ihan kaikkien sivujen suunnittelu- ja rakennustyössä.

Kenelle ohjepaketti sopii?

Ohjepaketti sopii sinulle, jos käytössäsi on Squarespace 7.1 ja haluat tehdä verkkosivustostasi visuaalisesti näyttävämmän ja persoonallisemman.

Erityisesti silloin, jos tuntuu, että Squarespacen perusasettelut on jo nähty ja haluaisit kokeilla jotain vähän erilaista tai kaipaat inspiraatiota ja käytännön ohjeita miten erilaisia asetteluja voi Squarespacessa tehdä.

Olitpa rakentamassa ensimmäisiä Squarespace-sivujasi, uudistamassa olemassa olevaa sivustoa tai tekemässä verkkosivuja asiakkaillesi, saat ohjeista uusia ideoita ja käytännön vinkkejä näyttävien sivuosioiden rakentamiseen.

Et tarvitse aikaisempaa sivujen rakennusosaamista. Ohjeiden tavoitteena on näyttää, miten saat Squarespacen omista työkaluista enemmän irti ja rakennat niiden avulla tavallista näyttävämpiä kokonaisuuksia.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Pieni animaatio, joka tuo sivustollesi lisää elävyyttä

Haluaisitko, että Squarespace-sivustosi buttonit suurenevat hieman, kun kävijä vie hiiren niiden päälle? Pieni hover-animaatio tekee painikkeista kiinnostavampia ja tuo sivustolle viimeisteltyä, interaktiivista ilmettä.

Squarespacessa voit lisätä yksittäisiin tavallisiin painikkeisiin erilaisia animaatioita suoraan sivuston omilla työkaluilla, ilman koodaamista. Voit esimerkiksi määrittää painikkeen suurenemaan (samalla tavalla kuin tässä CSS koodissa) kun hiiri viedään sen päälle.

Mutta entä jos haluat saman animaation kaikkiin sivustosi buttoneihin?

Sen sijaan, että kävisit lisäämässä animaation jokaiseen buttoniin erikseen Squarespacen omilla työkaluilla, voit hyödyntää tätä yhtä valmista CSS-koodia, joka tekee muutoksen kerralla sivustosi kaikkiin buttoneihin.

Tämän Squarespace-miniohjeen avulla saat buttonisi suurenemaan pehmeästi haluamasi prosenttimäärän hiiren ollessa niiden päällä. Sinun tarvitsee vain kopioida valmis koodi ja liittää se sivustollesi ja määritellä haluamasi suurennusprosentti.

Mitä ohje sisältää?

Ohjeessa käydään käytännönläheisesti läpi:

• miten lisäät valmiin CSS-koodin Squarespace-sivustollesi

• miten saat buttonit suurenemaan haluamasi prosenttimäärän hiiren ollessa niiden päällä

• miten voit muuttaa buttoneiden suurenemisen määrää

• miten säädät animaation nopeutta

• miten voit tarvittaessa poistaa animaation

Saat käyttöösi valmiin, kopioitavan CSS-koodin sekä selkeät ohjeet sen asentamiseen ja muokkaamiseen.

Koodi on suunniteltu toimimaan Squarespace 7.1 -sivuston tavallisiiin buttoneihin isekä useissa muissa painiketyypeissä, kuten headerin toimintapainikkeessa, lomakkeiden lähetyspainikkeissa ja ostoskoriin lisäyspainikkeissa. Osa Squarespacen erikoispainikkeista voi vaatia erillisiä määrityksiä.

Yksi koodi, monta animoitua painiketta

Hover-animaatio on pieni yksityiskohta, jolla voit tehdä sivustostasi elävämmän ja antaa kävijälle visuaalisen vihjeen siitä, että painiketta voi klikata.

Squarespacen omat animaatiotyökalut ovat käteviä silloin, kun haluat muokata yksittäisiä painikkeita. CSS-koodi puolestaan säästää aikaa, kun tavoitteena on saada samanlainen animaatio käyttöön mahdollisimman monessa painikkeessa koko sivustolla.

Yksi kopioitava koodi, yksi asennuskerta ja yhtenäinen hover-efekti sivustosi painikkeisiin.

Kenelle tämä valmis koodi ja ohje sopii?

Ohje ja valmiskoodi sopii sinulle, jos käytössäsi on Squarespace 7.1 ja haluat lisätä sivustosi painikkeisiin pienen visuaalisen yksityiskohdan mahdollisimman helposti. Katso miten tarkistat oman Squarespace -sivustosi version.

Olitpa rakentamassa ensimmäisiä Squarespace-sivujasi, viimeistelemässä olemassa olevaa sivustoa tai tekemässä verkkosivuja asiakkaillesi, tämän ohjeen avulla saat hover-animaation käyttöön ilman monimutkaista koodaamista. Voi käyttää samaa koodia kaikilla hallitsemillasi Squarespace sivustoilla.

Et tarvitse aikaisempaa CSS-osaamista. Saat ohjeet miten voit helposti kopioida ja liittää valmiin koodin Squarespaceen. Halutessasi voit myös muokata animaation voimakkuutta ja nopeutta oman sivustosi tyyliin sopivaksi.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti ja annat nimenomaisen suostumuksesi peruuttamisoikeuden menettämiseen, menetät kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden digitaalisen sisällön toimituksen alkaessa.

Yhtenäiset buttonit tekevät sivustosta selkeämmän ja helpomman käyttää

Buttonit eli painikkeet ovat verkkosivujen pieniä mutta tärkeitä elementtejä. Niillä ohjataan kävijää tutustumaan palveluihin, ottamaan yhteyttä, tekemään ostoksia tai siirtymään seuraavaan vaiheeseen.

Squarespacessa buttoneiden lisääminen on helppoa, mutta niiden ulkoasuun, toimintaan ja sijoitteluun liittyy yllättävän monta asetusta ja mahdollisuutta. Ja kun niitä oppii käyttämään, saa niistä paljon enemmän irti eikä tarvitse ihmetellä miksi jokainen button näyttää vähän erilaiselta.

Tämän Squarespace video-ohjeen avulla opit, miten buttoneita lisätään, muokataan ja käytetään eri tilanteissa. Saat buttoneiden tärkeimmät asetukset haltuun ja opit tekemään sivustollesi yhtenäisiä, toimivia ja omaan ilmeeseesi sopivia painikkeita ilman turhaa kokeilua ja säätämistä.

Mitä ohje sisältää?

Ohjeessa käydään käytännönläheisesti läpi:

• buttoneiden lisääminen Squarespacessa

• buttoneiden eri koot ja tyylit

• buttoneiden ulkoasun muokkaaminen, kuten värit, muodot, reunukset ja fontit

• buttoneiden yhteiset tyyliasetukset ja niiden vaikutus koko sivustoon

• buttoneiden käyttö eri Squarespace-elementeissä (kuten lomakkeissa, evästebannerissa ja headerissa)

• buttoneiden toimivuuteen ja käytettävyyteen liittyvät hyvät käytännöt

• buttoneiden animaatiot

Näitä asioita käydään läpi videon (25 min) muodossa, jonka avulla näet, mistä asetukset löytyvät Squarespacessa ja miten niitä käytetään.

Tämän ohjeen katsomisen jälkeen osaat hyödyntää Squarespacen buttoneiden asetuksia monipuolisemmin ja tiedät, miten saat ne toimimaan sekä visuaalisesti että käytännössä.

Kenelle miniohje sopii?

Ohje sopii sinulle, jos käytössäsi on Squarespace 7.1 ja haluat oppia käyttämään sivustosi buttoneita ja niiden asetuksia monipuolisemmin ja saada selkeyden miksi buttonit näyttävät aina eri tilanteissa hieman erilaiselta ja miten toimia, että saat yhtenäisen ja selkeän käyttötavan.

Olitpa rakentamassa ensimmäisiä Squarespace-sivujasi, päivittämässä olemassa olevaa sivustoa tai tekemässä verkkosivuja asiakkaillesi, tästä ohjeesta saat käytännön apua buttoneiden kanssa työskentelyyn.

Et tarvitse aikaisempaa teknistä osaamista. Tavoitteena on, että tiedät ohjeen katsomisen jälkeen mitä kaikkea Squarespacen buttoneilla voi tehdä ja mistä niiden asetukset löytyvät.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Käytännön ohjeet sivustosi SEO-asetuksiin

Squarespace huolehtii monista hakukoneoptimoinnin teknisistä asioista automaattisesti, mutta sivuston monet SEO-asetukset ja sisällöt vaativat myös sinulta sivujen tekijältä ja ylläpitäjältä huomiota. Kuten aina verkkosivuilla alustasta huolimatta.

Tämän Squarespace SEO -miniohjeen avulla opit, mitkä asiat kannattaa käydä sivuston asetuksissa läpi ja miten saat sivustosi SEO-perusteet kuntoon ilman syvällistä hakukoneoptimoinnin osaamista.

Huom! Tämä miniohje keskittyy SEO-perusasetuksiin ja Squarespacen SEO-asetusten käyttämiseen. Se ei ole varsinainen hakukoneoptimoinnin strategia tai opas siihen, miten sivustosi saadaan sijoittumaan mahdollisimman korkealle Googlen hakutuloksissa tai näkymään tekoälyhauissa.

Varsinainen hakukoneoptimointi on tätä laajempi kokonaisuus. Siihen kuuluu esimerkiksi sen selvittäminen, millä hauilla juuri sinun asiakkaasi etsivät tietoa, millaista sisältöä näihin hakuihin kannattaa tehdä ja miten sivuston sisältöä kehitetään niin, että se vastaa hakijan tarpeeseen. Saat kuitenkin tästä ohjeistuksesta jo paremman käsityksen miten edetä jos siihen panostaminen kiinnostaa.

SEO:n perusasetuksiin kannattaa silti kiinnittää huomiota, vaikka et panostaisikaan laajempaan hakukoneoptimointiin, sillä monet niistä tukevat samalla myös sivuston selkeyttä ja käytettävyyttä.

Mitä ohje sisältää?

Ohjeessa käydään käytännönläheisesti läpi:

• avainsanojen ja hakulauseiden rooli

• SEO Title ja SEO Description

• kuvien pienentäminen ja ALT-tekstit

• Squarespacen AI SEO työkalun hyödyntäminen

• H1–H4-otsikkohierarkia

• URL-osoitteiden hyvät käytännöt ja mitä tehdä jos url-osoitteita vaihtaa

• Sivujen piilottaminen hakukoneilta

Nämä käydään läpi tiiviissä tekstimuodossa sekä saat myös käytännön ohjeet videoina, että opit mistä tärkeimmät SEO-asetukset löytyvät Squarespacessa ja miten niitä käytetään.

Hyvä pohja varsinaiselle hakukoneoptimoinnille

Näiden asioiden kuntoon laittaminen ei itsessään takaa hyviä sijoituksia hakutuloksissa, mutta ne muodostavat hyvän pohjan sivuston varsinaiselle hakukoneoptimoinnille sekä vaikuttavat sivujen moneen käytännön näkyvyystilanteeseen, esimerkiksi siihen mitä sanoja lukee sivujen kohdalla hakutuloksissa.

Hakukoneoptimoinnin perusperiaatteista voi olla hyötyä myös tekoälypohjaisissa hakupalveluissa. Selkeästi jäsennelty, hyödyllinen ja ymmärrettävä verkkosisältö antaa sekä hakukoneille että muille järjestelmille paremmat edellytykset tulkita, mistä sivustollasi on kyse.

Kenelle miniohje sopii?

Ohje sopii sinulle, jos käytössäsi on Squarespace 7.1 ja haluat laittaa sivustosi SEO-perusasetukset kuntoon itse ja oppia käyttämään Squarespacen SEO-asetuksia.

Et tarvitse aikaisempaa SEO-osaamista. Tavoitteena on, että tiedät ohjeen jälkeen mitä voit sivustollasi tehdä itse ja miten ne tehdään Squarespacessa.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Mitä tämä ohje tekee?

Tämän Squarespace-ohjeen avulla voit mukauttaa sectionin taustakuvan toimimaan paremmin desktop- ja mobiilinäkymissä. Voit käyttää samaa taustakuvaa ja näyttää siitä eri kohdan mobiilissa tai määrittää desktopille ja mobiilille kokonaan eri taustakuvat.

Ohjeessa käydään läpi eri toteutustavat sen mukaan, millainen lopputulos on tavoitteena ja onko sivustosi header asetettu Solid- vai Adaptive-tilaan. Mukana on sekä ilman koodia tehtäviä ratkaisuja että valmis CSS-koodi tilanteeseen, jossa sitä tarvitaan.

Ohjeessa opit:

• Näyttämään eri kohdan samasta taustakuvasta desktopilla ja mobiilissa

• Käyttämään eri taustakuvaa desktopilla ja mobiilissa ilman koodia, kun header on Solid-tilassa

• Käyttämään eri taustakuvaa desktopilla ja mobiilissa CSS-koodin avulla, kun header on Adaptive-tilassa

Ohjeet on tehty vaihe vaiheelta, joten sinun ei tarvitse tietää koodauksesta mitään. Valitse omaan tilanteeseesi sopiva tapa ja seuraa mukana tulevaa video- tai CSS-ohjetta.

Miksi taustakuvaa kannattaa mukauttaa mobiiliin?

Desktopille suunniteltu leveä taustakuva ei aina toimi sellaisenaan kapealla mobiilinäytöllä. Kuvan tärkeä kohta voi rajautua pois tai kuva ei muuten näytä mobiilissa siltä kuin haluaisit.

Mukauttamalla taustakuvan erikseen mobiilinäkymään voit varmistaa, että kuvan tärkeimmät yksityiskohdat näkyvät oikein ja sectionin visuaalinen ilme toimii eri näyttökoissa.

Yhteensopivuus

• Squarespace 7.1

• Fluid Engine -sectionit

• Sisältää video-ohjeet ilman koodia tehtäviin muutoksiin

• Sisältää CSS-koodin Adaptive-headeria varten

• Ei vaadi lisäosien asennusta

Rajoitukset & oikeudet

• Tämä tuote sisältää video-ohjeet sekä valmiin CSS-koodipalan, ei teknistä tukea.

• Käyttöoikeus rajattomalle määrälle Squarespace-sivustoja.

• Ei jälleenmyyntiä tai jakelua.

• Koska kyseessä on digitaalinen tuote, tällä ei ole palautusoikeutta.

Blogi ei ole vain paikka “kirjoittaa välillä jotain” — vaan yksi tehokkaimmista tavoista parantaa verkkosivujen löydettävyyttä Googlessa ja nykyään myös tekoälyhauissa.

Kun kirjoitat blogia oikein rakennettuna, autat hakukoneita ymmärtämään:

• mitä palveluita tarjoat

• mitä aiheita käsittelet

• millä hauilla sivujesi olisi tarkoitus löytyä

Tässä ohjeessa käydään läpi, miten yksittäisen blogipostauksen SEO-asetukset tehdään Squarespacessa niin, että sisältö saa mahdollisimman hyvät lähtökohdat näkyä hakutuloksissa. On kuitenkin hyvä muistaa, että vaikka SEO-asetukset auttavat hakukoneita ymmärtämään sisältöäsi paremmin, kaikkein tärkein asia on silti itse blogipostauksen sisältö.

Saat selkeät ohjeet esimerkiksi siihen:

• mitä blogipostauksen SEO-asetuksia kannattaa täyttää

• miten hakukoneet lukevat blogisisältöä

• mitä asetuksia Squarespacessa kannattaa muokata jokaisen postauksen kohdalla

• miten blogipostaus auttaa sivuston näkyvyyttä pitkällä aikavälillä

• mitä asioita hakukoneoptimoinnissa kannattaa huomioida jo sisältöä kirjoittaessa

Ohjeistus sopii erityisesti sinulle, jos:

• kirjoitat blogia yrityksesi verkkosivuille

• haluat parantaa sivujesi löydettävyyttä hakukoneissa

• käytät Squarespacea ja haluat ymmärtää SEO:n käytännön tasolla ilman teknistä jargonia

SEO voi tuntua välillä isolta ja tekniseltä kokonaisuudelta, mutta blogipostauksien optimointi on yksi niistä asioista, joilla pienilläkin muutoksilla voi olla pitkässä juoksussa iso vaikutus sivuston näkyvyyteen.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Webinaarin järjestäminen ilman webinaariohjelmaa

Moni ajattelee, että webinaarin järjestäminen on joko täysin yksinkertaista ilman suurempia toimenpiteitä – tai että se vaatii aina erillisen webinaarialustan, kuten Zoom Webinarsin, GoToWebinarin tai WebinarJamin. Todellisuudessa webinaarisysteemin rakentaminen vaatii aina työtä, mutta et tarvitse välttämättä kalliita webinaarialustaja siihen.

Miten rakentaa webinaari ilman kallista webinaarialustaa

Webinaarin voi hyvin toteuttaa ja myydä ilman erillistä webinaariohjelmaa, mutta silloin kokonaisuus täytyy rakentaa itse. Tämä tarkoittaa käytännössä sitä, että ilmoittautuminen, viestintä ja osallistumislinkin toimitus tehdään verkkosivusi ja muiden työkalujen avulla.

Webinaariohjelmat ovat tehokkaita, mutta ne maksavat usein kuukausimaksua, vaativat aikaa käyttöönottoon ja edellyttävät, että koko järjestelmä rakennetaan niiden sisään. Jos palvelua käyttää vain lyhyesti, menetetään usein kaikki rakennettu - tai joutuu maksamaan jatkuvasti siitä palvelusta. Eniten hyötyä niistä saa vasta silloin, kun webinaareja järjestetään säännöllisesti ja osallistujamäärät ovat suuria.

Jos taas olet pitämässä ensimmäistä webinaariasi, järjestät satunnaisia koulutuksia tai testaat ideaa pienemmällä yleisöllä, raskas webinaarialusta on usein ylimitoitettu ratkaisu.

Oman webinaarisetin rakentaminen ei ole kuitenkaan mikään ihan muutaman napin painallus.

Kolme tapaa rakentaa toimiva webinaarisetti itse

Tässä koulutusmateriaalissa käydään läpi, miten voit toteuttaa oman webinaarisetin kevyesti ja kustannustehokkaasti Squarespacen päälle. Opit kolme käytännön toteutustapaa, joista voit valita sinulle parhaiten sopivan:

• Ilmoittautumislomake + manuaalinen viestintä (omasta sähköpostiosoitteestasi)

• Uutiskirjepalvelu + automatisoitu viestintä

• Verkkokauppatuote maksulliseen webinaariin + osittain automatisoitu viestintä
  (HUOM! Tämä ohjeistus ei opeta verkkokaupan tekemistä, verkkokauppatoiminnon pitää olla jo valmiina sivuilla -
  Jos haluat verkkokaupan tekemisen ohjeet, tutustu Verkkokauppa Squarespacella -kurssiin)

Näitä yhdistetään valitsemaasi videopalaverityökaluun, kuten Teamsiin, Zoomiin tai Google Meetiin. Ilmaisilla videopaalverityökaluilla saat max 100 osallistujaa ja alustasta riippuen 40-60min webinaariajan. Palveluiden lisämaksuilla saat nostettua sekä kokouksen aikaa, että maksimiosallistujamääriä.

Rakenna webinaarisetti kerran – käytä uudelleen

Tämän itse rakennetun mallin iso etu on se, että kun rakennat webinaarisetin kerran, voit käyttää sitä uudelleen aina kun tarvitset sitä (ja ilman lisämaksua). Sinulla on valmiina:

• ilmoittautumissivu

• viestipohjat

• toimiva prosessi

Seuraavan webinaarin kohdalla sinun ei tarvitse aloittaa alusta – muokkaat vain sisältöä ja olet valmis.

DIY webinaarimalli pienyrittäjälle

Tavoitteena on, että pystyt rakentamaan toimivan webinaarikokonaisuuden ilman kallista alustaa – nopeasti, hallitusti ja ilman turhaa teknistä säätöä – ja ennen kaikkea sellaisen, jota voit hyödyntää uudelleen tulevissa webinaareissa.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Kuluttajansuojalaki muuttuu, ja 19.6.2026 alkaen verkkokauppojen on tarjottava asiakkaille selkeä ja helposti löydettävä peruutustoiminto, jolla verkossa tehty tilaus voidaan peruuttaa. Kaikkien verkkokauppojen ja verkkokauppa-alustojen pitää kehitellä tähän jokin ratkaisu, koska tällaista ei ole aiemmin ollut vaatimuksena.

Samanaikaisesti GDPR-säädökset ovat tiukentuneet vuoden 2025 lopulla asiakastilien osalta, mikä vaikuttaa suoraan siihen, mitä verkkokaupassa saa vaatia asiakkaalta.

Vastuu lain noudattamisesta ei ole alustalla, vaan sinulla yrittäjänä. Valmis alusta ei automaattisesti tee verkkokaupasta lainmukaista ja sinun on yrittäjänä ymmärrettävä mikä laki ja säädös vaikuttaa sinun yritystoimintaan.

Tässä koulutusmateriaalissa käydään läpi verkkokauppialle kaksi uutta kriittistä kokonaisuutta:

• peruutustoimintoa koskeva lakimuutos

• asiakastilit GDPR:n näkökulmasta

Opit, mitä nämä tarkoittavat käytännössä ja miten toteutat vaatimukset omassa Squarespace-verkkokaupassasi.

Miksi tämä on tärkeää?

Valmis verkkokauppa-alusta ei automaattisesti tee kaupasta lainmukaista.

Sinun on yrittäjänä ymmärrettävä:

• mitä laki vaatii

• miten laki vaikuttaa juuri sinun myymiisii tuotteisiin / palveluihin

• ja miten nämä asiat toteutetaan käytännössä Squarespace -alustalla

Muutokset vaikuttavat myös suoraan asiakaskokemukseen. Asiakkaat ovat yhä valveutuneempia ja osaavat jo vaatia asianmukaista toimintatapaa tai sellaisten puutteellisuus saattaa vaikuttaa heidän ostopäätökseen kielteisesti.

Mitä saat tästä koulutuksesta?

✔ Selkeän ymmärryksen uusista lakivaatimuksista
✔ Käytännönläheiset esimerkit ilman lakijargonia, että osaat tulkita mikä pätee sinuun
✔ Konkreettiset toimenpideohjeet omaan verkkokauppaan omien tuotteidesi perusteella
✔ Valmiin step-by-step ohjeistuksen Squarespacessa tarvittavien asioiden tekemiseen

Mitä koulutusmateriaalissa käydään läpi?

• peruutustoiminto: mitä laki vaatii ja mitä ei

• asiakastilit ja GDPR: mitä saa vaatia ja mitä ei

• mitä sinun pitää tehdä, että juuri sinun tilanteessa toimit säädösten mukaan oikein

• yleisimmät virheet, joita verkkokaupoissa tehdään näiden osalta

Saat käyttöösi käytännön ohjeet sekä toukokuussa 2026 pidetyn webinaarin tallenteen, joiden avulla saat vietyä muutokset suoraan omaan Squarespace-verkkokauppaasi.

Huomio:
Tämä koulutus perustuu yleiseen tulkintaan voimassa olevasta lainsäädännöstä ja sen käytännön soveltamisesta Squarespace-verkkokaupoissa. Materiaali on informatiivinen eikä sitä tule tulkita oikeudellisena neuvontana. Verkkokaupan omistaja vastaa itse siitä, että oma toiminta täyttää kulloinkin voimassa olevan lainsäädännön vaatimukset. Tarvittaessa suosittelemme kääntymään lakiasiantuntijan puoleen.

Kenelle tämä on?

PK-yrittäjille, jotka myyvät jotain Squarespace verkkokaupan kautta.

Lopputulos

Tämän koulutuksen jälkeen tiedät, mitä sinun pitää tehdä näiden lakimuutosten valossa omaan verkkokauppaasi – ja miten toteutat muutokset käytännössä ilman turhaa säätöä ja selvittelyä.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Tämä copy-paste koodi mahdollistaa verkkokauppa sivun tuotekategorioiden otsikkotekstin muokkaamisen mobiilinäkymässä. Squarespace 7.1 -verkkokaupoissa kyseinen teksti on oletuksena järjestelmän määrittämä, eikä sitä voi muuttaa sivun asetuksista. Jos sivuston kieleksi on valittu suomi, mobiilissa näkyvä oletussana on “Luokat”.

Tämä koodi korvaa tuon oletustekstin haluamallasi sanalla (esimerkiksi toisella kielellä tai brändiisi paremmin sopivalla termillä), vain verkkokauppasivun mobiilinäkymässä (koska sitä ei näy desktop näkymässä). Muutos ei vaikuta työpöytänäkymään eikä muihin sivuihin.

Ratkaisu on tarkoitettu tilanteisiin, joissa haluat viimeistellä mobiilikäyttäjäkokemuksen ja muokata tekstiä, jota Squarespace ei normaalisti salli muokattavan.

Miten CSS koodipala toimii?

Tämä valmis koodipala (CSS) on helppo kopioida ja liittää sivuille – sinulla ei tarvitse olla aiempaa kokemusta koodien käytöstä. Kopioi, liitä ja valitse haluamasi sana ‘Luokat’ sanan tilalle.

Yhteensopivuus

• Squarespace 7.1

• Ei vaadi lisäosien asennusta

• Toimii Squarespacen kaikilla hinnoittelutasoilla - Lue hinnoittelumallien muutoksista

Rajoitukset & oikeudet

• Tämä tuote sisältää valmiin koodipalan sekä niiden käyttöohjeet, ei teknistä tukea.

• Käyttöoikeus rajattomalle määrälle Squarespace-sivustoja.

• Ei jälleenmyyntiä tai jakelua.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Mikä 404-sivu on – ja miksi sillä on väliä?

404-sivu on virhesivu, joka näkyy, kun kävijä yrittää avata sivustollasi osoitteen, jota ei ole olemassa. Tämä voi tapahtua esimerkiksi silloin, kun sivu on poistettu, URL-osoite on muuttunut tai linkki on kirjoitettu väärin.

Ilman omaa 404-sivua Squarespace näyttää geneerisen virheilmoituksen. Se ei ole brändätty, eikä ohjaa kävijää eteenpäin välttämättä sinne mikä on järkevää.

Hyvin tehty 404-sivu:

• ohjaa kävijän takaisin oikeaan paikkaan

• vahvistaa brändiäsi

• tekee virhetilanteestakin sujuvan kokemuksen

Eli käytännössä: pieni sivu, iso vaikutus.

Miksi 404-tilanteita ylipäätään syntyy?

404-sivu tulee vastaan esimerkiksi silloin kun:

• olet poistanut sivun tai muuttanut sen osoitetta

• vanha linkki löytyy vielä Googlesta tai somesta

• sivustollasi on rikkinäinen linkki

• käyttäjä kirjoittaa osoitteen väärin

Näitä tilanteita ei voi täysin välttää – mutta niiden vaikutuksen voi hoitaa tyylikkäästi.

Käännä virhe kilpailueduksi

Kun rakennat oman 404-sivun, voit muuttaa “mitäs ihmettä” -hetken hyödylliseksi kokemukseksi. Voit ohjata kävijän esimerkiksi:

• brändiisi sopivalla tavalla etusivulle

• suosituimpiin palveluihin

• yhteydenottoon

Ja samalla jättää hyvän fiiliksen.

Mitä tämä ohje sisältää?

Tässä ohjeessa opit:

• miten luot ja määrität 404-sivun Squarespacessa (versio 7.1)

• miten muotoilet siitä toiminnallisesti toimivan

• millaiset tekstit oikeasti toimivat (valmiit mallipohjat mukana)

+ saat liudan esimerkkejä inspiraatioksi.

Tämän ohjeistuksen sisältö:

• Video: 404-sivun luominen ja käyttöönotto – video (13 min)

• Mallitekstit, ohjeet ja inspiraatio – kirjallinen materiaali

Ohjeet on suunniteltu Squarespace 7.1 -sivuston käyttäjille.

Lisää tämä setti sun ostoskoriin ja tee 404-sivusta osa vaikuttavaa verkkosivukokemusta.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Mitä musiikkinappula tekee?

Musiikkinappula luo sivulle painikkeen, jota klikkaamalla alkaa soida valitsemasi musiikkitiedosto. Käyttäjä voi myös keskeyttää toiston samasta painikkeesta. Ideoita missä tilanteissa käyttää musiikkinappulaa:

• Meditaatio-, jooga- tai hyvinvointisivulla tuomaan rauhallista tunnelmaa tai jonkin harjoitteen taustalle

• Tuotteen esittelyssä tunnelman luomiseksi

• Portfolio- tai taideprojektissa

• Myyntisivulla tuomassa oikeaa vibaa ja elämyksellisyyttä

• Blogissa tekstin lisäksi oma “ääniviesti”

• Podcast jakso ladattuna omalle sivulle tai shownoteseihin

Miten musiikkinappula toimii?

Tämä valmis musiikkinappula-koodipala (HTML + JavaScript ja CSS) antaa kävijöillesi mahdollisuuden laittaa tunnelmamusiikin päälle painamalla nappia valitsemallasi sivulla. Voit valita oman äänitiedoston, ladata sen Squarespaceen ja yhdistää sen suoraan nappiin helposti mukana tulevien ohjeiden avulla.

Katso demo
Salasana: demo

Koodi on helppo kopioida ja liittää sivuille – sinulla ei tarvitse olla aiempaa kokemusta koodien käytöstä. Valmiit ohjeet opastavat latauksessa, äänen lisäämisessä sekä napin ulkoasun muokkaamisessa. Voit säätää värejä, tekstiä ja tyyliä juuri omaan brändiisi sopivaksi.

Yhteensopivuus

• Squarespace 7.1

• Ei vaadi lisäosien asennusta

• Toimii Squarespacen hinnoittelutasoilla, jotka sisältävät code block advanced ominaisuudet (eli vanhan hinnoittelumallin Business plan tai korkeampi tai uuden hinnoittelumallin Core tai korkeampi - lue hinnoittelumallien muutoksista)

Rajoitukset & oikeudet

• Tämä tuote sisältää valmiin koodipalan sekä sille käyttöohjeet, mutta ei teknistä tukea.

• Käyttöoikeus rajattomalle määrälle Squarespace-sivustoja.

• Ei jälleenmyyntiä tai jakelua.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Mitä tämä valmis CSS koodipala tekee?

Tämä valmis Scroll Bar -CSS-koodipala antaa sivustosi vierityspalkille coolin ja brändiisi sopivan ulkoasun. Voit muuttaa vierityspalkin väriä, paksuutta ja tyyliä ohjeiden avulla. Näin saat sivustollesi brändiin istuvan viimeistelyn, joka tekee kokonaisuudesta astetta hiotumman.

Koodi on helppo kopioida ja liittää sivuille mukana tulevilla ohjeilla. Sinun ei tarvitse tietää koodauksesta mitään – kopioi, liitä, tee haluamasi visuaaliset muutokset ohjeiden mukaan ja olet valmis.

Mikä scroll bar on?

Vierityspalkki (scroll bar) näkyy käyttäjälle silloin sivun oikeassa reunassa, kun sivulla on pystysuuntaista sisältöä, jota voi selata.

Yhteensopivuus

• Squarespace 7.1

• Ei vaadi lisäosien asennusta

• Toimii kaikissa uusissa selaimissa, jotka tukevat CSS scroll bar -mukautuksia

• Toimii kaikilla Squarespacen hinnoittelutasoilla

Rajoitukset & oikeudet

• Tämä tuote sisältää valmiin CSS-koodipalan, ei teknistä tukea.

• Käyttöoikeus rajattomalle määrälle Squarespace-sivustoja.

• Ei jälleenmyyntiä tai jakelua.

• Koska kyseessä on digitaalinen tuote, tällä ei ole palautusoikeutta

-25 % ensimmäisestä vuosimaksusta + 12 kk ilmaista suunnitteluaikaa Squarespaceen

Tämä on oikeasti yksi parhaista ilmaisista eduista, mitä uusi Squarespace-käyttäjä voi saada ✨

Squaremarketin kautta uudet Squarespace-sivut voidaan avata niin, että mukana tulee:

• 12 kuukautta ilmaista suunnitteluaikaa

• -25 % alennus ensimmäisestä vuosimaksusta

• mahdollisuus rakentaa sivuja täysin omaan tahtiin

Normaalisti Squarespacen maksuton kokeiluaika kestää vain 14 päivää.

Koska Squaremarketin taustalla (kaupan perustajalla Taru Salokankaalla) on Squarespace Platinum Partner -kumppanuus, uusia sivustoja voidaan avata pidennetyllä suunnitteluajalla sekä automaattisella alennusedulla.

Ja tärkein:
tämä ei sido mihinkään.

Ei ostopakkoa.
Ei piiloehtoja.
Ei tarvitse tehdä maksupäätöstä heti.

Jos sivuston joskus myöhemmin haluaa julkaista ja ottaa maksulliseen käyttöön, silloin ensimmäisen vuoden hinnasta saa automaattisesti -25 % alennuksen.

Win-win:
sinä säästät rahaa ja Taru Salokangas saa pienen affiliate-komission Squarespacelta 🤝

Kenelle tämä sopii?

Tämä on hyvä vaihtoehto erityisesti silloin, jos:

• haluat aloittaa uudet Squarespace-sivut

• haluat testata Squarespacea/sivustoasi rauhassa ennen maksupäätöstä

• haluat rakentaa sivustoa ilman kiirettä

• tiedät jo käyttäväsi Squarespacea ja haluat säästää ensimmäisen vuoden kustannuksissa

• tykkäät hyvistä diileistä (kuka ei tykkäisi)

Mitä tämä maksaa?

0 €

Saat uuden Squarespace-sivuston käyttöösi 12 kuukauden ilmaisella suunnitteluajalla sekä -25 % alennuksella ensimmäisestä vuosimaksusta, jos päätät myöhemmin julkaista sivuston.

Miten homma toimii?

Klikkaa “Tilaa”, vastaa pariin nopeaan kysymykseen (kuten millä templatella haluat sivuston aloitettavan sinulle) ja sen jälkeen uusi Squarespace-sivusto avataan käyttöösi valmiiksi:

• 12 kk ilmaisella suunnitteluajalla

• automaattisella -25 % alennusedulla ensimmäiseen vuosimaksuun

Voit tilata Starttiedun useammin kuin kerran.

Ennen aloittamista

Jos et vielä tiedä, millaiselta sivustopohjalta haluaisit lähteä liikkeelle, kannattaa ensin kurkata Squarespacen template-vaihtoehdot.

→ Tutustu Squarespacen templateihin
→Katso vinkit oikean templaten valintaan

Rakenna verkkokauppa Squarespaceen – selkeillä ohjeilla, suomalaiselle yrittäjälle

Haluatko alkaa myydä tuotteita, palveluita tai digisisältöä omilla Squarespace-sivuillasi, mutta et tiedä mistä aloittaa? Tämä verkkokurssi näyttää sinulle juuri sen – askel askeleelta, ilman teknistä jargonia tai googlaamisen loputonta suojuoksua.

Olitpa myymässä PDF:iä, verkkokursseja, käsitöitä tai asiantuntijapalveluita, opit miten:

• tuotteet lisätään ja hinnoitellaan

• maksutavat otetaan käyttöön

• toimitusehdot ja ALV:t laitetaan kohdilleen

• sähköpostiviestit ja kassasivu muokataan

• kaikki toimii fiksusti myös suomalaisessa kirjanpidossa

Kurssi on suunniteltu juuri suomalaiselle yksinyrittäjälle – ei jenkkimarkkinoille (kuten monet netistä löytyvät ohjeet). Saat kaiken tarpeellisen tiedon, jolla viet idean verkkokaupasta ihan oikeasti käytäntöön.

Et tarvitse koodia. Tarvitset vain Squarespace-sivut ja halun myydä.

Tutustu kurssiin tarkemmin TÄÄLLÄ.

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.

Haluaisitko blogin osaksi verkkosivujasi, mutta et tiedä mistä aloittaa tai miten konkreettisesti tehdä se sun Squarespace sivuille? Tai onko sinulla jo blogi, mutta et ymmärrä miten saisit sitä jäsenneltyä paremmin tai tehtyä siitä eri näköisen asetteluiltaan?

Blogin luominen ja käyttö Squarespacessa ohjeet ovat selkeät ja käytännönläheiset. Tämä ohjekokonaisuus on sinulle, joka haluat lisätä blogin osaksi Squarespace-sivustoasi helposti ja ilman, että tarvitsee käyttää tuntitolkulla aikaa oikeanlaisten ohjeiden etsintään tai Squarespacessa itse testailuun ja kokeiluun. Siinä tekee helposti ihan turhia virheitä ja voi tehdä jopa hallaa oman sivuston toimivuudelle.

Näet vaihe vaiheelta, miten blogi lisätään sivuille, miten postaukset luodaan ja miten voit näyttää blogisisältöä esimerkiksi etusivulla tai muilla sivuilla juuri sun tilanteeseen sopivasti.

Blogi on yksi tehokkaimmista työkaluista rakentaa luottamusta, tuoda esiin asiantuntijuutta ja vahvistaa brändiä – samalla se toimii luonnollisena tapana kasvattaa kävijämääriä ja antaa syyn palata sivustollesi yhä uudelleen.

Kurssin sisältö ja kesto:

• Blogin lisääminen ja blogisisällön näyttäminen sivustolla – video 28 min

• Blogipostauksien luominen ja muokkaaminen – video 13 min

Ohjeet sopii kaikille Squarespace 7.1 -sivuston käyttäjille, eikä vaadi koodaustaitoja tai aiempaa kokemusta. Opit kaiken konkreettisesti ja käytännönläheisesti.

Lisää ostoskoriin ja ota bloggaaminen Squarespacella haltuun!

Tämä on digitaalinen tuote, joka on käytettävissä heti oston jälkeen. Kun hyväksyt toimituksen aloitettavaksi heti, menetät samalla kuluttajansuojalain mukaisen 14 päivän peruuttamisoikeuden.