Toimii tyliai startavo, todėl šiuose vadovuose aprašoma paslauga, prie kurios gali užsiregistruoti ir kurią gali naudoti jau šiandien. Kelios dalys dar kelyje — iOS ir Android programėlės pasirodys vėliau 2026 m.

Kaip įterpti kontaktų formą Webflow per dvi minutes

Vienas Kodo įterpimo elementas, dvi eilutės jo viduje, publikuoji. Drobėje matyti vietaženklis, o ne forma — taip Webflow piešia scenarijaus žymę.

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

Ar tai tikrai veikia?

Taip. Kodo įterpimo elementas yra paties Webflow: jis priima dvi eilutes lygiai tokias, kokios parašytos, ir jas įvykdo paskelbtame puslapyje — jokios programėlės diegti nereikia. Viena sąlyga dėl tavo plano — žemiau.

Žingsnis po žingsnio

Atidaryti puslapį dizaineryje

Dizaineryje atidaryk puslapį, kuriame turi atsirasti forma, ir nuslink į tą vietą, kur ją nori matyti.

Vilkti Kodo įterpimo elementą

Iš Pridėti skydelio vilk elementą į drobę — į tą sekciją ar konteinerį, kuriam forma priklauso.

Įklijuoti įterpimo kodą

Dukart spustelėk elementą, kad atidarytum jo kodo redaktorių, įklijuok dvi eilutes iš savo komponento puslapio Toimii ir išsaugok. Kopijuok jas, o ne rašyk ranka — elemento pavadinimas yra unikalus tavo komponentui.

Publikuoti ir patikrinti tiesioginį puslapį

Publikuok svetainę, tada atidaryk paskelbtą puslapį ir išsiųsk sau bandomąją žinutę. Tik atkeliavusi žinutė įrodo, kad visas kelias veikia.

Reikalingas planas

Pasirinktinis kodas yra mokama galimybė, ir ją atrakina du dalykai: mokamas Workspace arba svetainėje galiojantis Site planas. Pakanka bet kurio vieno — būtent čia suklysta dauguma patarimų. Kurie planai tinka, Webflow nurodo savo Kodo įterpimo elemento puslapyje; kitur cituojami planų lygiai ir kainos jau keitėsi ne kartą.

Klaidos

Publikuojama tik į tuos domenus, kuriuos pažymi publikavimo lange. Jei forma veikia staging adresu, bet tavo paties domene jos nėra, pirmiausia pasitikrink būtent tą pasirinkimą.
Stilizuok konteinerį, o ne formą: plotis, lygiavimas ir tarpai priklauso tam elementui, kuriame yra Kodo įterpimas. Pačios formos išvaizda nustatoma Toimii.
Dvi formos viename puslapyje reiškia du komponentus, kiekvieną su savo dviejų eilučių pora. Įklijavus tas pačias eilutes antrą kartą, tiesiog pakartojama pirmoji forma, ir abi atsiduria toje pačioje vietoje.

Dažnai klausiama

Dizaineris nerodo formos — ar ji neveikia?

Ne. Webflow drobėje kiekvienos scenarijaus žymės vietoje piešia vietaženklį, tad forma atsiranda tik tada, kai puslapis pateikiamas. Peržiūra pasirinktinį kodą įvykdys, jei ją įjungsi, bet iš savo paties Webflow adreso — paskelbtas puslapis vis tiek lieka tas testas, kuris ir lemia.

Ar tai veikia nemokamame Webflow plane?

Ne — pasirinktinis kodas yra ta mokama Webflow dalis. Prieš pirkdamas pasitikrink, ką jau turi: mokamas Workspace tai padengia lygiai taip pat, kaip ir Site planas, ir pakanka bet kurio vieno.

Ar tai nesusikirs su Webflow sąveikomis ar animacijomis?

Ne. Komponentas yra savo Shadow DOM — jis nemato Webflow sąveikų ar animacijų, o Webflow nemato, kas yra komponento viduje. Abu veikia greta.

Įterpiama kitoje platformoje?

Tos pačios dvi kodo eilutės, išskaidytos kiekvienai platformai.

WordPress

Pasirinktinis HTML blokas, Blokų redaktorius arba Klasikinis. Jokio papildinių diegimo. Vienas niuansas — tavo naudotojo vaidmuo turi turėti unfiltered_html galimybę.

Skaityti visą vadovą

Squarespace

Įklijuok kodo bloką bet kuriame puslapyje. Reikia plano, kurio kodo blokams leidžiama vykdyti JavaScript.

Skaityti visą vadovą

Wix

Naudok Wix Custom Element: savo komponento scenarijaus URL į Server URL, jo žymę į Tag Name. HTML įterpimas neveiks — tai smėlio dėžės iframe.

Skaityti visą vadovą

Shopify

Pridėk Pasirinktinę Liquid sekciją Shopify temos redaktoriuje — jokio programų diegimo, jokio temos kodo redagavimo. Atsiskaitymo puslapiai — vienintelė vieta, kur jos įdėti negalima.

Skaityti visą vadovą

Statinės svetainės

Astro, Hugo, 11ty, Jekyll — tos pačios dvi eilutės tavo išdėstymo šablone. Kūrimai lieka greiti.

Skaityti visą vadovą

HTML / Pasirinktinis

Pakanka paprasto HTML puslapio. Atidaryk bet kuriame teksto redaktoriuje, įklijuok, išsaugok, įkelk. Trys žingsniai ir forma jau veikia.

Skaityti visą vadovą

React / Vue / Angular

Naudok pasirinktinį elementą tiesiogiai JSX, Vue šablonuose ar Angular komponentuose. Jokio apgaubiančio komponento, jokio papildomo paketo.

Skaityti visą vadovą

Pasiruošęs išbandyti?

30 dienų nemokamas bandymas. Kredito kortelės nereikia. Pasiruoši per kelias minutes.

Pradėti nemokamą bandymą

Kredito kortelės nereikia. Pasiruoši per 2 minutes.