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.

Kaksi riviä koodia. Mikä tahansa sivusto.

Yksi script-tagi. Yksi mukautettu elementti. Komponentti ilmestyy heti.

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

Näin se toimii

Suunnittele komponentti

Valitse tyyppi — yhteydenotto, ajanvaraus, tilaaminen — ja muokkaa kenttiä, värejä ja tekstejä visuaalisessa editorissa.

Kopioi upotuskoodi

Saat uniikin kahden rivin koodinpätkän. Ei riippuvuuksia, ei buildityökaluja, ei lisäosia.

Liitä sivustollesi

Lisää koodi mille tahansa sivulle. Komponentti ilmestyy heti ja päivittyy automaattisesti, kun teet muutoksia.

Valitse alustasi

Jokaisessa oppaassa vaiheittaiset ohjeet, tilausvaatimukset ja sudenkuopat, joita kannattaa varoa.

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

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

Upottamisen UKK

Vaikuttavatko sivustoni tyylit komponenttiin?

Eivät. Toimii-komponentit käyttävät Shadow DOM:ia, joka eristää niiden tyylit täysin sivustasi. Sivusi CSS ei vuoda sisään, eikä komponentti vuoda ulos.

Voiko yhdelle sivulle lisätä useita komponentteja?

Kyllä. Jokaisella komponentilla on oma uniikki script ja elementti. Lisää niin monta kuin tarvitset — ne eivät ole ristiriidassa keskenään.

Hidastaako se sivustoani?

Skripti latautuu asynkronisesti, joten se ei estä sivusi renderöintiä.

Käytetäänkö iframe-kehystä?

Ei. Toimii käyttää natiiveja Web Componentteja, joten lomake on osa sivuasi eikä erillinen upotettu dokumentti.

Entä jos alustaani ei ole listalla?

Jos alustasi tukee mukautettua HTML:ää, Toimii-palvelu toimii. Upotuskoodi on tavallista HTML:ää — script-tagi ja mukautettu elementti.

Valmis kokeilemaan?

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

Aloita ilmainen kokeilu

Ei luottokorttia. Valmis kahdessa minuutissa.