---
title: "Variant"
description: "Variant"
url: "https://www.contentstack.com/docs/developers/sdks/content-management-sdk/javascript/reference/variant"
product: "Contentstack"
doc_type: "guide"
audience:
  - developers
  - admins
version: "current"
last_updated: "2026-09-13"
---

# Variant

## Variant

Variants enable content editors to tailor content for personalized messaging. They help address diverse needs by optimizing reuse and reducing duplication.

## Create variant

The Create a variant method creates a new variant in a specific variant group in your stack.

```
Example:
import * as contentstack from '@contentstack/management'
const client = contentstack.client({ authtoken })
const variant = {
  "uid": "iphone_color_white", // optional
  "name": "White"
}
client.stack({ api_key: 'api_key'})
	.variantGroup('variant_group_uid')
	.variants().create({ variant })
	.then((variant) => console.log(variant))
```

Details of the entry variant

## Update variant

The Update variant method updates an entry for the specified variant group and variants.

```
Example:
import * as contentstack from '@contentstack/management'
const client = contentstack.client({ authtoken })

const data = { name: 'updated name' }
client.stack({ api_key: 'api_key'})
	.variantGroup('variant_group_uid')
	.variants('variant_uid')
	.update(data)
	.then((variant) => console.log(variant))
```

Enter the UID of the variant

Details of the entry variant entry

## Delete variant

The Delete variant method deletes a specific variant from a variant group.

```
Example:
import * as contentstack from '@contentstack/management'
const client = contentstack.client({ authtoken })
client.stack({ api_key: 'api_key'})
	.variantGroup('variant_group_uid')
	.variants('variant_uid')
	.delete()
	.then((response) => console.log(response.notice));
```

Enter the UID of the variant

## Get a single  variant

The Get a single variant method allows you to retrieve the details of a specified variant.

```
Example:
import * as contentstack from '@contentstack/management'
const client = contentstack.client({ authtoken })
client.stack({ api_key: 'api_key'})
	.variantGroup('variant_group_uid')
	.variants('variant_uid')
	.fetch();
.then((variant) => console.log(variant));
```

Enter the UID of the variant

## Create variant

The Create variant method allows you to create an ungrouped variant.

```
Example:
import * as contentstack from '@contentstack/management'
const client = contentstack.client({ authtoken })
const data = {
  "uid": "iphone_color_white", // optional
  "name": "White",
  "personalize_metadata": {
      "experience_uid": "exp1",
      "experience_short_uid": "expShortUid1",
      "project_uid": "project_uid1",
      "variant_short_uid": "variantShort_uid1"
  },
}
client.stack({ api_key: 'api_key'}).variants().create({ data })
.then((variant) => console.log(variant))
```

Details of the entry variant

## Variant | JavaScript Management SDK | Contentstack

Variant lets editors tailor content for personalized messaging while reducing duplication, in the JavaScript Management SDK.