> For the complete documentation index, see [llms.txt](https://vu-custom.gitbook.io/vu-custom/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vu-custom.gitbook.io/vu-custom/customizer-admin/elements.md).

# Elements

Elements provide a variety of options to customize the product. Following are the types of elements.

<figure><img src="/files/mJaJyBMEPjrUJRPnIlfj" alt=""><figcaption></figcaption></figure>

### Embroidery

The embroidery element is used to generate stitch effects in the template. This element is paired with VU Custom's Monogram Rendering Service to generate DSTs in real time. Text and monograms are offered in this service.&#x20;

<figure><img src="/files/2WqwqbDidhvttlDQDtWO" alt=""><figcaption></figcaption></figure>

### Decoration

The decoration element adds effects to the template.

<figure><img src="/files/Q5kIZhoycnzybJG9AcCA" alt=""><figcaption></figcaption></figure>

### List

The list element is one of the most commonly used elements in the customizer. A list can hold images and text and can be displayed in a variety of different view options. Choose between dropdowns, thumbnails, radio boxes, and many more. One of the most common examples of a list element is the choice between product colors.

<figure><img src="/files/RIgkwvJ30AEutlVEphSz" alt=""><figcaption></figcaption></figure>

### Comment

The comment element adds an empty box for the end-user to write comments.

<figure><img src="/files/K8aWe6dVuaN1AtbgfI9H" alt=""><figcaption></figcaption></figure>

### Quantity

The quantity element allows the end-user to choose a quantity for the product. This quantity is applied to the product when sent to the cart.

<figure><img src="/files/c8xgeXnbZ5eSSPdriaZW" alt=""><figcaption></figcaption></figure>

### Information

The information element creates a blank HTML element in the customizer. This is great for adding information descriptions and can be used for styling or development functions. HTML, JS, and CSS are applicable.

<figure><img src="/files/jrJWU9IQr3XPTunMJcGV" alt=""><figcaption></figcaption></figure>

### Image Upload

The Image Upload creates a space for end-users to upload their own images. These images can be captured, used for rendering, and also passed through for production.

<figure><img src="/files/cKmKpwMCCy6irHrDXsBF" alt=""><figcaption></figcaption></figure>

### Layout

The layout element enables you to add layout design to the template.

<figure><img src="/files/bhi0uvSIKNDR7heQCNfq" alt=""><figcaption></figcaption></figure>

### SVG

The SVG element allows the end-user to colorize each layer of an SVG file using the color picker. The SVG files are pre-uploaded to VU OS and then attached to this element.

<figure><img src="/files/pewLwni01bZxpGCZlaVq" alt=""><figcaption></figcaption></figure>

### Summary

The Summary element enables you to add summaries to the template.

<figure><img src="/files/0J4lCrjVEnP4tL8pJWlh" alt=""><figcaption></figcaption></figure>

### Color Picker

The Color Picker element adds a full range of color picker (including hex, RGB, and HSL support) to the customizer.

<figure><img src="/files/cKmKpwMCCy6irHrDXsBF" alt=""><figcaption></figcaption></figure>

### Button

The Button element enables you to add buttons to the template.

<figure><img src="/files/ZNABsbwIo9podBeI57gT" alt=""><figcaption></figcaption></figure>

### Input

The input element is used to create areas for the end user to write text into.

<figure><img src="/files/flyA1gjR4XtY4c9IcE8R" alt=""><figcaption></figcaption></figure>