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

Kuidas manustada kontaktivorm Webflow'sse kahe minutiga

Code Embed element lõuendil. Selle nägemiseks avalda leht. Designer ei näita kohandatud koodi eelvaadet — see on Webflow' eripära, mitte Toimii oma.

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

Kas see tegelikult ka töötab?

Jah — Basic-saidipaketiga või kõrgemaga. Code Embed element (2024. aastal nimetatud ümber „Embed“-ist) käivitab avaldamisel reasisesed skriptid. Designer ei näita kohandatud koodi eelvaadet, seega näed vormi ainult oma avaldatud *.webflow.io URL-il või päris domeenil.

Samm-sammult

Ava leht Designeris

Klõpsa lehel, kuhu vorm peaks ilmuma. Veendu, et oled Basic-paketis või kõrgemas — tasuta Starter-pakett eemaldab kohandatud koodi.

Lohista sisse Code Embed element

Lohista Add-paneelilt Code Embed element lõuendile kohta, kuhu soovid vormi. (2024. aastal nimetatud ümber „Embed-komponendist“ — sama asi.)

Kleebi manustuskood

Tee Code Embedil topeltklõps, et avada koodiredaktor. Kleebi kaks rida oma Toimii töölaualt. Klõpsa Save & Close.

Ära oota Designeris eelvaadet

Designer näitab manustuse kohas kohatäidet — see on normaalne, kohandatud koodi eelvaadet Designeris ei näe.

Avalda ja kontrolli

Klõpsa Publish. Vaata vormi oma *.webflow.io lavastus-URL-il või päris domeenil. Kinnitamiseks saada testsõnum.

Nõutav pakett

Webflow' tasuta Starter-pakett eemaldab kohandatud koodi avaldamisel. Toimii kasutamiseks on vaja Basic-saidipaketti ($14/kuus) või kõrgemat.

Levinud konarused

Webflow' Designer ei näita kohandatud koodi eelvaadet. Redaktoris näed kohatäidet — vorm renderdub ainult avaldatud saidil. Selle nägemiseks avalda leht.
Code Embed elemendil on 50 000 märgi piir. Meie manustus jääb sellest kindlalt alla, aga kui kleebid mitut asja, kombineeri hoolikalt.
Kohandatud kood eeldab vähemalt Basic-saidipaketti ($14/kuus). Tasuta Starter-pakett eemaldab kohandatud koodi avaldamisel.
Webflow' „Embed-komponent“ nimetati 2024. aastal ümber „Code Embed elemendiks“. Kui juhend ütleb „Embed“, otsi Add-paneelilt Code Embedit.
Kui paigutad manustuse div-i, millel on display flex / grid, käsitletakse vormi Shadow DOM-i juurt ploki tasandi elemendina. Kujunda vanemelementi, mitte komponenti.

Korduma kippuvad küsimused

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

Ei. Webflow' Designer ei käivita kohandatud koodi — see näitab kohatäidet seal, kuhu manustus tuleb. Vormi nägemiseks klõpsa Publish ja vaata seda oma *.webflow.io lavastus-URL-il või päris domeenil.

Kas see töötab tasuta Starter-paketiga?

Ei — kohandatud kood eeldab Basic-saidipaketti ($14/kuus) või kõrgemat. Tasuta Starter-pakett blokeerib kogu kohandatud koodi, seega manustus ei tööta enne, kui paketti uuendad.

Näen „Code Embed elementi“ — kas see on sama mis vana „Embed“?

Webflow nimetas 2024. aastal komponendi „Embed“ ümber „Code Embed elemendiks“. Sama komponent, uus nimi. Kui sinu juhend ütleb „Embed“, otsi Code Embedit.

Kuulsin, et seal on 50 000 märgi piir?

Code Embed elemendil on iga eksemplari kohta 50 000 märgi piir. Meie kaks rida jäävad sellest kõvasti alla — aga kui kleebid samasse manustusse ka analüütika- või muud kohandatud koodi, hoia märkide arvul silm peal.

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?

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

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

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.