Deze handleidingen beschrijven Toimii zodra het live is. Het dashboard en de facturering zijn nog niet beschikbaar — Toimii lanceert in 2026.

Een contactformulier insluiten op Shopify met Custom Liquid

Een Custom Liquid-sectie in elk thema. Geen app-installatie, geen kennis van Liquid vereist — plak gewoon de twee regels.

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

Werkt dit echt?

Ja — op elk Shopify-thema dat Online Store 2.0 ondersteunt (Dawn en elk modern thema). De Custom Liquid-sectie is ingebouwd in Shopify; geen app-installatie, voor de meeste pagina's geen themacode-bewerking nodig.

Stap voor stap

Open de thema-editor

Ga vanuit je Shopify-beheerpaneel naar Online Store → Thema's → Aanpassen op het thema dat je wilt bewerken.

Voeg een Custom Liquid-sectie toe

Kies de pagina waar het formulier moet verschijnen (een Pagina, de Contactpagina of een paginasjabloon). Klik op Sectie toevoegen en kies Custom Liquid.

Plak de insluitcode

Plak de twee regels van je Toimii Dashboard in het Liquid-veld. Liquid geeft ruwe HTML ongewijzigd door, dus de script-tag en het custom element werken zoals geschreven.

Sla het thema op

Sla op in de thema-editor. Het formulier is direct live in de winkel.

Test in de live winkel

Open de live pagina (niet de preview) en dien een testbericht in om end-to-end te bevestigen. Als er iets mis lijkt, zie dan de aandachtspunten hieronder.

Veelvoorkomende valkuilen

Directe theme.liquid-bewerkingen worden overschreven bij een thema-update. Gebruik de Custom Liquid-sectie in de thema-editor (per pagina opgeslagen) of dupliceer het thema voor je kernbestanden bewerkt.
Custom Liquid op kassapagina's vereist Shopify Plus. Op standaard abonnementen kun je beter insluiten op contact-, FAQ- of productpagina's.
Sommige thema's hebben een ingebouwde CSP die scripts van derden blokkeert. Als het formulier niet wordt weergegeven, sta cdn.toimii.io en api.toimii.io toe in script-src / connect-src.
De thema-editor laadt secties soms lui op een manier die de eerste weergave van custom elements verstoort. Bekijk de pagina op de live winkel-URL (of gebruik de knop "Bekijken") — de preview is niet de bron van waarheid.
Als je het formulier in een Liquid-{% if %}-blok inpakt, laadt het script nog steeds op elke pagina. Sla het script-tag ook in met dezelfde voorwaarde om bytes te besparen.

Veelgestelde vragen

Heb ik een Shopify-app uit de App Store nodig?

Nee. Custom Liquid is een ingebouwde Shopify-themasectie — elk thema vanaf Dawn ondersteunt het. App Stores staan vol met "contactformulier"-apps; je hebt er geen nodig voor Toimii.

Kan ik het op de kassapagina insluiten?

Niet op standaard abonnementen. Custom Liquid op kassapagina's vereist Shopify Plus. Op niet-Plus-winkels kun je het formulier beter plaatsen op een contactpagina, FAQ-pagina of de bestelstatuspagina na aankoop.

Worden mijn insluitcodes overschreven bij een thema-update?

Ja — directe bewerkingen van themabestanden (theme.liquid, sections/*.liquid) worden overschreven wanneer je het thema bijwerkt of herstelt. Twee veiligere opties: gebruik een themasectie + Custom Liquid-blok (per pagina opgeslagen in de thema-editor), of dupliceer het thema voor je de kernbestanden bewerkt.

Mijn winkel heeft een Content-Security-Policy — blokkeert dat Toimii?

Sommige winkels hebben een strict Content-Security-Policy via thema-instellingen of apps. Als het formulier niet wordt weergegeven, sta dan in script-src toe: cdn.toimii.io en api.toimii.io.

Werkt het in een aangepaste Storefront API-site (Hydrogen, Next.js)?

Ja. Gebruik de App Bridge om een HTML-container te renderen en injecteer dan de script-tag en het custom element erin. Zelfde aanpak: twee regels code, het custom element doet de rest.

Insluiten op een ander platform?

Dezelfde twee regels code, uitgelegd voor elk platform.

WordPress

Aangepast HTML-blok, Blok-editor of Klassiek. Geen plugin-installatie. Eén kanttekening — je gebruikersrol heeft de unfiltered_html-capability nodig.

Lees de volledige gids

Squarespace

Voeg een Codeblok toe op elke pagina. Vereist het Core-abonnement (de 2025-hernoeming van Business) of hoger.

Lees de volledige gids

Webflow

Het Code Embed-element bevat tot 50.000 tekens. Aangepaste code vereist het Basic-abonnement of hoger. Publiceer om te bekijken.

Lees de volledige gids

Wix

Wix sandboxt het Embed-widget, dus we gebruiken een gesplitste methode — script in Instellingen → Aangepaste code, tag via Embed een widget. Eerlijke gids.

Lees de volledige gids

Statische Sites

Astro, Hugo, 11ty, Jekyll — dezelfde twee regels in je layout-template. Builds blijven snel.

Lees de volledige gids

HTML / Aangepast

Een gewone HTML-pagina is genoeg. Open hem in een teksteditor, plak, sla op, upload. Drie stappen en je bent live.

Lees de volledige gids

React / Vue / Angular

Gebruik het custom element rechtstreeks in JSX, Vue-templates of Angular-componenten. Geen wrapper-component, geen extra pakket.

Lees de volledige gids

Klaar om het te proberen?

30 dagen gratis. Geen creditcard. Binnen minuten ingesteld.

Geen creditcard nodig. Binnen 2 minuten klaar.