Toimii ir klusi palaists, tāpēc šajos ceļvežos aprakstīts pakalpojums, kuram vari reģistrēties un ko vari lietot jau šodien. Daži elementi vēl ir ceļā — iOS un Android lietotnes būs pieejamas vēlāk 2026. gadā.

Iestrādāt kontaktu veidlapu React, Vue vai Angular

Tīmekļa komponenti ir daļa no DOM. Iestati tagu tieši JSX, Vue veidnēs vai Angular komponentos — nav nepieciešams apvalks.

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

Vai tas tiešām darbojas?

Jā — tas ir standarta pielāgots elements: nekas nav jāinstalē, nav jāraksta apvalks. React neprasa nekādu konfigurāciju. Vue un Angular katram vajadzīga viena rindiņa, kas to kompilatoram pasaka, ka šis tags nav to pašu — abas ir zemāk.

Soli pa solim

Ielādē skriptu

Pievieno skripta tagu tam HTML apvalkam, no kura tiek pasniegta tava lietotne — index.html, no kura sākas veidošana, vai sava ietvara saknes izkārtojumam.

Ievieto pielāgoto elementu

Ievieto tagu tur, kur vēlies veidlapu; JSX, Vue un Angular veidnes to pieņem tādu, kāds tas ir. Kopē to no sava komponenta lapas Toimii — tā beigās ir tieši šī komponenta kods.

Veido un izvieto

Veido un izvieto kā parasti, tad nosūti sev testa ziņu no publicētās lapas, nevis no izstrādes servera — iesniegumi tiek pieņemti tikai no tā domēna, kas norādīts Toimii.

Biežās kļūdas

Vue prasa tagu atzīmēt kā pielāgotu elementu, citādi tas mēģina to atrisināt kā Vue komponentu un izdod brīdinājumu. isCustomElement pieņem funkciju — pārbaudi prefiksu toimii-, jo pārējā taga daļa katram komponentam ir citāda.
Angular prasa CUSTOM_ELEMENTS_SCHEMA schemas masīvā — paša standalone komponenta masīvā vai vecākā lietotnē tā NgModule masīvā. Bez tā kompilators izdod kļūdu par tagu, kuru nepazīst.

Biežāk uzdotie jautājumi

Vai man nepieciešams React/Vue/Angular apvalka komponents?

Nē. Skripts definē elementu pārlūkprogrammā, tāpēc tavs ietvars tikai renderē tagu — un, kad izlaižam jaunu versiju, tavā veidošanas procesā nekas nemainās.

Kā pastāstīt TypeScript par pielāgoto elementu?

Deklarē to JSX IntrinsicElements saskarnē ar to tagu, ko lieto tavs komponents. React 19 pārcēla šo nosaukumvietu, un pareizā pieraksta forma ir atkarīga no tava tsconfig jsx iestatījuma, tāpēc ņem aktuālo no React jaunināšanas ceļveža. Veidlapa darbojas bez tā.

Kā padot props vai konfigurāciju?

Nav nekā, ko padot. Tas, ko veidlapa jautā un kurp tā piegādā ziņas, tiek iestatīts Toimii un iebūvēts pakotnē, ko ielādē skripts — tieši tāpēc tagam nav neviena atribūta.

Vai tas darbojas ar Next.js vai citu React ietvaru?

Jā. Next.js projektā ielādē to ar next/script no saknes izkārtojuma — tā ir dokumentētā vieta skriptam, kas vajadzīgs visai vietnei. „use client” robeža ir nepieciešama tikai tad, ja tam pievieno load vai error apstrādātāju; pats tags to neprasa.

Kā ar serverpuses renderēšanu?

Pielāgotais elements tiek renderēts klienta pusē, kā jebkurš tīmekļa komponents. SSR izvada tagu, pārlūkprogramma reģistrē elementu, kad skripts ielādējas, tad veidlapa parādās. Ir īss tukšas vietas uzplaiksnījums — parasti nemanāms.

Iestrādā citā platformā?

Tās pašas divas koda rindiņas, izklāstītas katrai platformai.

WordPress

Custom HTML bloks, Block Editor vai Classic. Nav nepieciešama spraudņa instalēšana. Viens brīdinājums — tavai lietotāja lomai nepieciešama unfiltered_html iespēja.

Lasīt pilno rokasgrāmatu

Squarespace

Ievieto Code Block jebkurā lapā. Nepieciešams plāns, kura koda blokiem ir atļauts izpildīt JavaScript.

Lasīt pilno rokasgrāmatu

Webflow

Ievelc Code Embed elementu un ielīmē abas rindiņas. Pielāgots kods Webflow ir maksas funkcija — tas ir vienīgais nosacījums.

Lasīt pilno rokasgrāmatu

Wix

Izmanto Wix Custom Element: sava komponenta skripta URL laukā Server URL, tā tagu laukā Tag Name. HTML iestrādāšana nedarbosies — tā ir smilškastes iframe.

Lasīt pilno rokasgrāmatu

Shopify

Pievieno Custom Liquid sekciju Shopify tēmas redaktorā — nav nepieciešama lietotnes instalēšana, nav jārediģē tēmas kods. Norēķinu lapas ir vienīgā vieta, kur to nevar likt.

Lasīt pilno rokasgrāmatu

Statiskās vietnes

Astro, Hugo, 11ty, Jekyll — tās pašas divas rindiņas tavā izkārtojuma veidnē. Veidošana paliek ātra.

Lasīt pilno rokasgrāmatu

HTML / Pielāgots

Pietiek ar parastu HTML lapu. Atver tekstredaktorā, ielīmē, saglabā, augšupielādē. Trīs soļi — un esi aktīvs.

Lasīt pilno rokasgrāmatu

Gatavs izmēģināt?

30 dienu bezmaksas izmēģinājums. Nav kredītkartes. Uzstādīšana — minūtēs.

Sākt bezmaksas izmēģinājumu

Kredītkarte nav nepieciešama. Uzstādīšana — 2 minūtēs.