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ā.

Pievienot kontaktu veidlapu statiskajai vietnei: Astro, Hugo, 11ty, Jekyll

Viens fragments tavā izkārtojuma veidnē. Darbojas Astro, Hugo, 11ty, Jekyll un katrā citā statisko vietņu ģeneratorā.

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

Vai tas tiešām darbojas?

Jā — un statiskās vietnes ir tīrākais gadījums. Nav spraudņu smilškastes, nav redaktora, kas noņemtu skriptus, nav plāna līmeņa. Abas rindiņas iet tavā izkārtojuma veidnē tādā pašā veidā kā jebkurā HTML failā.

Soli pa solim

Atver savu izkārtojuma veidni

Atver veidni, kas aptver katru lapu — to, kurā jau atrodas tavs <body> tags.

Ielīmē iestrādāšanas kodu

Ielīmē abas rindiņas no sava komponenta lapas Toimii iekš <body>. Lai rādītu veidlapu tikai dažās lapās, ietver abas rindiņas sava ģeneratora nosacījumā — skripts un tags pieder kopā.

Veido un izvieto

Veido un izvieto tā, kā parasti. Tad atver publicēto lapu un nosūti sev testa ziņu.

Biežās kļūdas

Ievieto tagu veidnē, nevis Markdown satura failā. Tas, vai neapstrādāts HTML izdzīvo Markdown apstrādē, ir katra ģeneratora atsevišķs iestatījums — Hugo tam vajag markup.goldmark.renderer.unsafe — turpretī veidne cauri Markdown apstrādei neiet vispār.
Astro iekļauj savā pakotnē tos skripta tagus, kuriem vienīgais atribūts ir src. Mūsējam ir arī async, un jebkurš atribūts papildus src liek Astro tagu neaiztikt — tāpēc tas darbojas tā, kā ir uzrakstīts. Ja kādreiz to saīsini līdz tikai src, pievieno is:inline.
Statiskie mitinātāji pēc noklusējuma nepievieno Content-Security-Policy. Ja to iestati pats — kā HTTP atbildes galveni vai <meta> tagu — atļauj cdn.toimii.io iekš script-src un api.toimii.io iekš connect-src.

Biežāk uzdotie jautājumi

Kā to pievienot Astro, Hugo, 11ty vai Jekyll?

Starp tiem nav nekādas atšķirības — iepriekšējie soļi visos četros ir viss, kas jādara. Veidnes faila ceļu apzināti nenorādām: katrs ģenerators šo failu sauc citādi un nosaukumi dažādās versijās ir mainījušies, tāpēc ieskaties sava ģeneratora dokumentācijā.

Vai tas darbojas GitHub Pages, Netlify, Vercel vai Cloudflare Pages?

Jā, un arī jebkurā citā mitinātājā, kas pasniedz statiskus failus — tavā pusē nekas nedarbojas. Svarīgāka par mitinātāju ir adrese: iesniegumi tiek pieņemti tikai no tā domēna, kas norādīts Toimii, tāpēc priekšskatījuma versija mitinātāja paša apakšdomēnā veidlapu gan parāda, bet ziņu nepieņem.

Vai tas palēninās manu veidošanu?

Nē. Skripts ielādējas izpildes laikā, nevis veidošanas laikā — tava veidošana ģenerē skripta tagu un pārlūkprogramma ielādē faktisko komponentu, kad apmeklētājs nonāk lapā. Astro, Hugo, 11ty, Jekyll: visi netiek ietekmēti.

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

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

React / Vue / Angular

Izmanto pielāgoto elementu tieši JSX, Vue veidnēs vai Angular komponentos. Nav apvalka komponenta, nav papildu pakotnes.

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.