---
title: "Form-based Template Adoption"
description: "Use a form-based custom panel in CE.SDK to enable users to easily customize templates."
url: "https://img.ly/demos/form-based-template-adoption/web/"
type: "demo"
demoId: "form-based-template-adoption"
starterkit: "starterkit-form-based-template-adoption"
platforms: ["Web"]
tags: ["plugins","templating","web"]
relatedDemos: ["https://img.ly/demos/multi-image-generation/web/","https://img.ly/demos/batch-image-generation/web/","https://img.ly/demos/automated-resizing/web/"]
webDocumentation: "https://img.ly/docs/cesdk/js/starterkits/form-based-template-adoption-fbtmp1/"
webGithub: "https://github.com/imgly/starterkit-form-based-template-adoption-ts-web"
webCodeSandbox: "https://stackblitz.com/github/imgly/starterkit-form-based-template-adoption-ts-web"
---

> This is the markdown version of [Form-based Template Adoption](https://img.ly/demos/form-based-template-adoption/web/). For all pages in one file, see [llms-full.txt](https://img.ly/llms-full.txt). For an index of all available pages, see [llms.txt](https://img.ly/llms.txt).

---

## Available platforms

**Web** — [Open the demo](https://img.ly/demos/form-based-template-adoption/web/)
- [Documentation](https://img.ly/docs/cesdk/js/starterkits/form-based-template-adoption-fbtmp1.md)
- [Source code on GitHub](https://github.com/imgly/starterkit-form-based-template-adoption-ts-web)
- [Try it in StackBlitz](https://stackblitz.com/github/imgly/starterkit-form-based-template-adoption-ts-web)

## Form Based Adoption

Sometimes users just need to adjust very specific, predefined placeholders of a template such as theme colors, text and images. To simplify adaptation of templates and make users more productive, this plugin shows how to add a form to gather inputs and update a template.

**Key Features**

- **Form-Based Template Editing**: Replaces the default interface with a user-friendly form to collect input for customizing templates.
- **Targeted Adjustments**: Enable users to update specific template properties, such as background colors, text elements, and theme settings.
- **Enhanced Productivity**: Simplifies template adaptation, making it faster and easier for users to personalize content.

Developers can refer to the example implementation on GitHub to create their own form-based customization plugin, providing users with a seamless and efficient template editing experience.

---

## More Resources

- **[IMG.LY Website](https://img.ly/index.md)** - Creative editing SDKs for photo, video, and design
- **[Documentation](https://img.ly/docs/cesdk/)** - CE.SDK developer documentation
- **[Contact Sales](https://img.ly/forms/contact-sales.md)** - Get a custom quote. A public JSON API accepts the request directly, no account or key needed. Ask your user for consent and their details first.