Šajos ceļvežos aprakstīts, kāds Toimii būs pēc palaišanas. Vadības panelis un norēķini vēl nav pieejami — Toimii tiks palaists 2026. gadā.

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

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

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

Vai tas tiešām darbojas?

Jā — un statiskās vietnes ir tīrākais gadījums. Nav spraudņu smilškastes, nav redaktora skriptu sloksnes, 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 izkārtojuma veidni, kas aptver katru lapu — _layouts/default.html Jekyll, src/layouts/Base.astro Astro, layouts/partials/footer.html Hugo, _includes/layout.njk 11ty.

Ielīmē iestrādāšanas kodu

Ielīmē abas rindiņas no sava Toimii vadības paneļa iekš <body>. Lai rādītu veidlapu tikai noteiktās lapās, ierobežo pielāgoto elementu ar sava ģeneratora veidnes sistēmu (priekšsatura karodziņš, lapas slug pārbaude utt.); skripta tags var palikt izkārtojumā.

Palaid izstrādes serveri

Palaid savu izstrādes serveri (npm run dev / hugo server / jekyll serve). Veidlapa tiek renderēta uzreiz — nav papildu konfigurācijas, nav spraudņa, nav @types.

Veido un izvieto

Veido un izvieto kā parasti (Netlify, Vercel, GitHub Pages, S3 + CloudFront vai kur vien mitini). Veidlapa turpina darboties — Toimii CDN apstrādā pārējo.

Biežās kļūdas

Lielākā daļa statisko vietņu Markdown renderētāju pēc noklusējuma noņem neapstrādātu HTML. Jekyll / 11ty / Hugo — iespējo neapstrādātu HTML vai ielīmē iestrādāšanu izkārtojuma failā, nevis satura failā.
Karstā pārlādēšana dažkārt atkārtoti ievada skriptu vairākas reizes izstrādē. Tā ir tikai izstrādes specifiska dīvainība; ražošanas veidošana izstaro tagu vienu reizi lapā.
Daži mitinātāji pievieno agresīvus Content-Security-Policy galvenes (Netlify un Vercel ļauj pielāgot). Atļauj cdn.toimii.io un api.toimii.io iekš script-src un connect-src.
Neielīmē fragmentu iekš <head>. Pielāgotais elements ir body līmeņa tags — atstāj skriptu <head>, ja vajag (ar async), bet tagam jāatrodas iekš <body>.

Biežāk uzdotie jautājumi

Kā to pievienot Astro?

Nomet skripta tagu savā bāzes Layout komponentā (piem., src/layouts/Base.astro) un izmanto pielāgoto elementu jebkurā .astro failā. Astro renderē nezināmos elementus kā parastu HTML — pašam tagam nav nepieciešama klienta direktīva.

Kā to pievienot Hugo?

Pievieno fragmentu savā layouts/partials/footer.html (vai kur vien ielādē pielāgotus skriptus) un izmanto pielāgoto elementu savos satura failos, izkārtojuma veidnēs vai saīsnēs.

Kā to pievienot 11ty (Eleventy)?

Pievieno fragmentu savai bāzes izkārtojumam (_includes/layout.njk Eleventy noklusējumos). Tas attiecas uz katru lapu, kas paplašina izkārtojumu. Ieslēdz karstās pārlādēšanas; veidlapa parādīsies, tiklīdz izstrādes serveris pārbūvēs.

Kā to pievienot Jekyll / GitHub Pages?

Pievieno fragmentu _layouts/default.html (vai izvēlētajam izkārtojumam). Izmanto pielāgoto elementu jebkurā Markdown ierakstā, iespējojot html Markdown renderētājā.

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

Nē. Skripts ielādējas izpildes laikā, nevis veidošanas laikā — tava veidošana izstaro 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 — tavam lietotāja lomam nepieciešama unfiltered_html iespēja.

Lasīt pilno rokasgrāmatu

Squarespace

Nomet Code Block jebkurā lapā. Prasa Core plānu (2025 pārdēvēts no Business) vai augstāku.

Lasīt pilno rokasgrāmatu

Webflow

Code Embed elements var saturēt līdz 50 000 rakstzīmju. Pielāgots kods prasa Basic plānu vai augstāku. Publicē, lai priekšskatītu.

Lasīt pilno rokasgrāmatu

Wix

Wix smilškastu izmanto Embed logrīkam, tāpēc izmantojam sadalīto metodi — skripts Iestatījumos → Pielāgots kods, tags ar Embed a Widget. Godīgs ceļvedis.

Lasīt pilno rokasgrāmatu

Shopify

Pievieno Custom Liquid sekciju jebkurai tēmai — nav nepieciešama lietotnes instalēšana. Izlaist norēķinu lapas, ja neesi uz Shopify Plus.

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 komponentēs. 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.

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