Toimii on julkaistu hiljaisesti, joten nämä ohjeet kuvaavat palvelua, johon voit rekisteröityä ja jota voit käyttää jo nyt. Muutama osa on vielä matkalla — iOS- ja Android-sovellukset julkaistaan vielä vuoden 2026 aikana.

Näin upotat yhteydenottolomakkeen Squarespaceen yhdellä Code Blockilla

Yksi Code Block, kaksi riviä. Lomake näkyy julkaistulla sivulla — editori ei ole se paikka, jossa asian tarkistaa.

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

Toimiiko tämä oikeasti?

Kyllä — Code Block ottaa kaksi riviä vastaan juuri sellaisinaan ja suorittaa ne julkaistulla sivulla. Tilaukselle on yksi ehto, alla.

Vaihe vaiheelta

Avaa sivueditori

Avaa sivu, jolle haluat lomakkeen, siirry muokkaustilaan ja lisää lohko siihen kohtaan, johon lomake tulee.

Lisää Code Block

Hae lohkovalikosta Code ja valitse Code Block. Jätä se HTML-tilaan.

Liitä upotuskoodi

Liitä komponenttisi Toimii-sivulta kopioidut kaksi riviä. Varmista, että ”Display Source” -kytkin on POIS PÄÄLTÄ, jotta upotus renderöityy eikä lähdekoodi.

Julkaise ja tarkista sivu

Tallenna ja julkaise, avaa sitten julkaistu URL-osoite ja lähetä testiviesti. Vasta perille tullut viesti todistaa, että upotus toimii päästä päähän.

Vaadittu tilaus

Tarvitset tilauksen, jonka code blockit saavat suorittaa JavaScriptiä. Squarespace listaa kelpaavat tilaukset omalla code block -sivullaan; tarkista sieltä äläkä luota muualla siteerattuun lukuun, sillä tilausten nimet ovat muuttuneet ja hinnat vaihtelevat alueen ja laskutusjakson mukaan.

Sudenkuopat

Tyhjä lohko editorissa ei todista mitään — Squarespace pimittää mukautetun koodin kirjautuneelta käyttäjältä tarkoituksella. Tarkista julkaistu sivu.
Jos sivulla näkyy kaksi riviä tekstinä lomakkeen sijaan, Code Blockin ”Display Source” -kytkin on päällä. Ota se pois.
Kaksi editoria, kaksi tapaa lisätä lohko: osiot, joissa on Add Block -painike, käyttävät Fluid Engineä, ja jos painiketta ei ole, klikkaat lisäyskohtaa. Muualta löytyvät ohjeet olettavat yleensä vain toisen näistä.

Usein kysyttyä

Minkä Squarespace-tilauksen tarvitsen?

Sellaisen, jonka code blockit saavat suorittaa JavaScriptiä. Kaikilla tilauksilla voit lisätä code blockin ja liittää siihen HTML:ää, Markdownia tai CSS:ää — juuri skriptin suorittaminen on se osa, joka on rajattu, ja meidän upotuksemme on script-tagi. Squarespace ylläpitää ajantasaista listaa kelpaavista tilauksista code block -sivullaan.

Lomakkeeni ei näy Squarespace-editorissa — onko se rikki?

Ei todennäköisesti. Squarespacen oma dokumentaatio kertoo, että turvasyistä koodisi ei aina näy kirjautuneena, vaikka kävijät sen näkevät — ja sen ratkaisu on Preview in Safe Mode -painike, joka on olemassa juuri näyttääkseen upotetun sisällön eikä piilottaakseen sitä. Julkaistu sivu uloskirjautuneena avattuna ratkaisee asian suuntaan tai toiseen.

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

Ne ratkaisevat ongelman eri puolet. Squarespacen lomakelohko ohjaa jokaisen lähetyksen valitsemaasi kohteeseen — sähköpostiin, sen omaan Contacts-paneeliin, Google Driveen, Mailchimpiin tai Zapieriin — ja vähintään yksi vaaditaan, ennen kuin lomake ottaa vastaan mitään. Toimii on se paikka, johon lähetykset sen sijaan päätyvät: hallintapaneeli, joka on tehty niiden lukemiseen ja niihin vastaamiseen, ei postilaatikko, jota pitää itse vahtia.

Upotatko eri alustalle?

Samat 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

Vedä canvasille Code Embed -elementti ja liitä kaksi riviä. Mukautettu koodi on Webflowissa maksullinen ominaisuus — se on ainoa ehto.

Lue koko opas

Wix

Käytä Wixin Custom Element -elementtiä: komponentin script-URL Server URL -kenttään, sen tagi Tag Name -kenttään. HTML-upotus ei toimi — se on sandboxattu iframe.

Lue koko opas

Shopify

Lisää Custom Liquid -osio Shopifyn teema-editorissa — ei sovellusasennusta, ei teemakoodin muokkausta. Kassasivu on ainoa paikka, johon se ei sovi.

Lue koko opas

Staattiset sivustot

Astro, Hugo, 11ty, Jekyll — samat 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.

Aloita ilmainen kokeilu

Ei luottokorttia. Valmis kahdessa minuutissa.