Toimii on julkaistu hiljaisesti, joten nämä ohjeet kuvaavat palvelua, johon voit rekisteröityä ja jota voit käyttää jo nyt. Muutama osa on vielä matkalla — iOS- ja Android-sovellukset julkaistaan vielä vuoden 2026 aikana.

Näin upotat yhteydenottolomakkeen Wixiin

Wixissä on juuri tähän tarkoitettu Custom Element. Anna sille kaksi arvoa — script-URL ja tagin nimi — ja julkaise.

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

Toimiiko tämä oikeasti?

Kyllä — yksi elementti ja kaksi kenttää. Wixin Custom Element lataa scriptin antamastasi URL-osoitteesta ja renderöi nimeämäsi tagin, mikä on täsmälleen se tapa, jolla Toimii-komponentti toimitetaan. HTML-upotus ei tähän pysty: se on sandboxattu iframe, eikä sivusi koskaan näe sinne liitettyä tagia.

Vaihe vaiheelta

Kopioi komponenttisi kaksi arvoa

Avaa komponentti Toimiissa ja kopioi sen script-URL ja elementin tagi. Molemmat luodaan komponenttikohtaisesti, joten kopioi tagi äläkä kirjoita sitä käsin.

Lisää Custom Element

Lisää Wix-editorissa Custom Element — ei HTML-upotusta — siihen kohtaan, johon lomake tulee, ja sijoita se kuten mikä tahansa muu elementti.

Täytä Server URL ja Tag Name

Liitä elementin asetuksissa script-URL Server URL -kenttään ja tagi Tag Name -kenttään. Siinä on koko konfigurointi — kaikki muu on jo määritetty Toimiissa.

Julkaise ja tarkista live-sivu

Julkaise sivusto ja avaa live-URL. Siellä lomake oikeasti renderöityy.

Vaadittu tilaus

Custom Element vaatii julkaistun sivuston, maksullisen Wix-tilauksen ja oman verkkotunnuksen, eikä sivustolla saa olla Wixin mainoksia. Ilmaisella tilauksella tätä reittiä ei ole.

Sudenkuopat

Jos Tag Name ei täsmää, mitään ei renderöidy eikä virheilmoitusta tule. Tagi on eri jokaisella komponentilla, joten kopioi se komponentin sivulta Toimiissa.
Server URL -kenttään tulee koko script-URL, ei pelkkä tiedostonimi. Muuta ei tarvitse määrittää — komponentin asetukset kulkevat tiedoston mukana.
Kaksi lomaketta samalla sivulla tarkoittaa kahta Custom Element -elementtiä, joilla kummallakin on oma Server URL ja Tag Name. Samaan URL-osoitteeseen osoittava toinen elementti vain toistaa ensimmäisen lomakkeen.
Jos elementti on tyhjä julkaistulla sivulla, avaa selaimen verkkopaneeli. Jos script antaa 404:n, Server URL on väärä; jos script latautui, Tag Name ei täsmää.

Usein kysyttyä

Mitä ”sandboxattu iframe” tarkoittaa?

Iframe on sivusi sisään upotettu erillinen dokumentti, ja sandbox-attribuutti rajoittaa sitä, mitä tuo dokumentti saa tehdä. Wixin kehittäjädokumentaation mukaan sen HTML-upotus luo sandboxatun ympäristön, jolla ei ole suoraa pääsyä sivusi muihin elementteihin.

Voinko käyttää HTML-upotuselementtiä sen sijaan?

Et — se näyttää editorissa samanlaiselta, mutta on eri elementti, ja kaikki siihen liitetty pyörii sandboxatussa iframessa. Jos liität pelkän tagin, mitään ei renderöidy. Jos liität molemmat rivit, laatikkoon voi ilmestyä lomake, mutta se pyörii Wixin isännöimässä dokumentissa eikä omalla verkkotunnuksellasi, ja lähetykset tarkistetaan sivustosi verkkotunnusta vasten — joten ne hylätään, ja kävijä näkee vain yleisen virheilmoituksen.

Entä Velo (Wix Dev Mode)?

Sitä ei tarvita. Custom Element on tavallinen editorin elementti, eikä Velo muuta HTML-upotuksen iframen toimintaa, joten sekään ei ole kiertotie.

Miksi lomake ei näytä oikealta Wix-editorissa?

Koska Wix renderöi mukautetut elementit iframen sisällä editorissa ja esikatselussa. Tyhjä tai oudon kokoinen laatikko editorissa ei kerro mitään suuntaan eikä toiseen. Julkaise ja tarkista live-URL — se on ainoa näkymä, joka vastaa kävijän näkemää.

Upotatko eri alustalle?

Samat kaksi riviä koodia, jokaiselle alustalle eri ohjeet.

WordPress

Custom HTML -lohko, Block-editori tai perinteinen. Ei lisäosia. Yksi mutka — käyttäjäroolisi tarvitsee unfiltered_html-oikeuden.

Lue koko opas

Squarespace

Lisää Code Block mille tahansa sivulle. Vaatii tilauksen, jonka code blockit saavat suorittaa JavaScriptiä.

Lue koko opas

Webflow

Vedä canvasille Code Embed -elementti ja liitä kaksi riviä. Mukautettu koodi on Webflowissa maksullinen ominaisuus — se on ainoa ehto.

Lue koko opas

Shopify

Lisää Custom Liquid -osio Shopifyn teema-editorissa — ei sovellusasennusta, ei teemakoodin muokkausta. Kassasivu on ainoa paikka, johon se ei sovi.

Lue koko opas

Staattiset sivustot

Astro, Hugo, 11ty, Jekyll — samat kaksi riviä layout-tiedostoon. Buildit pysyvät nopeina.

Lue koko opas

HTML / Muu

Pelkkä HTML-sivu riittää. Avaa tekstieditorissa, liitä, tallenna, lataa palvelimelle. Kolme askelta ja toimii.

Lue koko opas

React / Vue / Angular

Käytä mukautettua elementtitagia suoraan JSX:ssä, Vue-templateissa tai Angular-komponenteissa. Ei wrapper-komponenttia, ei lisäpaketteja.

Lue koko opas

Valmis kokeilemaan?

30 päivän ilmainen kokeilu. Ei luottokorttia. Valmis minuuteissa.

Aloita ilmainen kokeilu

Ei luottokorttia. Valmis kahdessa minuutissa.