Toimii on vaikselt käivitunud, nii et need juhendid kirjeldavad teenust, millega saad juba täna liituda ja mida kasutada. Mõni tükk on veel tulemas — iOS-i ja Androidi rakendused ilmuvad 2026. aasta jooksul.

Kuidas manustada kontaktivorm Wixi

Wixis on Custom Element, mis on tehtud just selleks. Anna sellele kaks väärtust — skripti URL ja sildi nimi — ja avalda.

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

Kas see tegelikult ka töötab?

Jah — üks element, kaks välja. Wixi Custom Element laadib skripti sinu antud URL-ilt ja renderdab sildi, mille nimetad, ning täpselt nii Toimii komponent kohale jõuabki. HTML-manustus seda ei suuda: see on liivakasti-iframe ja sinu leht ei näe kunagi sinna kleebitud silti.

Samm-sammult

Kopeeri oma komponendi kaks väärtust

Ava komponent Toimiis ja kopeeri selle skripti URL ning elemendi silt. Mõlemad luuakse komponendi kaupa, seega kopeeri silt, ära kirjuta seda käsitsi.

Lisa Custom Element

Lisa Wixi redaktoris sinna, kuhu vorm peaks tulema, Custom Element — mitte HTML-manustus — ja paiguta see nagu iga teine element.

Täida Server URL ja Tag Name

Kleebi elemendi seadetes skripti URL Server URL-i ja silt Tag Name'i. Selles ongi kogu seadistus — kõik muu on Toimiis juba paika pandud.

Avalda ja kontrolli päris lehte

Avalda sait ja ava päris URL. Just seal vorm tegelikult renderdub.

Nõutav pakett

Custom Element eeldab avaldatud saiti tasulisel Wixi paketil, millega on ühendatud sinu enda domeen ja millel pole Wixi reklaame. Tasuta paketiga seda teed ei ole.

Konarused

Kui Tag Name ei klapi, ei renderdu midagi ega teatata ühestki veast. Silt on igal komponendil erinev, seega kopeeri see komponendi lehelt Toimiis.
Server URL-i käib kogu skripti URL, mitte ainult failinimi. Muud pole vaja seadistada — komponendi seaded liiguvad selle faili sees kaasa.
Kaks vormi ühel lehel tähendab kahte Custom Elementi, kummalgi oma Server URL ja Tag Name. Teine element, mis osutab samale URL-ile, lihtsalt kordab esimest vormi.
Kui element on avaldatud lehel tühi, ava oma brauseri võrgupaneel. Kui skript annab 404, on Server URL vale; kui skript laadis, siis Tag Name ei klapi.

Korduma kippuvad küsimused

Mida tähendab „liivakasti-iframe“?

Iframe on sinu lehe sisse pesitsetud eraldi dokument ja sandbox-atribuut piirab seda, mida see dokument teha tohib. Wixi arendajadokumentatsiooni järgi loob selle HTML-manustus liivakastikeskkonna, millel pole otsest ligipääsu sinu lehe teistele elementidele.

Kas saan selle asemel kasutada HTML-manustuse elementi?

Ei — redaktoris näeb see sarnane välja, kuid tegu on teise elemendiga ja kõik, mis sinna kleebitakse, töötab selles liivakasti-iframe'is. Kleebi ainult silt ja midagi ei renderdu. Kleebi mõlemad read ja kastis võib vorm ilmudagi, kuid see töötab Wixi majutatud dokumendil, mitte sinu enda domeenil, ning esitusi kontrollitakse sinu saidi domeeni suhtes — nii et need lükatakse tagasi ja külastaja saab vaid üldise veateate.

Aga Velo (Wix Dev Mode)?

Seda pole vaja. Custom Element on tavaline redaktori element ja Velo ei muuda seda, kuidas HTML-manustuse iframe käitub, seega ei paku seegi sellest möödapääsu.

Miks vorm Wixi redaktoris õige välja ei näe?

Sest Wix renderdab kohandatud elemente redaktoris ja eelvaaterežiimis iframe'i sees. Tühi või imeliku suurusega kast lõuendil ei ütle sulle midagi. Avalda ja kontrolli päris URL-i — see on ainus vaade, mis vastab sellele, mida külastaja näeb.

Lisad mõnele teisele platvormile?

Samad 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

Lisa ükskõik millisele lehele Code Block. Vajab paketti, mille koodiplokid tohivad JavaScripti käivitada.

Loe täielikku juhendit

Webflow

Lohista sisse Code Embed element ja kleebi kaks rida. Kohandatud kood on Webflow' tasuline võimalus — see ongi ainus tingimus.

Loe täielikku juhendit

Shopify

Lisa Custom Liquid sektsioon Shopify teemaredaktoris — rakenduse installi ega teemakoodi muutmist pole vaja. Kassalehed on ainus koht, kuhu see ei sobi.

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.

Alusta tasuta prooviperioodi

Krediitkaarti pole vaja. Seadistus 2 minutiga.