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ą Squarespace su vienu kodo bloku

Vienas kodo blokas, dvi eilutės. Forma atvaizduojama paskelbtame puslapyje — redaktorius nėra ta vieta, kur tai tikrinama.

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

Ar tai tikrai veikia?

Taip — kodo blokas priima abi eilutes tiksliai tokias, kokios parašytos, ir paleidžia jas paskelbtame puslapyje. Yra viena sąlyga dėl plano, žr. žemiau.

Žingsnis po žingsnio

Atidaryti puslapio redaktorių

Atidaryti puslapį, kuriame nori formos, ir pradėti redaguoti, tada pridėti bloką ten, kur forma turi būti.

Pridėti kodo bloką

Blokų meniu ieškoti „Code“ ir pasirinkti kodo bloką. Palikti jį HTML režime.

Įklijuoti įterpimo kodą

Įklijuoti dvi eilutes iš savo komponento puslapio Toimii. Įsitikink, kad „Display Source“ perjungiklis yra IŠJUNGTAS, kad įterpimas atvaizduotų, o ne šaltinį.

Paskelbti ir patikrinti tiesioginį puslapį

Išsaugoti ir paskelbti, tada atidaryti paskelbtą URL ir išsiųsti bandomąją žinutę. Tik gauta žinutė įrodo, kad įterpimas veikia nuo pradžios iki galo.

Reikalingas planas

Tau reikia plano, kurio kodo blokams leidžiama vykdyti JavaScript. Tinkamus planus Squarespace nurodo savo kodo bloko puslapyje; pasitikrink ten, o ne kitur cituojamais skaičiais, nes planų pavadinimai keitėsi, o kainos skiriasi pagal regioną ir mokėjimo laikotarpį.

Klaidos

Tuščias blokas redaktoriuje nieko neįrodo — Squarespace tyčia nerodo pasirinktinio kodo prisijungusiems. Patikrink paskelbtą puslapį.
Jei puslapyje vietoj formos matai dvi eilutes kaip tekstą, kodo bloko „Display Source“ perjungiklis yra įjungtas. Išjunk jį.
Du redaktoriai, du būdai pridėti bloką: sekcijos su mygtuku „Add Block“ naudoja Fluid Engine, o ten, kur mygtuko nėra, spusteli įterpimo tašką. Kitur rasti nurodymai paprastai numato tik vieną iš šių dviejų atvejų.

Dažnai klausiama

Kurio Squarespace plano man reikia?

Tokio, kurio kodo blokams leidžiama vykdyti JavaScript. Pridėti kodo bloką ir įklijuoti į jį HTML, Markdown ar CSS leidžia kiekvienas planas — ribojamas būtent scenarijaus vykdymas, o mūsų įterpimas yra scenarijaus žymė. Aktualų tinkamų planų sąrašą Squarespace laiko savo kodo bloko puslapyje.

Mano forma nerodoma Squarespace redaktoriuje — ar ji neveikia?

Turbūt ne. Pačios Squarespace dokumentacijoje rašoma, kad saugumo sumetimais tavo kodas kartais nerodomas, kol esi prisijungęs, nors lankytojai jį mato — o siūlomas sprendimas yra mygtukas „Preview in Safe Mode“, kuris kaip tik ir skirtas parodyti įterptą elementą, o ne jį paslėpti. Paskelbtas puslapis, atidarytas atsijungus, viską išsprendžia į vieną ar kitą pusę.

Kodėl naudoti Toimii vietoj Squarespace įmontuotos formos?

Jie sprendžia skirtingas tos pačios problemos puses. Squarespace formos blokas kiekvieną pateikimą nukreipia į tavo pasirinktą saugojimo vietą — el. paštą, jos Contacts skydelį, Google Drive, Mailchimp ar Zapier — ir bent viena tokia vieta privaloma, kitaip forma iš viso nieko nepriims. Toimii yra ta vieta, kur pateikimai atkeliauja vietoj to: valdymo skydelis, sukurtas jiems skaityti ir į juos atsakyti, o ne dar viena pašto dėžutė, kurią reikia nuolat sekti.

Į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ą

Webflow

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

Skaityti visą vadovą

Wix

Naudok Wix Custom Element: savo komponento scenarijaus URL į Server URL, jo žymę į Tag Name. HTML įterpimas neveiks — tai smėlio dėžės iframe.

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.