Imagine com o Craft

Koto Forms

by Koto.so
Winter 2026 · Category Winner

Building a form usually means picking a form tool, then figuring out where responses go. Koto flips it: point it at a Craft Collection, and it auto-generates a matching web form. Submissions flow back as new entries — your Craft doc is both the schema and the database.

Koto Forms

Construa você mesmo

imagine.stepDesign Your Collection

Create a Craft Collection with the fields you want in your form. For example: Name (text), Email (text), Message (text), Rating (number). Each column in your collection becomes a form field.

imagine.stepEnable the Craft API

Enable read/write API access on your document. Koto needs to read your collection schema to generate the form, and write access to add new entries from submissions.

imagine.step

Abra a aba “Imagine”

imagine.step

Clique em “Add Your First API Connection”

imagine.step

Configure sua conexão de API com um nome.

imagine.step

imagine.showcase.enableAPISection.document.steps.step4DescriptionWithName

imagine.step

A URL da API que será usada para interagir com seu documento agora é exibida na parte superior

imagine.stepCreate a New Form in Koto

imagine.ideas.kotoForms.buildIt.step3.description1

imagine.stepConnect Your Craft API

Paste your Craft API Base URL and secret token. Koto uses these to read your collection schema and write new entries from form submissions.

imagine.stepSelect Your Collection

Choose which collection to transform into a form. Koto reads the schema and generates matching form fields automatically.

imagine.stepCustomize Your Form

Adjust the submit button text, colors, success message, and redirect URL. Make it match your brand or project before sharing.

imagine.stepShare Your Form

Copy the form URL or embed code and share it anywhere — your website, email, or social media. Every submission flows back into your Craft Collection in real time.

imagine.stepSee Your Live Form

This is what your visitors see — a clean web form auto-generated from your Craft Collection columns.

The Result

imagine.ideas.kotoForms.buildIt.result.description1

Mais ideias para voce experimentar

Voltar para a galeria