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 Squarespace'i ühe Code Blockiga

Üks Code Block, kaks rida. Vorm renderdub avaldatud lehel — redaktor pole see koht, kus seda kontrollida.

<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 — Code Block võtab kaks rida täpselt nii, nagu need on kirjutatud, ja käivitab need avaldatud lehel. Paketile on üks tingimus, allpool.

Samm-sammult

Ava lehe redaktor

Ava leht, kuhu vormi soovid, ja mine muutmisrežiimi, seejärel lisa plokk sinna, kuhu vorm peaks tulema.

Lisa Code Block

Otsi plokimenüüst Code ja vali Code Block. Jäta see HTML-režiimi.

Kleebi manustamiskood

Kleebi kaks rida oma komponendi lehelt Toimiis. Veendu, et „Display Source” lüliti on VÄLJAS, nii et manustus renderdatakse, mitte ei näidata lähtekoodi.

Avalda ja kontrolli päris lehte

Salvesta ja avalda, seejärel ava avaldatud URL ja saada testsõnum. Ainult kohale jõudnud sõnum tõestab, et manustus töötab algusest lõpuni.

Nõutav pakett

Sul on vaja paketti, mille koodiplokid tohivad JavaScripti käivitada. Squarespace loetleb sobivad paketid oma koodiploki lehel; vaata sealt, mitte mujal viidatud numbrite järgi, sest pakettide nimed on muutunud ning hinnad sõltuvad piirkonnast ja arveldusperioodist.

Konarused

Tühi plokk redaktoris ei tõesta midagi — Squarespace hoiab kohandatud koodi sisse logitud vaadetes meelega tagasi. Kontrolli avaldatud lehte.
Kui leht näitab vormi asemel kahte rida tekstina, on Code Blocki „Display Source“ lüliti sees. Lülita see välja.
Kaks redaktorit, kaks viisi ploki lisamiseks: Add Block nupuga sektsioonid kasutavad Fluid Engine'i, ja seal, kus nuppu pole, klõpsad hoopis lisamiskohta. Mujalt leitud juhised eeldavad tavaliselt üht neist, mitte teist.

Korduma kippuvad küsimused

Millist Squarespace'i paketti mul vaja on?

Sellise, mille koodiplokid tohivad JavaScripti käivitada. Iga pakett lubab koodiploki lisada ja sinna HTML-i, Markdowni või CSS-i kleepida — piiratud on just skripti käivitamine ja meie manustus ongi skripti silt. Squarespace hoiab sobivate pakettide ajakohast nimekirja oma koodiploki lehel.

Mu vorm ei ilmu Squarespace'i redaktoris — kas see on katki?

Tõenäoliselt mitte. Squarespace'i enda dokumentatsioon ütleb, et turvameetmena ei ilmu sinu kood sisse logituna vahel nähtavale isegi siis, kui külastajad seda näevad — ja selle lahendus on nupp Preview in Safe Mode, mis on olemas just selleks, et manustatud sisu sulle näidata, mitte seda peita. Väljalogituna avatud avaldatud leht annab lõpliku vastuse.

Miks kasutada Toimii kontaktivormi Squarespace'i sisseehitatud vormi asemel?

Nad lahendavad probleemi eri pooli. Squarespace'i vormiplokk suunab iga esituse sinu valitud salvestuskohta — e-post, selle Contacts-paneel, Google Drive, Mailchimp või Zapier — ja vähemalt üks neist on nõutav, enne kui vorm üldse midagi vastu võtab. Toimii on koht, kuhu need selle asemel jõuavad: töölaud, mis on tehtud nende lugemiseks ja neile vastamiseks, mitte postkast, millel tuleb ise silm peal hoida.

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

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

Wix

Kasuta Wixi Custom Elementi: oma komponendi skripti URL Server URL-i ja selle silt Tag Name'i. HTML-manustus ei tööta — see on liivakasti-iframe.

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.