Šajos ceļvežos aprakstīts, kāds Toimii būs pēc palaišanas. Vadības panelis un norēķini vēl nav pieejami — Toimii tiks palaists 2026. gadā.

Kā iestrādāt kontaktu veidlapu Shopify ar Custom Liquid

Custom Liquid sekcija jebkurā tēmā. Nav lietotnes instalēšanas, nav nepieciešamas Liquid zināšanas — vienkārši ielīmē abas rindiņas.

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

Vai tas tiešām darbojas?

Jā — katrā Shopify tēmā, kas atbalsta Online Store 2.0 (Dawn un jebkura moderna tēma). Custom Liquid sekcija ir iebūvēta Shopify; lielākajā daļā gadījumu nav nepieciešama lietotnes instalēšana vai tēmas koda rediģēšana.

Soli pa solim

Atver tēmas redaktoru

No sava Shopify admin dodies uz Online Store → Themes → Customize uz tēmu, kuru vēlies rediģēt.

Pievienot Custom Liquid sekciju

Izvēlies lapu, kur veidlapai jāparādās (lapa, Kontaktu lapa vai jebkura lapas veidne). Noklikšķini Pievienot sekciju un izvēlies Custom Liquid.

Ielīmē iestrādāšanas kodu

Ielīmē abas rindiņas no sava Toimii vadības paneļa Liquid laukā. Liquid padod neapstrādātu HTML cauri nemainītu, tāpēc skripta tags un pielāgotais elements darbojas kā rakstīts.

Saglabā tēmu

Saglabā tēmas redaktorā. Veidlapa ir aktīva storefront uzreiz.

Testa pārbaude uz reālā storefront

Atver reālo lapu (ne priekšskatījumu) un iesniedz testa ziņu, lai apstiprinātu, ka viss darbojas no gala līdz galam. Ja kaut kas šķiet nepareizs, skatīt gotchas zemāk.

Biežās kļūdas

Tiešie theme.liquid rediģējumi tiek pārrakstīti tēmas atjauninājuma laikā. Izmanto Custom Liquid sekciju tēmas redaktorā (saglabāta lapā) vai dublē tēmu pirms galveno failu rediģēšanas.
Custom Liquid norēķinu lapās prasa Shopify Plus. Standarta plānos iestrādā kontaktu, FAQ vai produktu lapās.
Dažām tēmām ir iebūvēta CSP, kas bloķē trešo pušu skriptus. Ja veidlapa netiek renderēta, atļauj cdn.toimii.io un api.toimii.io iekš script-src / connect-src.
Tēmas redaktora priekšskatījums dažkārt laiski ielādē sekcijas veidā, kas sabojā pirmreizējo renderēšanu pielāgotajiem elementiem. Skaties lapu reālajā storefront URL (vai izmanto pogu "Skatīt"), lai apstiprinātu — priekšskatījums nav patiesības avots.
Ja ietini veidlapu Liquid {% if %} blokā, skripts joprojām tiek ielādēts katrā lapā. Lai ietaupītu baitus, ierobežo arī skripta tagu ar to pašu nosacījumu.

Biežāk uzdotie jautājumi

Vai man nepieciešama Shopify lietotne no App Store?

Nē. Custom Liquid ir iebūvēta Shopify tēmas sekcija — katra tēma, sākot no Dawn, to atbalsta. Lietotņu veikalos ir daudz "kontaktu veidlapu" lietotņu; tev neviena no tām nav nepieciešama Toimii gadījumā.

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

Nē ar standarta plāniem. Custom Liquid uz norēķinu lapām prasa Shopify Plus. Bez Plus veikalos iestrādā veidlapu kontaktu lapā, FAQ lapā vai pēcpirkuma pasūtījuma statusa lapā.

Vai tēmas atjauninājumi dzēsīs manu iestrādāšanas kodu?

Jā — tiešie tēmas failu rediģējumi (theme.liquid, sections/*.liquid) tiek pārrakstīti, atjauninot vai atjaunojot tēmu. Divas drošākas iespējas: izmantot tēmas sekciju + Custom Liquid bloku (saglabāts lapā tēmas redaktorā) vai dublēt tēmu pirms rediģēšanas.

Manam veikalam ir Content-Security-Policy — vai tas bloķē Toimii?

Dažiem veikaliem ir strikta Content-Security-Policy, izmantojot tēmas iestatījumus vai lietotnes. Ja veidlapa netiek renderēta, atļauj šajos script-src: cdn.toimii.io un api.toimii.io.

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

Jā. Izmanto App Bridge, lai renderētu HTML konteineru, tad ievietoj skripta tagu un pielāgoto elementu tajā. Tā pati pieeja: divas koda rindiņas, pielāgotais elements dara pārējo.

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 — tavam lietotāja lomam nepieciešama unfiltered_html iespēja.

Lasīt pilno rokasgrāmatu

Squarespace

Nomet Code Block jebkurā lapā. Prasa Core plānu (2025 pārdēvēts no Business) vai augstāku.

Lasīt pilno rokasgrāmatu

Webflow

Code Embed elements var saturēt līdz 50 000 rakstzīmju. Pielāgots kods prasa Basic plānu vai augstāku. Publicē, lai priekšskatītu.

Lasīt pilno rokasgrāmatu

Wix

Wix smilškastu izmanto Embed logrīkam, tāpēc izmantojam sadalīto metodi — skripts Iestatījumos → Pielāgots kods, tags ar Embed a Widget. Godīgs ceļvedis.

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 komponentēs. 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.

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