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.

Įterpk kontaktų formą React, Vue ar Angular

Žiniatinklio komponentai yra DOM dalis. Įmesk žymę tiesiai į JSX, Vue šablonus ar Angular komponentus — jokio apgaubiančio komponento nereikia.

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

Ar tai tikrai veikia?

Taip — tai įprastas pasirinktinis elementas: nieko diegti nereikia, apgaubiančio komponento rašyti taip pat. React nereikia jokios konfigūracijos. Vue ir Angular kiekvienam reikia po vieną eilutę, kuri pasako jų kompiliatoriui, kad ši žymė ne jų — abi žemiau.

Žingsnis po žingsnio

Įkelti scenarijų

Pridėk scenarijaus žymę į tą HTML apvalkalą, iš kurio pateikiama tavo programa — į index.html, nuo kurio prasideda kūrimas, arba į savo karkaso šakninį išdėstymą.

Įterpti pasirinktinį elementą

Įdėk žymę ten, kur nori formos; JSX bei Vue ir Angular šablonai priima ją tokią, kokia parašyta. Kopijuok ją iš savo komponento puslapio Toimii — ji baigiasi to komponento unikaliu kodu.

Sugeneruoti ir paskelbti

Sugeneruok ir paskelbk kaip įprastai, tada išsiųsk sau bandomąją žinutę iš paskelbto puslapio, o ne iš kūrimo serverio — pateikimai priimami tik iš to domeno, kurį nurodei Toimii.

Klaidos

Vue reikia, kad žymė būtų pažymėta kaip pasirinktinis elementas — kitaip jis ieškos Vue komponento ir įspės. isCustomElement priima funkciją, tad tikrink toimii- priešdėlį: likusi žymės dalis kiekvienam komponentui skiriasi.
Angular reikia CUSTOM_ELEMENTS_SCHEMA schemas masyve — paties standalone komponento arba, senesnėje programoje, jo NgModule. Be jo kompiliatorius meta klaidą dėl žymės, kurios nepažįsta.

Dažnai klausiama

Ar man reikia React/Vue/Angular apgaubiančio komponento?

Ne. Scenarijus apibrėžia elementą naršyklėje, tad tavo karkasui telieka atvaizduoti žymę — o kai išleidžiame naują versiją, tavo projekte nieko keisti nereikia.

Kaip pasakyti TypeScript apie pasirinktinį elementą?

Deklaruok ją JSX IntrinsicElements sąsajoje su ta žyme, kurią naudoja tavo paties komponentas. React 19 perkėlė šią vardų sritį, o teisinga forma priklauso nuo tavo tsconfig jsx nustatymo, tad aktualų variantą pasiimk iš React atnaujinimo vadovo. Forma veikia ir be to.

Kaip perduoti props ar konfigūraciją?

Nieko perduoti nereikia. Tai, ko forma klausia ir kur ji siunčia atsakymus, nustatoma Toimii ir įrašoma į tą paketą, kurį įkelia scenarijus — todėl žymėje ir nėra jokių atributų.

Ar veiks su Next.js ar kitu React karkasu?

Taip. Next.js atveju įkelk jį su next/script iš šakninio išdėstymo — tai dokumentuota vieta scenarijui, kurio reikia visai svetainei. „use client“ riba būtina tik tada, jei prikabini load ar error tvarkyklę; pačiai žymei jos nereikia.

O kaip su serverio pusės atvaizdavimu?

Pasirinktinis elementas atvaizduojamas kliento pusėje, kaip ir bet kuris žiniatinklio komponentas. SSR išsiunčia žymę, naršyklė registruoja elementą, kai įsikrauna scenarijus, tada atsiranda forma. Trumpam blyksteli tuščia vieta — dažniausiai nepastebima.

Į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ą

Webflow

Įvilk Kodo įterpimo elementą ir įklijuok dvi eilutes. Webflow pasirinktinis kodas yra mokama galimybė — tai vienintelė sąlyga.

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ą

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.