> For the complete documentation index, see [llms.txt](https://academy.gopersonal.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://academy.gopersonal.ai/en/admin-ui/personalizations/experiences/new-variant-from-scratch.md).

# New Variant from scratch

You have the flexibility to create your variant by adding your HTML, CSS, JS, or JSON code, depending on the type of personalization.

* For **API-based Personalizations**, the JSON editor will be available for you to complete the configuration. 

<figure><img src="https://77548240-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6jDsmHXQ0gdSKhPuXFMw%2Fuploads%2F8qUQeS6X6jQKLJYJivIL%2FScreenshot%202023-10-02%20at%208.01.32%20PM.png?alt=media&amp;token=efa5d684-ba53-41f9-8517-603898446a1c" alt=""><figcaption></figcaption></figure>

* For other types of personalizations, editors for (HTML, CSS, JS) will be available, and you can switch between them by selecting the corresponding option.&#x20;

<figure><img src="https://77548240-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6jDsmHXQ0gdSKhPuXFMw%2Fuploads%2FQwF3hU6Q84Yj0y2kfYhm%2FScreenshot%202023-10-02%20at%208.00.20%20PM.png?alt=media&amp;token=e67bf798-f7bb-4245-8b82-d1ca9a2b8f71" alt=""><figcaption></figcaption></figure>

Additionally, you can incorporate variables that can be filled in by a business user, allowing for dynamic and adaptable content customization tailored to specific needs.&#x20;

* [Variables](/en/admin-ui/personalizations/experiences/variables.md)

After creating your customized content, you have the option to [save it as a template](/en/admin-ui/catalogs/templates.md). By saving your content as a template, you can easily access and apply it to other personalizations.&#x20;

This streamlines your workflow, ensuring consistency and efficiency in delivering tailored experiences to your audience across different campaigns and initiatives.