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

Hvernig á að fella inn sambandaform á Wix (heiðarleg leiðbeining 2026)

Embed-widget Wix keyrir í sandkassaðan iframe — þannig að ein lím virkar ekki. Hér er skiptaaðferðin sem virkar.

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

Virkar þetta í raun?

Já — en aðeins með skiptaaðferðinni, með Core-áskrift eða hærri.

„Embed a Widget"-blokkur Wix keyrir inni í sandkassaðan iframe. Í desember 2025 hertti Wix þann sandkassa með því að fjarlægja allow-same-origin — þannig að eitt-í-allt lím virkar ekki lengur. Script-merkið hleðst inni í iframeinum, þar sem það sér ekki DOM Wix-síðunnar þinnar, og sérsniðna einingin skráir sig á rangan stað.

Lausnin er skiptaaðferðin: settu script-merkið í Settings → Custom Code (sem spreytar beint á Wix-síðuna þína, EKKI inni í iframe), og settu sérsniðna einingamerkið <toimii-contact></toimii-contact> í Embed a Widget-blokk. Skriftið skráir eininguna á foreldrasíðunni, widget-blokkurinn staðsetur merkið, og formið birtist.

Skref fyrir skref

Opnaðu Settings → Custom Code

Farðu úr Wix-mælaborðinu í Settings → Custom Code (undir Advanced). Athugaðu — þetta krefst Core-áskriftar ($17/mán) eða hærri. Smelltu á + Add Custom Code.

Bættu við script-merkinu

Límdu aðeins script-merkið — fyrsta af tveimur línum: <script src="https://cdn.toimii.io/components/your-code.js" async></script>. Stilltu „Add Code to Pages" á „All Pages" (eða aðeins síðuna þar sem þú ert að fella formið inn). Stilltu „Place Code in" á Body — start. Vistaðu.

Bættu við Embed a Widget-blokk

Opnaðu Wix-ritilinn fyrir síðuna þar sem þú vilt formið. Smelltu á Add (+) → Embed Code → Embed a Widget. (EKKI Embed HTML — það er sandkassaða útgáfan.) Slepptu widget-num þar sem formið á að sitja.

Límdu sérsniðna einingamerkið

Í widget-stillingunum skaltu líma aðeins sérsniðna einingamerkið — aðra línuna: <toimii-contact></toimii-contact>. Smelltu á Update.

Stærð widget-blokksins

Breyttu stærð widget-blokksins í ritlinum til að passa nokkurn veginn við hæð formsins. Formið sjálft birtist utan iframeins (á Wix-síðunni þinni) — widget-blokkurinn virkar sem staðsetningarakker.

Birtu og skoðaðu á netinu

Smelltu á Birta. Forsýning ein sér sýnir ekki formið — Custom Code-reglur keyra aðeins á vistuðum/birtum útgáfum. Skoðaðu lifandi URL til að staðfesta.

Krafist áskrift

Settings → Custom Code krefst Core-áskriftar ($17/mán) eða hærri. Ókeypis áskriftin og Light-áskriftin geta notað Embed a Widget en skortir Custom Code, þannig að skiptaaðferðin virkar ekki — þú þyrftir að uppfæra.

Algeng gildrur

Eitt-í-allt Embed-widget-lím virkar EKKI. Wix hertti Embed-sandkassann í desember 2025 (fjarlægði allow-same-origin). Skriftið hleðst, en sérsniðna einingin skráir sig inni í iframeinu — ekki á Wix-síðunni þinni.
Settings → Custom Code krefst Core-áskriftar ($17/mán) eða hærri. Ókeypis áskriftin og Light-áskriftin hafa hana ekki.
Custom Code-reglur gilda við vistun — þær birtast ekki í Wix-ritlaforsýningunni. Smelltu á „Preview" eða, enn betra, „Publish" og skoðaðu lifandi URL.
Embed a Widget-blokkurinn hefur fasta iframe-stærð. Breyttu stærð blokksins í ritlinum til að passa við náttúrulega hæð formsins; formið sjálft situr UTAN iframeins (á foreldrasíðunni), þannig að iframeinn er bara staðsetningarakker.
Ef sérsniðnar kóðareglur stangast á við hverjar aðrar vinnur nýjasta vistun hljóðlægt. Haltu einni reglu, miðaðu á báðar síður, í head + body — auðveldara að kemba en aðskildar reglur á hverja síðu.

Oft spurð

Hvað þýðir „sandkassaður iframe"?

Sandkassaður iframe er iframe með sandbox-eigindina, sem takmarkar hvað innra innihald getur gert. Í desember 2025 fjarlægði Wix allow-same-origin úr Embed-widget-sandkassanum. Skriftið hleðst enn, en sérsniðna einingin skráir sig inni í iframeinu — ekki á Wix-síðunni þinni. Þess vegna virkar ekki ein innfellingarblokk; við verðum að skipta því.

Af hverju virkar „Embed HTML" ekki eins og áður?

Bæði keyra í sama sandkassaða iframe (síðan Wix hertti öryggi í desember 2025 með því að fjarlægja allow-same-origin). Skriftið hleðst, en sérsniðna einingin skráir sig í iframeinu — ekki á foreldrasíðunni þinni. Þess vegna mælum við með skiptaaðferðinni í staðinn.

Bíddu — virkar skiptaaðferðin í raun?

Já. Script-merkið fer í Settings → Custom Code (head eða body) — það er foreldrasíðuinnspreyting, ekki iframe. Sérsniðna einingamerkið fer í Embed a Widget-blokk, sem birtir merkið á foreldrasíðunni (widget-innihaldið keyrir í iframeinu en merkið sjálft er sett í foreldra-DOM). Saman: skrift skráir eininguna á foreldrasíðunni, merkið er í foreldra-DOM, formið birtist.

Hvað með Velo (Wix Dev Mode)?

Velo (Wix Dev Mode) gefur þér bakenda-kóða og framenda-atburði — en birtingarflöturinn fyrir HTML er samt sami Embed-widget-iframe. Velo lyftur ekki sandkassanum; það gefur þér bara leið til að forskrifta utan um hann. Fyrir flesta notendur er skiptaaðferðin einfaldari.

Ætti ég bara að skipta yfir á aðra vettvang?

Heiðarlega séð, ef þú ert að velja no-code-síðusmíðara núna, styðja Squarespace, Webflow og WordPress.com innfellingu okkar hreinna en Wix. Við segjum það ekki léttilega — við viljum frekar að þú hafir góða upplifun en að þú glímir við sandkassann.

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

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

HTML / Sérsniðið

Venjuleg HTML-síða dugar. Opnaðu í hvaða textaritli sem er, límdu inn, vistaðu, hladdu upp. Þrjú skref og þú ert búinn.

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.