Nämä ohjeet kuvaavat Toimiita julkaisun jälkeen. Hallintapaneeli ja laskutus eivät ole vielä käytössä — Toimii julkaistaan vuonna 2026.

Näin upotat yhteydenottolomakkeen Squarespaceen yhdellä koodilohkolla

Yksi koodilohko. Lomake ilmestyy tallennuksessa. Toimii kaikissa moderneissa Squarespace-teemoissa.

<script src="https://cdn.toimii.io/components/your-code.js" async></script>
<toimii-contact></toimii-contact>

Toimiiko tämä oikeasti?

Kyllä — Core-, Plus- tai Advanced-tilauksilla (Squarespacen vuoden 2025 tilausten uudelleennimeäminen). Koodilohko ajaa julkaistulla sivulla sellaisenaan. Vuoden 2025 uudelleennimeäminen muutti Personal/Business/Commerce-nimet Basic/Core/Plus/Advanced-nimiksi; koodilohko vaatii Core-tilauksen tai uudemman.

Vaihe vaiheelta

Avaa sivun editori

Avaa sivu, jolle haluat lomakkeen. Klikkaa Muokkaa, sitten klikkaa lisäyskohtaa (sininen viiva, joka ilmestyy osioiden välille).

Lisää koodilohko

Etsi lohkovalikosta "Code" ja valitse koodilohko. Se on oletuksena HTML-tilassa — jätä se HTML:lle.

Liitä upotuskoodi

Liitä Toimii-koontinäytöltä saamasi kaksi riviä. Varmista että "Display Source" -kytkin on POIS PÄÄLTÄ, jotta upotus renderöityy eikä lähdekoodi näy.

Käytä

Klikkaa Apply. Näet lomakkeen (tai kosmeettisen "Embedded scripts disabled" -varoituksen — katso sudenkuopat).

Tallenna ja katso live

Tallenna sivu. Katso julkaistu URL — ei esikatselu, ei Safe Mode — varmistaaksesi että lomake renderöityy.

Vaadittu tilaus

Squarespace nimesi tilaukset uudelleen vuonna 2025. Koodilohko vaatii Core-tilauksen (16 €/kk) tai uudemman — se on legacy-Business-tilauksen uusi nimi. Basic-tilaus EI sisällä koodilohkoa.

Yleiset sudenkuopat

"Embedded scripts disabled" Fluid Engine -editorissa on kosmeettinen — se ei riko upotustasi. Tallenna ja katso julkaistu sivu varmistaaksesi.
"Preview in Safe Mode" sammuttaa mukautetun koodin tarkoituksellisesti. Käytä tavallista esikatselua tai vieraile live-osoitteessa.
Koodilohkossa ei ole syntaksin korostusta. Kirjoita ensin tavallisessa tekstieditorissa ja liitä sitten.
Squarespace välimuistittaa aggressiivisesti. Julkaisun jälkeen kova päivitys (Cmd+Shift+R / Ctrl+F5) voi olla tarpeen lomakkeen näkemiseksi.
Älä liitä Markdown-lohkoon — se on eri lohko ja koodaa HTML:n. Käytä nimenomaan koodilohkoa.

Usein kysyttyä

Voinko käyttää Basic-tilausta?

Et — koodilohko vaatii Core-tilauksen tai uudemman. Basic-tilaus tukee vain teksti-, kuva- ja galleria-lohkoja. Käyttääksesi Toimii-palvelua päivitä Core-tilaukseen (16 €/kk) tai uudempaan.

Olen Squarespace 7.0:ssa, en 7.1:ssä — toimiiko tämä silti?

Kyllä. Koodilohko on olemassa myös 7.0:ssa — vaiheet ovat lähes identtiset. Tilausten uudelleennimeäminen koski vain vuotta 2025 ja eteenpäin; legacy-"Personal" ei saa koodilohkoa, mutta legacy-"Business" ja uudemmat saavat.

Näen "Embedded scripts disabled" editorissa — onko rikki?

Pelkkä kosmeettinen. "Embedded scripts disabled" -varoitus näkyy Fluid Engine -editorissa kaikille koodilohkoille — se EI tarkoita että upotuksesi on rikki. Tallenna, poistu editorista ja katso julkaistu sivu varmistaaksesi.

Lomake ei näy esikatselussa — miksi?

Kyllä. Squarespacen "Preview in Safe Mode" sammuttaa mukautetun koodin tarkoituksellisesti diagnostiikkaa varten. Esikatsele lomaketta tavallisessa esikatselussa — tai avaa julkaistu sivu suoraan.

Miksi käyttää Toimii-palvelua Squarespacen oman lomakkeen sijaan?

Squarespacen sisäänrakennettu lomake lähettää viestit sähköpostiisi ja Squarespace-tallennustauluun. Toimii antaa oikean koontinäytön tilastoineen, viestiketjuineen, hakuineen, lippunumeroineen, integraatioineen (Slack, webhookit, sähköposti), roskapostisuojauksineen ja vienteineen. Sisäänrakennettu riittää muutamalle viestille kuukaudessa — Toimii on suunniteltu seuraavalle tuhannelle.

Upotat eri alustalle?

Sama kaksi riviä koodia, jokaiselle alustalle eri ohjeet.

WordPress

Custom HTML -lohko, Block-editori tai perinteinen. Ei lisäosia. Yksi mutka — käyttäjäroolisi tarvitsee unfiltered_html-oikeuden.

Lue koko opas

Webflow

Code Embed -elementtiin mahtuu 50 000 merkkiä. Mukautettu koodi vaatii Basic-tilauksen tai uudemman. Julkaise nähdäksesi tuloksen.

Lue koko opas

Wix

Wix sandboxaa Embed-widgetin, joten käytämme jaettua menetelmää — script Settings → Custom Code -kohtaan, tagi Embed a Widget -lohkoon. Rehellinen ohje.

Lue koko opas

Shopify

Lisää Custom Liquid -osio mihin tahansa teemaan — sovellusta ei tarvita. Kassasivu vaatii Shopify Plus -tilauksen.

Lue koko opas

Staattiset sivustot

Astro, Hugo, 11ty, Jekyll — sama kaksi riviä layout-tiedostoon. Buildit pysyvät nopeina.

Lue koko opas

HTML / Muu

Pelkkä HTML-sivu riittää. Avaa tekstieditorissa, liitä, tallenna, lataa palvelimelle. Kolme askelta ja toimii.

Lue koko opas

React / Vue / Angular

Käytä mukautettua elementtitagia suoraan JSX:ssä, Vue-templateissa tai Angular-komponenteissa. Ei wrapper-komponenttia, ei lisäpaketteja.

Lue koko opas

Valmis kokeilemaan?

30 päivän ilmainen kokeilu. Ei luottokorttia. Valmis minuuteissa.

Ei luottokorttia. Valmis kahdessa minuutissa.