Šiuose vadovuose aprašoma, kaip Toimii veiks po paleidimo. Valdymo skydelis ir atsiskaitymas dar neprieinami — Toimii pradės veikti 2026 m.

Paprasčiausias būdas pridėti kontaktų formą į paprastą HTML puslapį

Dvi eilutės bet kur <body>. Jokio kūrimo žingsnio, jokių priklausomybių. Jei gali išsaugoti ir įkelti, gali tai padaryti.

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

Ar tai tikrai veikia?

Taip — ir tai paprasčiausias atvejis. Paprastas HTML neturi papildinių smėlio dėžių, jokių redaktorių, blokuojančių scenarijus, jokio plano lygio. Dvi eilutės veikia bet kur, kur gali išsaugoti ir įkelti .html failą.

Žingsnis po žingsnio

Atidaryti .html failą

Atidaryti .html failą, kuriame nori formos, bet kuriame teksto redaktoriuje — VS Code, Sublime, Notepad++, net TextEdit (paprastojo teksto režimu).

Įklijuoti įterpimo kodą

Įklijuoti dvi eilutes iš Toimii valdymo skydelio <body> viduje, tiksliai ten, kur nori, kad forma pasirodytų.

Išsaugoti ir įkelti

Išsaugoti failą ir įkelti į savo prieglobą — FTP, S3, Netlify drop, kaip bebūtų. Atidaryti puslapį naršyklėje, kad patvirtintum.

Dažnos klaidos

Neįklijuok fragmento į <head>. Pasirinktinis elementas yra kūno lygio žymė — ji turi būti <body>.
Nenuimk async atributo nuo scenarijaus žymės. Be jo scenarijus blokuos likusio puslapio atvaizdavimą.
Jei kopijuoji ir klijuoji iš turtingo teksto redaktoriaus, gali gauti riestinias kabutes (" ") vietoj tiesių kabučių ("). Naudok paprastą teksto redaktorių — VS Code, Sublime, Notepad, TextEdit paprastojo teksto režimu.
Jei tavo puslapyje jau yra Content-Security-Policy meta žymės, leisk cdn.toimii.io script-src ir connect-src srityse. Dauguma paprastų HTML puslapių iš viso neturi CSP.

Dažnai klausiama

Ar man reikia backend ar PHP?

Backend nereikia. Pateikimai keliauja tiesiai iš formos į Toimii API — jūsų HTML puslapį galima patalpinti bet kur, net ir nemokamame statiniame serveryje.

Ar galiu atidaryti .html failą tiesiogiai su file://?

Tai priklauso nuo naršyklės. Chrome ir Safari atidaro .html failus per file:// be problemų; Firefox blokuoja kryžminės kilmės scenarijus file:// URL adresuose. Patikimam testavimui paleisk mažą vietinį serverį (npx serve, python -m http.server) ir atidaryk http://localhost.

Ar veiks CodePen, JSFiddle ar smėlio dėžėje?

Taip — įklijuok dvi eilutes į HTML sritį. Scenarijus įsikraus ir komponentas bus rodomas peržiūros iframe.

Ar veiks neprisijungus?

Puslapis įsikraus, bet formai reikia tinklo prieigos pateikimui. Jei lankytojas yra neprisijungęs, puslapis gerai atvaizduojamas — jis tiesiog negali siųsti žinutės, kol vėl neprisijungs.

Į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 — jūsų naudotojo vaidmuo turi turėti unfiltered_html galimybę.

Skaityti visą vadovą

Squarespace

Įkijuokite kodo bloką bet kuriame puslapyje. Reikalauja Core plano (2025 m. Business perkūrimas) arba aukštesnio.

Skaityti visą vadovą

Webflow

Kodo įterpimo elementas talpina iki 50 000 simbolių. Pasirinktinis kodas reikalauja pagrindinio plano arba aukštesnio. Publikuokite, kad pamatytumėte.

Skaityti visą vadovą

Wix

Wix apsaugo įterpimo valdiklį smėlio dėžėje, todėl naudojame išskaidytą metodą — scenarijus nustatymuose → Pasirinktinis kodas, žymė per Įterpti valdiklį. Sąžiningas vadovas.

Skaityti visą vadovą

Shopify

Pridėkite pasirinktinę Liquid sekciją bet kuriai temai — programų diegimo nereikia. Praleiskite atsiskaitymo puslapius, nebent esate Shopify Plus.

Skaityti visą vadovą

Statinės svetainės

Astro, Hugo, 11ty, Jekyll — tos pačios dvi eilutės jūsų išdėstymo šablone. Kūrimai lieka greiti.

Skaityti visą vadovą

React / Vue / Angular

Naudokite pasirinktinį elementą tiesiogiai JSX, Vue šablonuose ar Angular komponentuose. Jokio apgaubiančio komponento, jokio papildomo paketo.

Skaityti visą vadovą

Pasiruošęs išbandyti?

30 dienų nemokamas bandymas. Kredito kortelės nereikia. Pasiruoši per kelias minutes.

Kredito kortelės nereikia. Pasiruoši per 2 minutes.