> For the complete documentation index, see [llms.txt](https://docs.wetbot.space/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wetbot.space/eng/guide/styles.md).

# Creation of wormholes styles

Guide to creating wormhole styles.

Styles define the look of the wormhole embed when it appears and when it is collected.

{% hint style="info" %}
Limit: **5** without premium, **25** with premium.
{% endhint %}

{% content-ref url="/pages/oMJFbi2dDWZLI3jSHxMr" %}
[Wormholes](/eng/guide/wormholes.md)
{% endcontent-ref %}

Open the style editing panel with the command [/manager-styles](/eng/commands/admins.md)

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-af6d9e66bb3406b7733bc0b9bb8a2d261c8e235e%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_115129304.png?alt=media" alt=""><figcaption></figcaption></figure>

Click the create button and enter a style name, after which the style editing panel appears

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-b2e9488e742fe1ff3c051a632504186f3c039304%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_115331532.png?alt=media" alt=""><figcaption></figcaption></figure>

Click edit and select the style you just created.

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-5f64542d5449830749975c4fa2a5b921d1c06a96%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_115517752.png?alt=media" alt=""><figcaption></figcaption></figure>

The panel is very convenient because it immediately shows how the wormhole itself will look and how it will look after the button is clicked

### Edit the appearance style...

* Change the description, thumbnail, image, color...

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-43fda521a0570ba2d742341ea80778b3265479b8%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_115905859.png?alt=media" alt=""><figcaption></figcaption></figure>

1. <mark style="color:purple;">Description</mark> - where {item\_emoji} is the item's emoji and {item\_name} is the item's name
2. <mark style="color:purple;">Thumbnail</mark>
3. <mark style="color:purple;">Image</mark>
4. <mark style="color:purple;">Border color</mark>

{% hint style="warning" %}
Leave {item\_emoji} and {item\_name} unchanged `if you are going to use the style for several wormholes with different items.`
{% endhint %}

{% content-ref url="/pages/2EbJ1NlukRZxU87R6h30" %}
[Variables: wormholes styles](/eng/variables/styles.md)
{% endcontent-ref %}

* Change the header and footer

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-b536915356c6465603c0c7c5c197ae6ebd3ffd0d%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_120343560.png?alt=media" alt=""><figcaption></figcaption></figure>

* Change the button emoji and button text

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-675e53dc536ce0f68ac9fc7124a72849e157b1e0%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_120447122.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
The emoji field must not contain text unless it is the ID of a server emoji.
{% endhint %}

### Edit the collection style...

* Change the description, thumbnail, image, color...
* Change the header and footer

After all the settings, mine turned out like this:

<figure><img src="https://2083216302-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FskEm4EbN4Txihvr6vIUy%2Fuploads%2Fgit-blob-8d98380ff051b2860ce3273a5668dd2f6fd6e85b%2F%D0%B8%D0%B7%D0%BE%D0%B1%D1%80%D0%B0%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5_2022-10-06_123241580.png?alt=media" alt=""><figcaption></figcaption></figure>

Variables: [Variables: styles](/eng/variables/styles.md).

## On the website

{% content-ref url="/pages/GIzL8uXhGkPcksvcYkqS" %}
[Wormhole styles](/eng/website/styles.md)
{% endcontent-ref %}