Toimii tyliai startavo, todėl šiuose vadovuose aprašoma paslauga, prie kurios gali užsiregistruoti ir kurią gali naudoti jau šiandien. Kelios dalys dar kelyje — iOS ir Android programėlės pasirodys vėliau 2026 m.

Kaip įterpti kontaktų formą Wix

Wix turi Custom Element, sukurtą būtent tam. Duok jam dvi reikšmes — scenarijaus URL ir žymės pavadinimą — ir paskelbk.

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

Ar tai tikrai veikia?

Taip — vienas elementas, du laukai. Wix Custom Element įkelia scenarijų iš tavo nurodyto URL ir atvaizduoja tavo įvardytą žymę — būtent taip ir atkeliauja Toimii komponentas. HTML įterpimas to nesugeba: tai smėlio dėžės iframe, ir tavo puslapis niekada nemato į jį įklijuotos žymės.

Žingsnis po žingsnio

Nukopijuoti dvi komponento reikšmes

Atidaryk komponentą Toimii ir nusikopijuok jo scenarijaus URL bei elemento žymę. Abu kuriami kiekvienam komponentui atskirai, tad žymę kopijuok, o ne rašyk ranka.

Pridėti Custom Element

Wix redaktoriuje pridėk Custom Element — ne HTML įterpimą — ten, kur turi būti forma, ir išdėstyk jį kaip bet kurį kitą elementą.

Užpildyti Server URL ir Tag Name

Elemento nustatymuose įklijuok scenarijaus URL į Server URL, o žymę — į Tag Name. Tai ir visa konfigūracija — visa kita jau nustatyta Toimii.

Paskelbti ir patikrinti tiesioginį puslapį

Paskelbk svetainę ir atidaryk tiesioginį URL. Būtent ten forma ir atvaizduojama.

Reikalingas planas

Custom Element reikia paskelbtos svetainės su mokamu Wix planu, prijungtu savo domenu ir be Wix reklamų. Nemokamu planu šito kelio nėra.

Klaidos

Jei Tag Name nesutampa, niekas neatvaizduojama ir jokia klaida nepranešama. Kiekvieno komponento žymė skirtinga, tad kopijuok ją iš komponento puslapio Toimii.
Į Server URL įrašomas visas scenarijaus URL, ne vien failo pavadinimas. Daugiau nieko konfigūruoti nereikia — komponento nustatymai keliauja tame pačiame faile.
Dvi formos viename puslapyje reiškia du Custom Element elementus, kiekvieną su savo Server URL ir Tag Name. Antras elementas, nukreiptas į tą patį URL, tiesiog pakartos pirmąją formą.
Jei paskelbtame puslapyje elementas tuščias, atidaryk naršyklės tinklo skydelį. Jei scenarijus grąžina 404, Server URL yra neteisingas; jei scenarijus įsikrovė, nesutampa Tag Name.

Dažnai klausiama

Ką reiškia „smėlio dėžės iframe“?

Iframe yra atskiras dokumentas, įdėtas tavo puslapio viduje, o sandbox atributas riboja, ką tam dokumentui leidžiama daryti. Wix kūrėjų dokumentacijoje rašoma, kad jos HTML įterpimas sukuria smėlio dėžės aplinką, kuri neturi tiesioginės prieigos prie kitų tavo puslapio elementų.

Ar vietoj to galiu naudoti HTML įterpimo elementą?

Ne — redaktoriuje jis atrodo panašiai, bet tai kitas elementas, ir viskas, kas į jį įklijuota, veikia tame smėlio dėžės iframe. Įklijavus vien žymę, nieko neatvaizduojama. Įklijavus abi eilutes, langelyje forma gali ir pasirodyti, bet ji veikia Wix talpinamame dokumente, o ne tavo paties domene, o pateikimai tikrinami pagal tavo svetainės domeną — tad jie atmetami, o lankytojas mato tik bendro pobūdžio klaidą.

O Velo (Wix kūrimo režimas)?

Jo nereikia. Custom Element yra įprastas redaktoriaus elementas, o Velo nekeičia to, kaip elgiasi HTML įterpimo iframe, tad ir apeiti to juo nepavyks.

Kodėl forma Wix redaktoriuje atrodo ne taip?

Todėl, kad redaktoriuje ir peržiūros režime Wix atvaizduoja pasirinktinius elementus iframe viduje. Tuščias ar keisto dydžio langelis drobėje nieko nepasako nei taip, nei anaip. Paskelbk ir patikrink tiesioginį URL — tai vienintelis vaizdas, atitinkantis tai, ką mato lankytojas.

Įterpiama kitoje platformoje?

Tos pačios dvi kodo eilutės, išskaidytos kiekvienai platformai.

WordPress

Pasirinktinis HTML blokas, Blokų redaktorius arba Klasikinis. Jokio papildinių diegimo. Vienas niuansas — tavo naudotojo vaidmuo turi turėti unfiltered_html galimybę.

Skaityti visą vadovą

Squarespace

Įklijuok kodo bloką bet kuriame puslapyje. Reikia plano, kurio kodo blokams leidžiama vykdyti JavaScript.

Skaityti visą vadovą

Webflow

Įvilk Kodo įterpimo elementą ir įklijuok dvi eilutes. Webflow pasirinktinis kodas yra mokama galimybė — tai vienintelė sąlyga.

Skaityti visą vadovą

Shopify

Pridėk Pasirinktinę Liquid sekciją Shopify temos redaktoriuje — jokio programų diegimo, jokio temos kodo redagavimo. Atsiskaitymo puslapiai — vienintelė vieta, kur jos įdėti negalima.

Skaityti visą vadovą

Statinės svetainės

Astro, Hugo, 11ty, Jekyll — tos pačios dvi eilutės tavo išdėstymo šablone. Kūrimai lieka greiti.

Skaityti visą vadovą

HTML / Pasirinktinis

Pakanka paprasto HTML puslapio. Atidaryk bet kuriame teksto redaktoriuje, įklijuok, išsaugok, įkelk. Trys žingsniai ir forma jau veikia.

Skaityti visą vadovą

React / Vue / Angular

Naudok pasirinktinį elementą tiesiogiai JSX, Vue šablonuose ar Angular komponentuose. Jokio apgaubiančio komponento, jokio papildomo paketo.

Skaityti visą vadovą

Pasiruošęs išbandyti?

30 dienų nemokamas bandymas. Kredito kortelės nereikia. Pasiruoši per kelias minutes.

Pradėti nemokamą bandymą

Kredito kortelės nereikia. Pasiruoši per 2 minutes.