> 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="/files/r6d6cZ9CBwmDHeHJNAvS" 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="/files/4lzt7varIhlNvu3vCr7I" 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.