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

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

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

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

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 paigutusmall, mis ümbritseb iga lehte — _layouts/default.html Jekyllis, src/layouts/Base.astro Astros, layouts/partials/footer.html Hugos, _includes/layout.njk 11ty-s.

Kleebi manustamiskood

Kleebi kaks rida oma Toimii töölaualt <body> sisse. Et näidata vormi ainult teatud lehtedel, piira kohandatud elementi oma generaatori mallisüntaksiga (front matter -lipp, lehe slug'i kontroll jne); skripti silt võib jääda paigutusse.

Käivita arendusserver

Käivita oma arendusserver (npm run dev / hugo server / jekyll serve). Vorm renderdatakse kohe — ei mingit lisakonfiguratsiooni, pistikprogrammi ega @types-i.

Ehita ja juuruta

Ehita ja juuruta tavapäraselt (Netlify, Vercel, GitHub Pages, S3 + CloudFront, kus iganes majutad). Vorm töötab edasi — Toimii CDN teeb ülejäänu.

Levinud konarused

Enamik staatiliste saitide Markdowni renderdajaid eemaldavad toore HTML-i vaikimisi. Jekyllis / 11ty-s / Hugos luba toores HTML või kleebi manustus sisufaili asemel paigutusfaili.
Kuumtaaslaadimine sisestab skripti arenduse ajal vahel mitu korda. See on ainult arenduse iseärasus; tootmisehitused väljastavad sildi lehe kohta üks kord.
Mõned majutajad lisavad agressiivseid Content-Security-Policy päiseid (Netlify ja Vercel lubavad kohandamist). Luba script-src-is ja connect-src-is cdn.toimii.io ja api.toimii.io.
Ära pane koodijuppi <head>-i sisse. Kohandatud element on keha tasandi silt — hoia skripti soovi korral <head>-is (koos async-iga), kuid silt peab olema <body>-s.

Korduma kippuvad küsimused

Kuidas lisan selle Astrosse?

Pudista skripti silt oma baaspaigutuse Layout-komponenti (nt src/layouts/Base.astro) ja kasuta kohandatud elementi ükskõik millises .astro-failis. Astro renderdab tundmatud elemendid tavalise HTML-ina — sildi enda jaoks pole kliendi direktiivi vaja.

Kuidas lisan selle Hugosse?

Lisa koodijupp oma faili layouts/partials/footer.html (või sinna, kust kohandatud skripte laadid) ja kasuta kohandatud elementi oma sisufailides, paigutusmallides või shortcode'ides.

Kuidas lisan selle 11ty-sse (Eleventy)?

Lisa koodijupp oma baaspaigutusse (_includes/layout.njk Eleventy vaikeseadetes). See kehtib igale lehele, mis paigutust laiendab. Lülita kuumtaaslaadimine sisse; näed vormi niipea, kui arendusserver uuesti ehitab.

Kuidas lisan selle Jekylli / GitHub Pagesi?

Lisa koodijupp faili _layouts/default.html (või enda valitud paigutusse). Kasuta kohandatud elementi ükskõik millises Markdown-postituses, lubades Markdowni renderdajas html-i.

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?

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

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.

Krediitkaarti pole vaja. Seadistus 2 minutiga.