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

Kā iestrādāt kontaktu veidlapu Webflow divās minūtēs

Viens Code Embed elements, divas rindiņas tajā, publicē. Uz kanvasa redzams vietturis, nevis veidlapa — tā Webflow attēlo skripta tagu.

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

Vai tas tiešām darbojas?

Jā. Code Embed ir paša Webflow elements: tas pieņem abas rindiņas tieši tādas, kādas tās ir, un izpilda tās publicētajā lapā, un nekāda App nav jāinstalē. Viens nosacījums attiecībā uz tavu plānu — zemāk.

Soli pa solim

Atver lapu Designer

Designer redaktorā atver lapu, kur jāparādās veidlapai, un aizritini līdz vietai, kur to vēlies novietot.

Velc Code Embed elementu

No pievienošanas paneļa velc elementu uz kanvasu — tajā sekcijā vai konteinerā, kur veidlapai jābūt.

Ielīmē iestrādāšanas kodu

Veic dubultklikšķi uz elementa, lai atvērtu tā koda redaktoru, ielīmē abas rindiņas no sava komponenta lapas Toimii un saglabā. Kopē tās, nevis raksti ar roku — elementa nosaukums ir unikāls tieši tavam komponentam.

Publicē, tad pārbaudi reālo lapu

Publicē vietni, tad atver publicēto lapu un nosūti sev testa ziņu. Tikai ziņa, kas nonāk galā, pierāda, ka viss ceļš darbojas.

Nepieciešamais plāns

Pielāgots kods ir maksas funkcija, un to atver divas lietas: maksas Workspace vai vietnē aktīvs Site plāns. Pietiek ar vienu vai otru — tieši to lielākā daļa padomu par šo tēmu nepamana. Piemērotos plānus Webflow uzskaita savā Code Embed elementa lapā; citur minētie plānu līmeņi un cenas ir mainījušies ne reizi vien.

Biežās kļūdas

Publicēšana notiek tikai uz tiem domēniem, kurus atzīmē publicēšanas logā. Ja veidlapa ir redzama staging adresē, bet tavā domēnā tās nav, vispirms pārbaudi tieši šo izvēli.
Noformē konteineru, nevis veidlapu: platums, līdzinājums un atstarpes pieder tam elementam, kurā atrodas Code Embed. Pašas veidlapas izskatu iestata Toimii.
Divas veidlapas vienā lapā nozīmē divus komponentus, katram ar savu rindiņu pāri. Ja tās pašas rindiņas ielīmē divreiz, atkārtojas pirmā veidlapa, un abas nonāk vienā un tajā pašā vietā.

Biežāk uzdotie jautājumi

Designer nerāda veidlapu — vai tas ir bojāts?

Nē. Webflow uzzīmē vietturi visur, kur uz kanvasa atrodas skripta tags, tāpēc veidlapa parādās tikai tad, kad lapa tiek atvērta no servera. Preview izpilda pielāgoto kodu, ja to ieslēdz, bet apkalpo lapu no paša Webflow adreses — izšķirošā pārbaude joprojām ir publicētā lapa.

Vai tas darbojas ar Webflow bezmaksas plānu?

Nē — pielāgots kods ir tā Webflow daļa, kas maksā. Pirms kaut ko pērc, pārbaudi, kas tev jau ir: maksas Workspace to sedz tāpat kā Site plāns, un pietiek ar vienu vai otru.

Vai tas konfliktēs ar Webflow Interactions vai animācijām?

Nē. Komponents ir savā Shadow DOM — tas neredz Webflow mijiedarbības vai animācijas, un Webflow neredz, kas ir komponenta iekšienē. Abi darbojas blakus.

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

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

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.