Need juhendid kirjeldavad Toimiit, kui see on töös. Töölaud ja arveldus pole veel saadaval — Toimii käivitub 2026. aastal.

Lihtsaim viis lisada kontaktivorm tavalisele HTML-lehele

Kaks rida ükskõik kuhu <body> sisse. Ei mingit ehitusetappi ega sõltuvusi. Kui oskad salvestada ja üles laadida, saad sellega hakkama.

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

Kas see tegelikult ka töötab?

Jah — ja see on kõige lihtsam juhtum. Tavalisel HTML-il pole pistikprogrammide liivakasti, ükski redaktor ei eemalda skripte ega ole pakettide tasemeid. Kaks rida töötavad kõikjal, kus saad .html-faili salvestada ja üles laadida.

Samm-sammult

Ava oma .html-fail

Ava .html-fail, kuhu vormi soovid, suvalises tekstiredaktoris — VS Code, Sublime, Notepad++, kasvõi TextEdit (tavalise teksti režiimis).

Kleebi manustamiskood

Kleebi kaks rida oma Toimii töölaualt <body> sisse täpselt sinna, kus soovid, et vorm ilmuks.

Salvesta ja lae üles

Salvesta fail ja lae see oma majutusse üles — FTP, S3, Netlify drop, mida iganes kasutad. Kontrollimiseks ava leht brauseris.

Levinud konarused

Ära kleebi koodijuppi <head>-i sisse. Kohandatud element on keha tasandi silt — see peab asuma <body> sees.
Ära eemalda skripti sildilt async-atribuuti. Ilma selleta blokeerib skript ülejäänud lehe renderdamise.
Kui kopeerid ja kleebid vormindatud teksti redaktorist, võid saada nutikad jutumärgid (" ") sirgete (") asemel. Kasuta tavalist tekstiredaktorit — VS Code, Sublime, Notepad, TextEdit tavalise teksti režiimis.
Kui sinu lehel on juba Content-Security-Policy meta-sildid, luba script-src-is ja connect-src-is cdn.toimii.io. Enamikul tavalistest HTML-lehtedest pole CSP-d üldse.

Korduma kippuvad küsimused

Kas mul on vaja taustasüsteemi või PHP-d?

Taustasüsteemi pole vaja. Esitused liiguvad vormist otse Toimii API-sse — sinu HTML-leht võib asuda kus iganes, kasvõi tasuta staatilises majutuses.

Kas saan .html-faili otse file:// kaudu avada?

See sõltub brauserist. Chrome ja Safari avavad .html-failid file:// kaudu probleemideta; Firefox blokeerib eri päritolu skriptid file://-aadressidel. Usaldusväärseks testimiseks käivita pisike kohalik server (npx serve, python -m http.server) ja ava http://localhost.

Kas see töötab CodePenis, JSFiddle'is või liivakastis?

Jah — kleebi kaks rida HTML-paneeli. Skript laaditakse ja komponent renderdatakse eelvaate iframe-aknas.

Kas see töötab võrguühenduseta?

Leht laaditakse, kuid vorm vajab saatmiseks võrguühendust. Kui külastaja on võrguühenduseta, renderdatakse leht normaalselt — ta lihtsalt ei saa sõnumit saata, kuni ühendus naaseb.

Lisad mõnele teisele platvormile?

Sama kaks rida koodi, igale platvormile eraldi lahti seletatud.

WordPress

Custom HTML plokk, Block-redaktor või Classic. Lisandmooduli paigaldamist pole vaja. Üks konks — sinu kasutajaroll vajab unfiltered_html õigust.

Loe täielikku juhendit

Squarespace

Pudista ükskõik millisele lehele Code Block. Nõuab Core paketti (2025. aasta Business'i ümbernimetus) või kõrgemat.

Loe täielikku juhendit

Webflow

Code Embed element mahutab kuni 50 000 märki. Kohandatud kood eeldab vähemalt Basic-paketti. Tulemuse nägemiseks avalda leht.

Loe täielikku juhendit

Wix

Wix isoleerib Embed-vidina liivakasti, seega kasutame jagatud meetodit — skript kohta Settings → Custom Code, silt vidina Embed a Widget kaudu. Aus juhend.

Loe täielikku juhendit

Shopify

Lisa ükskõik millisesse teemasse Custom Liquid sektsioon — rakenduse installi pole vaja. Jäta kassalehed vahele, kui sul pole Shopify Plusi.

Loe täielikku juhendit

Staatilised saidid

Astro, Hugo, 11ty, Jekyll — needsamad kaks rida sinu paigutusmalli. Ehitused jäävad kiireks.

Loe täielikku juhendit

React / Vue / Angular

Kasuta kohandatud elementi otse JSX-is, Vue mallides või Angulari komponentides. Ei mingit ümbriskomponenti ega lisapaketti.

Loe täielikku juhendit

Valmis proovima?

30-päevane tasuta prooviperiood. Krediitkaarti pole vaja. Valmis mõne minutiga.

Krediitkaarti pole vaja. Seadistus 2 minutiga.