Need juhendid kirjeldavad Toimiit, kui see on töös. Töölaud ja arveldus pole veel saadaval — Toimii käivitub 2026. aastal.

Kuidas manustada kontaktivorm Wixi (aus juhend 2026. aastaks)

Wixi Embed-vidin töötab liivakasti-iframe'is — seega üks kleepimine ei tööta. Siin on jagatud meetod, mis töötab.

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

Kas see tegelikult ka töötab?

Jah — aga ainult jagatud meetodiga, Core-paketis või kõrgemas.

Wixi „Embed a Widget“ plokk töötab liivakasti-iframe'i sees. Detsembris 2025 karmistas Wix seda liivakasti, eemaldades allow-same-origin'i — seega üks kõik-ühes kleepimine enam ei tööta. Skripti-silt laadib iframe'i sees, kus see ei näe sinu Wixi lehe DOM-i, ja kohandatud element registreeritakse valesse kohta.

Lahendus on jagatud meetod: pane skripti-silt kohta Settings → Custom Code (mis sisestab selle otse sinu Wixi lehele, MITTE iframe'i sisse) ja pane kohandatud elemendi silt <toimii-contact></toimii-contact> Embed a Widget plokki. Skript registreerib elemendi emalehel, vidina plokk paigutab sildi ja vorm renderdub.

Samm-sammult

Ava Settings → Custom Code

Mine Wixi töölaualt kohta Settings → Custom Code (Advanced'i all). Pane tähele — see eeldab Core-paketti ($17/kuus) või kõrgemat. Klõpsa + Add Custom Code.

Lisa skripti-silt

Kleebi ainult skripti-silt — kahest reast esimene: <script src="https://cdn.toimii.io/components/your-code.js" async></script>. Sea „Add Code to Pages“ väärtuseks „All Pages“ (või ainult leht, kuhu vormi manustad). Sea „Place Code in“ väärtuseks Body — start. Salvesta.

Lisa Embed a Widget plokk

Ava Wixi redaktor lehel, kuhu soovid vormi. Klõpsa Add (+) → Embed Code → Embed a Widget. (MITTE Embed HTML — see on liivakastiga versioon.) Aseta vidin kohta, kuhu vorm peaks tulema.

Kleebi kohandatud elemendi silt

Kleebi vidina seadetes ainult kohandatud elemendi silt — teine rida: <toimii-contact></toimii-contact>. Klõpsa Update.

Sea vidina ploki suurus

Muuda redaktoris vidina ploki suurust umbkaudu vormi kõrgusele sobivaks. Vorm ise renderdub iframe'ist väljaspool (sinu Wixi lehel) — vidina plokk toimib paigutuse ankruna.

Avalda ja vaata päris lehel

Klõpsa Publish. Pelk Preview vormi ei näita — Custom Code reeglid töötavad ainult salvestatud/avaldatud versioonidel. Kinnitamiseks vaata päris URL-i.

Nõutav pakett

Settings → Custom Code eeldab Core-paketti ($17/kuus) või kõrgemat. Tasuta pakett ja Light-pakett saavad kasutada Embed a Widgetit, kuid neil puudub Custom Code, seega jagatud meetod ei tööta — peaksid paketti uuendama.

Levinud konarused

Üks kõik-ühes Embed-vidina kleepimine EI tööta. Wix karmistas detsembris 2025 Embed-liivakasti (eemaldas allow-same-origin'i). Skript laadib, kuid kohandatud element registreeritakse iframe'i sees — mitte sinu Wixi lehel.
Settings → Custom Code eeldab Core-paketti ($17/kuus) või kõrgemat. Tasuta paketis ja Light-paketis seda pole.
Custom Code reeglid kehtivad salvestamisel — Wixi redaktori eelvaates need ei ilmu. Klõpsa „Preview“ või veel parem „Publish“ ja vaata päris URL-i.
Embed a Widget plokil on kindel iframe'i suurus. Muuda redaktoris ploki suurust vormi loomulikule kõrgusele sobivaks; vorm ise asub iframe'ist VÄLJASPOOL (emalehel), seega iframe on vaid paigutuse ankur.
Kui sinu kohandatud koodi reeglid lähevad omavahel vastuollu, võidab vaikselt kõige hilisem salvestus. Hoia üks reegel, sihi mõlemad lehed, head + body — lihtsam siluda kui eraldi reeglid iga lehe kohta.

Korduma kippuvad küsimused

Mida tähendab „liivakasti-iframe“?

Liivakasti-iframe on sandbox-atribuudiga iframe, mis piirab seda, mida sisemine sisu teha saab. Detsembris 2025 eemaldas Wix Embed-vidina liivakastist allow-same-origin'i. Skript laadib endiselt, kuid kohandatud element registreeritakse iframe'i sees — mitte sinu Wixi lehel. Seepärast üks manustusplokk ei tööta; me peame selle jagama.

Miks „Embed HTML“ ei tööta enam nii nagu varem?

Mõlemad töötavad samas liivakasti-iframe'is (alates sellest, kui Wix detsembris 2025 turvalisust karmistas, eemaldades allow-same-origin'i). Skript laadib, kuid kohandatud element registreeritakse iframe'is — mitte sinu emalehel. Seepärast soovitame hoopis jagatud meetodit.

Oot — kas jagatud meetod ikka tegelikult töötab?

Jah. Skripti-silt läheb kohta Settings → Custom Code (head või body) — see on emalehe sisestus, mitte iframe. Kohandatud element läheb Embed a Widget plokki, mis renderdab sildi emalehel (vidina sisu töötab iframe'is, aga silt ise paigaldatakse ema DOM-i). Koos: skript registreerib elemendi emalehel, silt on ema DOM-is, vorm renderdub.

Aga Velo (Wix Dev Mode)?

Velo (Wix Dev Mode) annab sulle taustakoodi ja esiotsa sündmused — kuid HTML-i renderduspind on ikka sama Embed-vidina iframe. Velo ei kõrvalda liivakasti; see annab sulle lihtsalt võimaluse selle ümber skriptida. Enamiku kasutajate jaoks on jagatud meetod lihtsam.

Kas peaksin lihtsalt teisele platvormile üle minema?

Ausalt öeldes, kui valid praegu koodivaba saidiehitajat, siis Squarespace, Webflow ja WordPress.com toetavad meie manustust kõik puhtamalt kui Wix. Me ei ütle seda kergekäeliselt — eelistame, et sul oleks sujuv kogemus, mitte et sa liivakastiga maadleksid.

Lisad mõnele teisele platvormile?

Sama kaks rida koodi, igale platvormile eraldi lahti seletatud.

WordPress

Custom HTML plokk, Block-redaktor või Classic. Lisandmooduli paigaldamist pole vaja. Üks konks — sinu kasutajaroll vajab unfiltered_html õigust.

Loe täielikku juhendit

Squarespace

Pudista ükskõik millisele lehele Code Block. Nõuab Core paketti (2025. aasta Business'i ümbernimetus) või kõrgemat.

Loe täielikku juhendit

Webflow

Code Embed element mahutab kuni 50 000 märki. Kohandatud kood eeldab vähemalt Basic-paketti. Tulemuse nägemiseks avalda leht.

Loe täielikku juhendit

Shopify

Lisa ükskõik millisesse teemasse Custom Liquid sektsioon — rakenduse installi pole vaja. Jäta kassalehed vahele, kui sul pole Shopify Plusi.

Loe täielikku juhendit

Staatilised saidid

Astro, Hugo, 11ty, Jekyll — needsamad kaks rida sinu paigutusmalli. Ehitused jäävad kiireks.

Loe täielikku juhendit

HTML / Kohandatud

Tavalisest HTML-lehest piisab. Ava see suvalises tekstiredaktoris, kleebi, salvesta, lae üles. Kolm sammu ja oledki eetris.

Loe täielikku juhendit

React / Vue / Angular

Kasuta kohandatud elementi otse JSX-is, Vue mallides või Angulari komponentides. Ei mingit ümbriskomponenti ega lisapaketti.

Loe täielikku juhendit

Valmis proovima?

30-päevane tasuta prooviperiood. Krediitkaarti pole vaja. Valmis mõne minutiga.

Krediitkaarti pole vaja. Seadistus 2 minutiga.