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.

Kuidas manustada kontaktivorm Webflow'sse kahe minutiga

Üks Code Embed element, kaks rida selle sisse, avalda. Lõuend näitab kohatäidet, mitte vormi — nii Webflow skripti silti joonistabki.

<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. Code Embed on Webflow' enda element: see võtab kaks rida täpselt nii, nagu need on kirjutatud, ja käivitab need avaldatud lehel, ilma et peaks ühtki Appi paigaldama. Paketile on üks tingimus, allpool.

Samm-sammult

Ava leht Designeris

Ava Designeris leht, kus vorm peaks ilmuma, ja keri kohta, kuhu selle soovid.

Lohista sisse Code Embed element

Lohista Add-paneelilt element lõuendile sinna sektsiooni või konteinerisse, kuhu vorm kuulub.

Kleebi manustuskood

Tee elemendil topeltklõps, et avada selle koodiredaktor, kleebi kaks rida oma komponendi lehelt Toimiis ja salvesta. Kopeeri need, ära kirjuta käsitsi ümber — elemendi nimi on just sinu komponendi oma.

Avalda ja kontrolli päris lehte

Avalda sait, seejärel ava avaldatud leht ja saada endale testsõnum. Ainult kohale jõudnud sõnum tõestab, et kogu ahel toimib.

Nõutav pakett

Kohandatud kood on tasuline võimalus, mille avab kaks eri asja: tasuline Workspace või saidil kehtiv Site plan. Kumbki üksi on piisav — enamik nõuandeid eksib just siin. Webflow loetleb sobivad paketid oma Code Embed elemendi lehel; mujal viidatud tasemed ja hinnad on muutunud rohkem kui korra.

Konarused

Avaldamine läheb ainult neile domeenidele, mis avaldamise aknas valid. Kui vorm on staging-aadressil üleval, aga sinu enda domeenilt puudub, kontrolli kõigepealt just seda valikut.
Kujunda konteinerit, mitte vormi: laius, joondus ja vahed käivad selle elemendi kohta, mille sees Code Embed on. Vormi enda välimus seatakse Toimiis.
Kaks vormi ühel lehel tähendab kahte komponenti, kummalgi oma kaks rida. Samade ridade teistkordne kleepimine kordab lihtsalt esimest vormi ja mõlemad saadavad esitused samasse kohta.

Korduma kippuvad küsimused

Designer ei näita vormi — kas see on katki?

Ei. Webflow joonistab lõuendil kohatäite igasse kohta, kus on skripti silt, nii et vorm ilmub alles siis, kui lehte päriselt serveeritakse. Preview käivitab kohandatud koodi, kui selle sisse lülitad, kuid teeb seda Webflow' enda aadressilt — avaldatud leht on ikka see test, mis loeb.

Kas see töötab Webflow' tasuta paketiga?

Ei — kohandatud kood ongi Webflow' tasuline osa. Enne ostmist vaata, mis sul juba olemas on: tasuline Workspace katab selle sama hästi kui Site plan ja kumbki üksi on piisav.

Kas see läheb vastuollu Webflow' interaktsioonide või animatsioonidega?

Ei. Komponent on oma Shadow DOM-is — see ei näe Webflow' interaktsioone ega animatsioone ja Webflow ei näe komponendi sisse. Mõlemad töötavad kõrvuti.

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

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

Staatilised saidid

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

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.