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

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-contact></toimii-contact>

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 — tarkistettu vuodelle 2026.

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

Pudota koodilohko mille tahansa sivulle. Vaatii Core-tilauksen (vuoden 2025 uusi nimi Businessille) tai uudemman.

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

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?

Script latautuu asynkronisesti ja on kooltaan alle 50 KB. Se ei estä sivusi renderöintiä.

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

Ei. Toimii käyttää natiiveja Web Components -teknologiaa — ei iframe-kehyksiä, ei cross-origin-rajoituksia, parempi suorituskyky.

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.

Ei luottokorttia. Valmis kahdessa minuutissa.