Toimii ir klusi palaists, tāpēc šajos ceļvežos aprakstīts pakalpojums, kuram vari reģistrēties un ko vari lietot jau šodien. Daži elementi vēl ir ceļā — iOS un Android lietotnes būs pieejamas vēlāk 2026. gadā.

Kā iestrādāt kontaktu veidlapu Squarespace ar vienu Code Block

Viens Code Block, divas rindiņas. Veidlapa tiek renderēta publicētajā lapā — redaktors nav tā vieta, kur to pārbaudīt.

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

Vai tas tiešām darbojas?

Jā — Code Block pieņem abas rindiņas tieši tādas, kādas tās ir, un izpilda tās publicētajā lapā. Ir viens nosacījums attiecībā uz tavu plānu, zemāk.

Soli pa solim

Atver lapas redaktoru

Atver lapu, kur vēlies veidlapu, un sāc rediģēt, tad pievieno bloku tur, kur veidlapai jāatrodas.

Pievieno Code Block

No bloku izvēlnes meklē Code un izvēlies Code Block. Atstāj to HTML režīmā.

Ielīmē iestrādāšanas kodu

Ielīmē abas rindiņas no sava komponenta lapas Toimii. Pārliecinies, ka „Display Source” slēdzis ir IZSLĒGTS, lai tiek renderēta iestrādāšana, nevis avots.

Publicē, tad pārbaudi reālo lapu

Saglabā un publicē, tad atver publicēto URL un nosūti testa ziņu. Tikai piegādāta ziņa pierāda, ka iestrādāšana darbojas no gala līdz galam.

Nepieciešamais plāns

Tev nepieciešams plāns, kura koda blokiem ir atļauts izpildīt JavaScript. Piemērotos plānus Squarespace uzskaita savā code block lapā; pārbaudi tur, nevis paļaujies uz kaut kur citur minētu skaitli, jo plānu nosaukumi ir mainījušies un cenas atšķiras atkarībā no reģiona un norēķinu perioda.

Biežās kļūdas

Tukšs bloks redaktorā neko nepierāda — Squarespace apzināti neatrāda pielāgoto kodu, kamēr esi pieteicies. Pārbaudi publicēto lapu.
Ja lapā abas rindiņas parādās kā teksts, nevis veidlapa, Code Block „Display Source” slēdzis ir ieslēgts. Izslēdz to.
Divi redaktori, divi veidi, kā pievienot bloku: sekcijas ar pogu Add Block izmanto Fluid Engine, bet, kur pogas nav, tā vietā jāuzklikšķina ievietošanas punkts. Citur atrodamās pamācības parasti pieņem tikai vienu no abiem.

Biežāk uzdotie jautājumi

Kāds Squarespace plāns man ir nepieciešams?

Tādu, kura koda blokiem ir atļauts izpildīt JavaScript. Jebkurā plānā vari pievienot koda bloku un ielīmēt tajā HTML, Markdown vai CSS — ierobežota ir tieši skripta izpilde, un mūsu iestrādāšana ir skripta tags. Aktuālo piemēroto plānu sarakstu Squarespace uztur savā code block lapā.

Mana veidlapa nav redzama Squarespace redaktorā — vai tā ir sabojāta?

Visticamāk, nav. Squarespace paša dokumentācijā teikts, ka drošības apsvērumu dēļ tavs kods dažkārt nav redzams, kamēr esi pieteicies, pat ja apmeklētāji to redz — un tās risinājums ir poga Preview in Safe Mode, kas ir domāta tieši tam, lai iestrādāto saturu parādītu, nevis paslēptu. Publicētā lapa, ko atver, neesot pieteicies, izšķir jautājumu vienā vai otrā virzienā.

Kāpēc izmantot Toimii, nevis Squarespace iebūvēto veidlapu?

Tie risina dažādas problēmas puses. Squarespace veidlapas bloks katru iesniegumu novirza uz tavu izvēlēto glabāšanas vietu — e-pastu, tā Contacts paneli, Google Drive, Mailchimp vai Zapier — un vismaz viena ir jānorāda, pirms veidlapa vispār kaut ko pieņem. Toimii ir tā vieta, kur iesniegumi nonāk tā vietā: vadības panelis, kas veidots to lasīšanai un atbildēšanai, nevis vēl viena pastkaste, kurai jāseko līdzi.

Iestrādā citā platformā?

Tās pašas divas koda rindiņas, izklāstītas katrai platformai.

WordPress

Custom HTML bloks, Block Editor vai Classic. Nav nepieciešama spraudņa instalēšana. Viens brīdinājums — tavai lietotāja lomai nepieciešama unfiltered_html iespēja.

Lasīt pilno rokasgrāmatu

Webflow

Ievelc Code Embed elementu un ielīmē abas rindiņas. Pielāgots kods Webflow ir maksas funkcija — tas ir vienīgais nosacījums.

Lasīt pilno rokasgrāmatu

Wix

Izmanto Wix Custom Element: sava komponenta skripta URL laukā Server URL, tā tagu laukā Tag Name. HTML iestrādāšana nedarbosies — tā ir smilškastes iframe.

Lasīt pilno rokasgrāmatu

Shopify

Pievieno Custom Liquid sekciju Shopify tēmas redaktorā — nav nepieciešama lietotnes instalēšana, nav jārediģē tēmas kods. Norēķinu lapas ir vienīgā vieta, kur to nevar likt.

Lasīt pilno rokasgrāmatu

Statiskās vietnes

Astro, Hugo, 11ty, Jekyll — tās pašas divas rindiņas tavā izkārtojuma veidnē. Veidošana paliek ātra.

Lasīt pilno rokasgrāmatu

HTML / Pielāgots

Pietiek ar parastu HTML lapu. Atver tekstredaktorā, ielīmē, saglabā, augšupielādē. Trīs soļi — un esi aktīvs.

Lasīt pilno rokasgrāmatu

React / Vue / Angular

Izmanto pielāgoto elementu tieši JSX, Vue veidnēs vai Angular komponentos. Nav apvalka komponenta, nav papildu pakotnes.

Lasīt pilno rokasgrāmatu

Gatavs izmēģināt?

30 dienu bezmaksas izmēģinājums. Nav kredītkartes. Uzstādīšana — minūtēs.

Sākt bezmaksas izmēģinājumu

Kredītkarte nav nepieciešama. Uzstādīšana — 2 minūtēs.