Toimii on vaikselt käivitunud, nii et need juhendid kirjeldavad teenust, millega saad juba täna liituda ja mida kasutada. Mõni tükk on veel tulemas — iOS-i ja Androidi rakendused ilmuvad 2026. aasta jooksul.

Lisa kontaktivorm oma staatilisele saidile: Astro, Hugo, 11ty, Jekyll

Üks koodijupp sinu paigutusmalli. Töötab Astros, Hugos, 11ty-s, Jekyllis ja igas teises staatiliste saitide generaatoris.

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

Kas see tegelikult ka töötab?

Jah — ja staatilised saidid on kõige puhtam juhtum. Ei mingit pistikprogrammide liivakasti, skripte eemaldavat redaktorit ega pakettide taset. Kaks rida pudistatakse sinu paigutusmalli samamoodi, nagu need läheksid ükskõik millisesse HTML-faili.

Samm-sammult

Ava oma paigutusmall

Ava mall, mis ümbritseb iga lehte — see, milles on juba sinu <body>-silt.

Kleebi manustamiskood

Kleebi <body> sisse kaks rida oma komponendi lehelt Toimiis. Et näidata vormi ainult teatud lehtedel, mässi mõlemad read oma generaatori tingimuslausesse — skript ja silt kuuluvad kokku.

Ehita ja avalda

Ehita ja avalda nii, nagu tavaliselt teed. Seejärel ava avaldatud leht ja saada endale testsõnum.

Konarused

Pane silt malli, mitte Markdowni sisufaili. See, kas toores HTML Markdownist läbi pääseb, on generaatoripõhine seadistus — Hugos on selleks vaja markup.goldmark.renderer.unsafe — samas kui malli ei aeta Markdownist üldse läbi.
Astro pakib kokku skripti sildid, mille ainus atribuut on src. Meie omal on lisaks ka async ja iga src-ile lisanduv atribuut paneb Astrot silti puutumata jätma — nii et see töötab täpselt nii, nagu kirjutatud. Kui sa selle kunagi ainult src-iks kärbid, lisa is:inline.
Staatilised majutajad ei lisa vaikimisi Content-Security-Policyt. Kui seadistad selle ise — HTTP vastusepäisena või <meta>-sildina — luba script-src-is cdn.toimii.io ja connect-src-is api.toimii.io.

Korduma kippuvad küsimused

Kuidas lisan selle Astros, Hugos, 11ty-s või Jekyllis?

Nende vahel ei ole mingit vahet — ülaltoodud sammud ongi kogu protseduur kõigis neljas. Malli failiteed me meelega ei anna: iga generaator nimetab selle faili isemoodi ja nimed on versiooniti muutunud, nii et vaata oma generaatori dokumentatsiooni.

Kas see töötab GitHub Pagesis, Netlifys, Vercelis või Cloudflare Pagesis?

Jah, ja igal muul majutajal, kes serveerib staatilisi faile — sinu poolel ei tööta midagi. Majutajast tähtsam on aadress: esitusi võetakse vastu ainult sellelt domeenilt, mille oled Toimiis määranud, nii et majutaja enda alamdomeenil olev eelvaateehitus renderdab küll vormi, kuid sõnumit vastu ei võta.

Kas see aeglustab mu ehitust?

Ei. Skript laaditakse käitusajal, mitte ehitusajal — sinu ehitus väljastab skripti sildi ja brauser tõmbab tegeliku komponendi siis, kui külastaja lehele jõuab. Astro, Hugo, 11ty, Jekyll: kõik puutumata.

Lisad mõnele teisele platvormile?

Samad 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

Lisa ükskõik millisele lehele Code Block. Vajab paketti, mille koodiplokid tohivad JavaScripti käivitada.

Loe täielikku juhendit

Webflow

Lohista sisse Code Embed element ja kleebi kaks rida. Kohandatud kood on Webflow' tasuline võimalus — see ongi ainus tingimus.

Loe täielikku juhendit

Wix

Kasuta Wixi Custom Elementi: oma komponendi skripti URL Server URL-i ja selle silt Tag Name'i. HTML-manustus ei tööta — see on liivakasti-iframe.

Loe täielikku juhendit

Shopify

Lisa Custom Liquid sektsioon Shopify teemaredaktoris — rakenduse installi ega teemakoodi muutmist pole vaja. Kassalehed on ainus koht, kuhu see ei sobi.

Loe täielikku juhendit

HTML / Kohandatud

Tavalisest HTML-lehest piisab. Ava see suvalises tekstiredaktoris, kleebi, salvesta, lae üles. Kolm sammu ja oledki eetris.

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.

Alusta tasuta prooviperioodi

Krediitkaarti pole vaja. Seadistus 2 minutiga.