# Data Elements

In Magic Pixel, data elements are the core of everything. Data elements act as components that intelligently fetch information from across your digital property. 

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2FXuaCHSQ8rGuYGNycTBmV%2Fdata%20elements.png?alt=media&#x26;token=dac690e1-81c3-4fe3-8d68-e71e9d67f870" alt=""><figcaption><p>Data Elements Section</p></figcaption></figure>

{% hint style="info" %}
On Magic Pixel, all the standard and commonly used data elements are readily available, and you can directly set them up for your requirement.&#x20;
{% endhint %}

**Creating Custom Data Elements**

On the Magic Pixel, you can create custom data elements for both your “Browser Side” and “Server Side” as per your requirement.&#x20;

To create a custom data element:&#x20;

**Step 1:** Go to the data elements section and click on "Add Data Element" on the top right and choose if you want to add it for the client-side or server-side.&#x20;

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2FIblkk7AcK9r2pvc2Hy7f%2Fnew%20data%20element.png?alt=media&#x26;token=0ec25a3b-c70e-4099-a963-9f6d9ff97ae3" alt=""><figcaption></figcaption></figure>

**Step 2:** Once you select between creating a new client-side or server-side data element, you can now set it up on the new data element page. Here, you should first set up a name and a description for the data element.&#x20;

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2Fxn1knbk9tQneWXbTLu9d%2Fdata%20element%20info.png?alt=media&#x26;token=c7d03960-0589-4074-9b25-5bb356c70a3b" alt=""><figcaption></figcaption></figure>

**Step 3:** Now, you have to choose the type of data element you want to create. Here the data elements could be of different types for both client-side and server-side.&#x20;

**Types of data elements for browser-side data elements**&#x20;

On Magic Pixel, you can classify browser-side data elements into 4 types. They are "URL Parameters", "Launch Data Element Type", "Custom JavaScripts", & "Magic Pixel Data Layer". You can classify your browser-side data element into any of these 4 types as per your requirement.&#x20;

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2F3Vg6Y4iZL7CnYzDYXX1f%2Fdata%20elements%20type%20clientside.png?alt=media&#x26;token=fcd1258d-661a-476b-9130-0ffaa8e7c5f4" alt=""><figcaption></figcaption></figure>

**Types of data elements for server-side data elements**&#x20;

On Magic Pixel, you can classify server-side data elements into 3 types. They are "Server Cookies", "Server Header" & "JSON Path. You can classify your server-side data element into any of these 3 types as per your requirement.

<figure><img src="https://3694280610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgHNBt97gIENwdqupVwdu%2Fuploads%2Fn7lCYhHz4CBl3NPuIfp8%2Fdata%20element%20server%20side.png?alt=media&#x26;token=24208219-47f4-41e8-a2bd-5223a7a286c8" alt=""><figcaption></figcaption></figure>

**Step 4:** Once you select the data element type and set up its respective data, you can save and your new custom data element will be seen in the data elements section.&#x20;

This is how you standard and custom data elements on Magic Pixel&#x20;