> For the complete documentation index, see [llms.txt](https://docs.ayetstudios.com/v/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ayetstudios.com/v/product-docs/dashboard-setup/adslots/design-settings.md).

# Design Settings

{% hint style="success" %}
You can customize the Offerwall to your liking
{% endhint %}

## Custom Theme

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FkuIkpEwF1k13xFztgU8X%2F15.jpg?alt=media&amp;token=9dfbb261-68c1-4362-b0fa-348e44f76a88" alt=""><figcaption></figcaption></figure>

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2F6EShvIc7i8ANSabnH7GM%2F23.jpg?alt=media&amp;token=7c3b751a-5ff4-4596-951a-d261030d9fd9" alt=""><figcaption></figcaption></figure>

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FwnRA6ZQ8ZUrByarxb6bQ%2F24.jpg?alt=media&amp;token=91b69bd8-fc69-48ed-aff1-89f0500a69ad" alt=""><figcaption></figcaption></figure>

### 5. Customize

{% hint style="info" %}
The changes you make are displayed in the Offerwall Preview
{% endhint %}

From the drop-down menu you can select different types of themes. You have predefined themes, but you can also make a custom theme. You can select the colors you preferer.

<div align="left"><figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2F3mxgjHNzD6rxtGczNMxm%2F25.jpg?alt=media&amp;token=39ccdaad-aa95-439c-8869-d03e692aeb1d" alt=""><figcaption></figcaption></figure></div>

## Custom Banner

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FkuIkpEwF1k13xFztgU8X%2F15.jpg?alt=media&amp;token=9dfbb261-68c1-4362-b0fa-348e44f76a88" alt=""><figcaption></figcaption></figure>

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2F6EShvIc7i8ANSabnH7GM%2F23.jpg?alt=media&amp;token=7c3b751a-5ff4-4596-951a-d261030d9fd9" alt=""><figcaption></figcaption></figure>

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FwnRA6ZQ8ZUrByarxb6bQ%2F24.jpg?alt=media&amp;token=91b69bd8-fc69-48ed-aff1-89f0500a69ad" alt=""><figcaption></figcaption></figure>

### 5. Customize

{% hint style="info" %}
The changes you make are displayed in the Offerwall Preview
{% endhint %}

On top of the Offerwall you can add your custom banner / image

* Chose if you like to upload a Portrait Image or Landscape image
* Next to the respective image type you chose - click on **"Chose File"**
* Locate and upload the file you want
* Click on **"Save"**

{% hint style="info" %}
For Portrait Image - we recommend 1080px x (120px to 350px)

For Landscape Image - we recommend 1920px x (70px to 200 px)
{% endhint %}

<div align="left"><figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FLagfKwMfNd2LVtuK6yfG%2F26.jpg?alt=media&amp;token=5fb626bf-ee45-4e94-a792-a0a215cbcda2" alt=""><figcaption></figcaption></figure></div>

## Custom Coin

### 1. Log into the dashboard

{% embed url="<https://www.ayetstudios.com/account/login>" %}

### 2. Chose the Placement

In the left-hand side of at the top of the screen - click on "Placements / Apps"

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FkuIkpEwF1k13xFztgU8X%2F15.jpg?alt=media&amp;token=9dfbb261-68c1-4362-b0fa-348e44f76a88" alt=""><figcaption></figcaption></figure>

In the central part of the screen, all of your Placements will be shown - Locate the Placement which you want to customize

### 3. Edit Adslot

Once you have located the Placement you want to customize - click on **"Edit Adslot" -** on the Offerwall Adslot of the Placement.

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2F6EShvIc7i8ANSabnH7GM%2F23.jpg?alt=media&amp;token=7c3b751a-5ff4-4596-951a-d261030d9fd9" alt=""><figcaption></figcaption></figure>

### 4. Offerwall Design

In the pop-up window click on **"Offerwall Design"**.

<figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2FwnRA6ZQ8ZUrByarxb6bQ%2F24.jpg?alt=media&amp;token=91b69bd8-fc69-48ed-aff1-89f0500a69ad" alt=""><figcaption></figcaption></figure>

### 5. Customize

You can customize your virtual coin as you wish. You can choose a color of your liking, but also upload your designed coin.

* Select Theme - from the drop-down menu click on "Customize"
* Select Custom Coin - From the drop-down menu click on "Upload Custom Image"

<div align="left"><figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2F6Tb1Q8RcztEXfu5Cgkdu%2F27.jpg?alt=media&amp;token=93f1ea54-1cf4-4c56-930e-23f70fb58f11" alt=""><figcaption></figcaption></figure></div>

* To upload  the image click on "Choose File"

{% hint style="info" %}
We recommend using image 50px x 50px
{% endhint %}

<div align="left"><figure><img src="https://4086115684-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FQYkbOrUvRXzrXgEDF9qs%2Fuploads%2F3kR3wURHvRLiyn5Aqdst%2F28.jpg?alt=media&amp;token=7c4868ce-ade8-481a-8913-c03617a7aad3" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Click on "Save"
{% endhint %}
