Toimii is van start gegaan met een soft launch, dus deze gidsen beschrijven een dienst waarvoor je je vandaag kunt aanmelden en die je meteen kunt gebruiken. Een paar onderdelen zijn nog onderweg — de iOS- en Android-apps verschijnen later in 2026.

Een contactformulier insluiten op Shopify met Custom Liquid

Een Custom Liquid-sectie in de thema-editor. Geen app-installatie, geen kennis van Liquid vereist — plak de twee regels en sla op.

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

Werkt dit echt?

Ja — als je thema een Custom Liquid-sectie biedt. Dat is Shopify's eigen antwoord op het toevoegen van code aan een pagina zonder themabestanden te bewerken.

Stap voor stap

Open de thema-editor

Open in je Shopify-beheerpaneel de thema-editor op het thema dat je wilt bewerken.

Voeg een Custom Liquid-sectie toe

Ga naar de pagina waar het formulier moet verschijnen, voeg dan een sectie toe en kies Custom Liquid.

Plak de insluitcode

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

Sla op en controleer de live winkel

Sla op in de thema-editor, open dan de pagina in je winkel — niet de preview in de editor — en stuur een testbericht. Alleen een bericht dat aankomt bewijst dat de insluiting end-to-end werkt.

Valkuilen

Voeg de code toe via de thema-editor in plaats van themabestanden te bewerken. Shopify werkt een thema alleen automatisch bij zolang de bestanden in hun oorspronkelijke staat zijn — en Custom Liquid bestaat juist zodat je eigen code kunt toevoegen zonder eraan te komen. Bewerk je wel de themacode, dan mag je elke toekomstige update met de hand doorvoeren.
Kassa- en cadeaubonpagina's accepteren helemaal geen secties, dus daar kan geen Custom Liquid-blok op — op geen enkel abonnement. Plaats het formulier op een gewone winkelpagina.
De thema-editor bewerkt één thema, en dat is niet per se het gepubliceerde. Als je in een kopie hebt opgeslagen, verandert er niets aan je live winkel, hoe goed de preview er ook uitziet — controleer de winkel-URL en kijk welk thema gepubliceerd is.

Veelgestelde vragen

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

Nee. Custom Liquid is een ingebouwde themasectie, en Shopify's eigen advies is om de thema-editor te gebruiken voordat je naar code of een app grijpt. Niet elk thema biedt het — als het jouwe dat niet doet, kun je de twee regels alsnog aan de themacode toevoegen, met het voorbehoud over updates in de valkuilen hierboven.

Kan ik het op de kassapagina insluiten?

Nee — en het is geen beperking van je abonnement. Shopify's documentatie is duidelijk: secties kunnen aan elke pagina van je onlinewinkel worden toegevoegd, behalve aan cadeaubon- en kassapagina's. Er is dus geen Custom Liquid-blok waar het formulier in kan, en geen upgrade die er een toevoegt. De kassa pas je aan met kassa-apps. Plaats het formulier in plaats daarvan op een contactpagina of een andere pagina van je winkel.

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

Ja — een headless storefront is je eigen front-end, dus de twee regels gaan erin zoals in elke andere pagina. Eén ding om te controleren: Hydrogen levert standaard een Content-Security-Policy mee, dus sta cdn.toimii.io toe in script-src en api.toimii.io in connect-src wanneer je de jouwe opstelt.

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 een abonnement waarvan de codeblokken JavaScript mogen uitvoeren.

Lees de volledige gids

Webflow

Sleep een Code Embed-element erin en plak de twee regels. Aangepaste code is in Webflow een betaalde functie — dat is de enige voorwaarde.

Lees de volledige gids

Wix

Gebruik Wix' Custom Element: de script-URL van je component in Server URL, de tag in Tag Name. De HTML-insluiting werkt niet — dat is een sandbox-iframe.

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.

Gratis proefperiode starten

Geen creditcard nodig. Binnen 2 minuten klaar.