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.

Yksinkertaisin tapa lisätä yhteydenottolomake tavalliselle HTML-sivulle

Kaksi riviä mihin tahansa <body>-tagin sisään. Ei build-vaihetta, ei riippuvuuksia. Jos osaat tallentaa ja ladata, osaat tämän.

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

Toimiiko tämä oikeasti?

Kyllä — ja tämä on yksinkertaisin tapaus. Tavallisella HTML:llä ei ole lisäosa-sandboxia, editorin skriptisensuuria, eikä tilaustasoja. Kaksi riviä toimii missä tahansa, missä voit tallentaa ja ladata .html-tiedoston.

Vaihe vaiheelta

Avaa .html-tiedostosi

Avaa muokattava .html-tiedosto tavallisella tekstieditorilla.

Liitä upotuskoodi

Liitä Toimii-hallintapaneelista saamasi kaksi riviä <body>-tagin sisään kohtaan, johon haluat lomakkeen ilmestyvän.

Tallenna ja lataa palvelimelle

Tallenna tiedosto ja vie se palvelimelle tavalliseen tapaan. Avaa sitten julkaistu sivu ja lähetä itsellesi testiviesti.

Sudenkuopat

Molemmat rivit tai ei kumpaakaan: script määrittelee elementin, tagi asettaa sen paikalleen. Jos liität pelkän tagin, selain ei piirrä mitään eikä virheilmoitusta tule.
Tekstinkäsittelyohjelma vaihtaa suorat lainausmerkit kaareviksi. Silloin selain lukee kaarevat merkit osaksi osoitetta, eikä script lataudu. Käytä tavallista tekstieditoria.
Jos asetat Content-Security-Policyn — HTTP-otsakkeena tai <meta>-tagina — salli cdn.toimii.io kohdassa script-src ja api.toimii.io kohdassa connect-src. script-src kattaa komponentin lataamisen, connect-src lomakkeen lähettämisen. Tavallisilla HTML-sivuilla ei yleensä ole CSP:tä lainkaan.

Usein kysyttyä

Tarvitsenko backendin tai PHP:n?

Et tarvitse omaa palvelinta. Lähetykset menevät suoraan lomakkeesta Toimii-palvelun API-rajapintaan — HTML-sivusi voi sijaita missä tahansa, vaikka ilmaisella staattisella palvelulla.

Voinko avata .html-tiedoston suoraan file://-protokollalla?

Sivu renderöityy, mutta mikään lähetys ei mene perille. Lähetykset hyväksytään vain siitä verkkotunnuksesta, jonka olet Toimiissa määrittänyt, eikä levyltä avatulla sivulla ole verkkotunnusta, johon se voisi täsmätä — lähetys päättyy yleiseen virheilmoitukseen. Katso ulkoasu levyltä, mutta testaa lähettäminen vasta palvelimelle ladatulla sivulla.

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

Squarespace

Lisää Code Block mille tahansa sivulle. Vaatii tilauksen, jonka code blockit saavat suorittaa JavaScriptiä.

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

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.