# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://vu-custom.gitbook.io/vu-custom/customizer-admin/elements.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.