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 Shopify ar Custom Liquid

Custom Liquid sekcija tēmas redaktorā. Nav lietotnes instalēšanas, nav nepieciešamas Liquid zināšanas — ielīmē abas rindiņas un saglabā.

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

Vai tas tiešām darbojas?

Jā — ja tava tēma piedāvā Custom Liquid sekciju. Tā ir Shopify paša atbilde uz to, kā pievienot lapai kodu, nerediģējot tēmas failus.

Soli pa solim

Atver tēmas redaktoru

Sava Shopify admin panelī atver tēmas redaktoru tai tēmai, kuru vēlies mainīt.

Pievieno Custom Liquid sekciju

Dodies uz lapu, kur veidlapai jāparādās, tad pievieno sekciju un izvēlies Custom Liquid.

Ielīmē iestrādāšanas kodu

Ielīmē Liquid laukā abas rindiņas no sava komponenta lapas Toimii. Lauks pieņem neapstrādātu HTML un padod to cauri nemainītu, tāpēc skripta tags un pielāgotais elements darbojas kā rakstīts.

Saglabā, tad pārbaudi reālo veikala lapu

Saglabā tēmas redaktorā, tad atver lapu savā veikala vietnē — nevis redaktora priekšskatījumā — un nosūti testa ziņu. Tikai piegādāta ziņa pierāda, ka iestrādāšana darbojas no gala līdz galam.

Biežās kļūdas

Pievieno kodu caur tēmas redaktoru, nevis rediģējot tēmas failus. Shopify tēmu atjaunina automātiski tikai tik ilgi, kamēr tās faili ir sākotnējā stāvoklī — un Custom Liquid pastāv tieši tāpēc, lai pielāgotu kodu varētu pievienot, tiem nepieskaroties. Ja rediģē tēmas kodu, katrs turpmākais atjauninājums tev būs jāuzliek ar roku.
Norēķinu un dāvanu karšu lapās sekcijas nevar pievienot vispār, tāpēc Custom Liquid bloks tajās neder — ne ar vienu plānu. Ievieto veidlapu parastā veikala lapā.
Tēmas redaktors rediģē vienu tēmu, un tā ne vienmēr ir publicētā. Ja saglabāji kopijā, tavs reālais veikals paliek nemainīgs, lai cik pareizi izskatītos priekšskatījums — pārbaudi veikala URL un pārbaudi, kura tēma ir publicēta.

Biežāk uzdotie jautājumi

Vai man nepieciešama Shopify lietotne no App Store?

Nē. Custom Liquid ir iebūvēta tēmas sekcija, un Shopify pats iesaka izmantot tēmas redaktoru, pirms ķeries pie koda vai lietotnes. Ne katra tēma to piedāvā — ja tavējā nepiedāvā, abas rindiņas joprojām vari pievienot tēmas kodam, ņemot vērā atrunu par atjauninājumiem biežāko kļūdu sadaļā augstāk.

Vai varu iestrādāt to norēķinu lapā?

Nē — un tas nav plāna ierobežojums. Shopify dokumentācijā skaidri teikts, ka sekcijas var pievienot jebkurai tava interneta veikala lapai, izņemot dāvanu karšu un norēķinu lapas, tāpēc nav neviena Custom Liquid bloka, kurā veidlapu ielikt, un nav arī plāna, ko iegādājoties tāds parādītos. Norēķinu procesu pielāgo ar norēķinu lietotnēm. Tā vietā ievieto veidlapu kontaktu lapā vai jebkurā citā veikala lapā.

Vai tas darbosies pielāgotā Storefront API vietnē (Hydrogen, Next.js)?

Jā — headless veikals ir tava paša saskarne, tāpēc abas rindiņas tajā ievieto tāpat kā jebkurā citā lapā. Vienu lietu ir vērts pārbaudīt: Hydrogen nāk ar noklusējuma Content-Security-Policy, tāpēc, veidojot savējo, atļauj cdn.toimii.io iekš script-src un api.toimii.io iekš connect-src.

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

Squarespace

Ievieto Code Block jebkurā lapā. Nepieciešams plāns, kura koda blokiem ir atļauts izpildīt JavaScript.

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

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.