Þessar leiðbeiningar lýsa Toimii eftir að þjónustan fer í loftið. Mælaborðið og innheimta eru ekki enn tiltæk — Toimii fer í loftið árið 2026.

Einfaldasta leiðin til að bæta sambandstengiliðaformi við venjulega HTML-síðu

Tvær línur hvar sem er inni í <body>. Engin smíðiskref, engar ósjálfstæðar einingar. Ef þú getur vistað og hlaðið upp, geturðu þetta.

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

Virkar þetta í raun?

Já — og þetta er einfaldasta dæmið. Venjuleg HTML hefur engan viðbótarsandkassa, engin ritill fjarlægir skript, engin áskriftarþrep. Tvær línurnar virka hvar sem er sem þú getur vistað og hlaðið upp .html-skrá.

Skref fyrir skref

Opnaðu .html-skrána þína

Opnaðu .html-skrána sem þú vilt setja formið á, í hvaða textaritli sem er — VS Code, Sublime, Notepad++, jafnvel TextEdit (í venjulegu textaham).

Límdu innfellingarkóðann

Límdu tvær línurnar úr Toimii-mælaborðinu þínu inni í <body>, nákvæmlega þar sem þú vilt að formið birtist.

Vistaðu og hladdu upp

Vistaðu skrána og hladdu upp á hýsinguna þína — FTP, S3, Netlify-slepptu, hvað sem þú notar. Opnaðu síðuna í vafra til að staðfesta.

Algeng gildrur

Límdu ekki kóðabútinn inni í <head>. Sérsniðna einingamerkið er merki á body-stigi — það verður að vera inni í <body>.
Slepptu ekki async-eigindinni á script-merkinu. Án hennar blokkerar skriftið restina af síðunni frá að birtast.
Ef þú afritar og límir úr sniðtextaritli gætirðu fengið gásamerkislotur (" ") í stað beinnar gásamerkinga ("). Notaðu venjulegan textaritil — VS Code, Sublime, Notepad, TextEdit í venjulegu textaham.
Ef síðan þín er þegar með Content-Security-Policy meta-merki skaltu leyfa cdn.toimii.io í script-src og connect-src. Flestar venjulegar HTML-síður hafa enga CSP yfirleitt.

Oft spurð

Þarf ég bakenda eða PHP?

Engan bakenda þarf. Innsendingar fara beint frá forminu til Toimii API — HTML-síðan þín getur verið hýst hvar sem er, jafnvel á ókeypis kyrrstæðri þjónustu.

Get ég opnað .html-skrána beint með file://?

Það fer eftir vafranum. Chrome og Safari opna .html-skrár í gegnum file:// án vandræða; Firefox lokar á þvert-uppruna-skrift á file://-slóðum. Til öruggrar prófunar skaltu keyra lítinn staðbundinn þjón (npx serve, python -m http.server) og opna http://localhost.

Virkar þetta í CodePen, JSFiddle eða sandkassa?

Já — límdu báðar línurnar í HTML-rúðuna. Skriftið hleðst og einingin birtist í forskoðunar-iframe-inu.

Virkar þetta án nets?

Síðan hleðst, en formið þarf netaðgang til að senda. Ef gestir eru án nets birtist síðan eðlilega — þeir geta bara ekki sent skilaboð fyrr en tengst er aftur.

Ert þú að fella inn á annan vettvang?

Sömu tvær línur af kóða, útfærðar fyrir hverja vettvang.

WordPress

Custom HTML-blokkur, blokkaritill eða klassískt. Engin viðbótauppsetning. Ein gildra — notandahlutverk þitt þarf unfiltered_html-heimild.

Lesa allar leiðbeiningar

Squarespace

Slepptu kóðablokk á hvaða síðu sem er. Krefst Core-áskriftar (2025-endurnefning á Business) eða hærri.

Lesa allar leiðbeiningar

Webflow

Code Embed-einingin ræður 50.000 stafi. Sérsniðinn kóði krefst Basic-áskriftar eða hærri. Birtu til að sjá.

Lesa allar leiðbeiningar

Wix

Wix sandkassast Embed-widget, þannig að við notum skiptaaðferð — skrift í Settings → Custom Code, merki í gegnum Embed a Widget. Heiðarleg leiðbeining.

Lesa allar leiðbeiningar

Shopify

Bættu Custom Liquid-hluta við hvaða þema sem er — engin forritauppsetning þarf. Slepptu greiðslugáttarsíðum nema þú sért með Shopify Plus.

Lesa allar leiðbeiningar

Kyrrstæðar síður

Astro, Hugo, 11ty, Jekyll — sömu tvær línurnar í útlitssniðmátið. Smíðarnar haldast hraðar.

Lesa allar leiðbeiningar

React / Vue / Angular

Notaðu sérsniðna einingamerkið beint í JSX, Vue-sniðmátum eða Angular-einingum. Engin hjúpunareining, enginn aukapakki.

Lesa allar leiðbeiningar

Tilbúinn að prófa?

30 daga ókeypis prufa. Ekkert kreditkort. Tilbúið á mínútum.

Ekkert kreditkort nauðsynlegt. Tilbúið á 2 mínútum.