> For the complete documentation index, see [llms.txt](https://vosiekip-studio.gitbook.io/vosiekip-studio-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vosiekip-studio.gitbook.io/vosiekip-studio-docs/paynow-guides/installation-guide.md).

# Installation guide

This page will walk us trough the process of installing any Paynow theme in our catalog.

Getting started with creating your first [Paynow store](https://dashboard.paynow.gg/webstore) can be challenging, but we’ll guide you through the entire process step by step to ensure everything goes smoothly. Nothing will be skipped, so you can follow along with confidence.

{% stepper %}
{% step %}

### Creating your Paynow project

Before we can start we need to create your first [Paynow Store](https://dashboard.paynow.gg/webstore), ensure you select the right store variant for your network.

<details>

<summary>Paynow project platforms</summary>

#### Minecraft networks

* If you are running a Minecraft network with only Java Edition players, select the "Minecraft Java Edition" option.
* If you are running a <mark style="color:$primary;">**crossplay server**</mark> (Java & Bedrock), select the "Minecraft Offline" option.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FbT0B9ZHVRlUjKmRJHHdI%2Fimage.png?alt=media&amp;token=f2f221b5-77be-4fcb-a3a5-ae1934cd743a" alt=""><figcaption></figcaption></figure>

</details>
{% endstep %}

{% step %}

### Creating a Paynow template

To upload a new template you need to navigate to the appearance template creation page, which can be [found here](https://dashboard.paynow.gg/webstore/templates/create).&#x20;

***

1. For support reasons we request your template name to follow a naming structure.&#x20;

{% code fullWidth="true" %}

```
Template name [v1.0.0]
```

{% endcode %}

2. Press the create button on the bottom left.
   {% endstep %}

{% step %}

### Opening the template editor

If you have following along you should be on the webstore template page.

* Click open Template editor at the bottom.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FSiI1btNIEsBRVOvEZHkC%2Fimage.png?alt=media&amp;token=2e891071-911c-4540-904b-13f1cd607787" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Uploading the Webstore files

Unzip our product file and navigate to <kbd>/0. Theme</kbd> Select all files and drag them into the Paynow Template editor.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2Fo0J2h4xfXMAwqdHZo7Pa%2FGroup%209.png?alt=media&amp;token=d0582643-c30b-4424-8c0b-ba54531820ed" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Make sure you select all the files in the theme directory and wait for them to upload.
{% endhint %}
{% endstep %}

{% step %}

### Setting up Extras

### Page Extras

{% tabs %}
{% tab title="Staff team page" %}
The staff team page is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the Staff-page <kbd>/0. Theme/assets/staff-page.html</kbd>

***

#### **How to upload**

* Select the html file and drag it into the editor.

#### Staff team setup

* Create a Custom page entry in your template settings.&#x20;
* Go to the Staff Team Page (Addon) in template settings.
* Enter your page Tile (Case sensitive) in "Staff page title" setting.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FcNg82NmypeATkZ3AtfsN%2Fbrave_xIsRke1nMR.png?alt=media&amp;token=c2422b7a-d6f9-4639-9868-56995dbc0599" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FWqZXa93owjpvoRk9xr3A%2Fimage.png?alt=media&amp;token=99098041-b2be-4712-a29f-8783450d903b" alt=""><figcaption></figcaption></figure>

***

#### Staff team settings

* Enter your staff team role labels (Example: Owners, Administrator, Moderators, Helpers, Media)
* Enter your staff usernames for each role "Owner #1, Administrator #1, etc"
  {% endtab %}

{% tab title="Vote page" %}
The vote page is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the Vote-page <kbd>/0. Theme/assets/vote-page.html</kbd>

***

#### **How to upload**

* Select the html file and drag it into the editor.

#### Vote setup

* Create a Custom page entry in your template settings.&#x20;
* Go to the Vote Page (Addon) in template settings.
* Enter your page Tile (Case sensitive) in "Vote page title" setting.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FWGhT8Dl0n9qiZNdlUsO4%2Fimage.png?alt=media&amp;token=8d830667-07d2-4f7d-84ed-1f2eb9f72f54" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2F33ou8XLxu1ocPVxpCi2a%2Fbrave_fcFfLbF2ze.png?alt=media&amp;token=8fe13768-fd39-499d-bcf4-79c4429dcd40" alt=""><figcaption></figcaption></figure>

***

#### Vote settings

* Enter the vote title and vote link for each vote site.\
  *(Title in "Vote Button 1 Text:" link in "Vote Button 1 Link")*
  {% endtab %}

{% tab title="Patron page" %}
The Patron page is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the patron page <kbd>/0. Theme/assets/patron.html</kbd>

***

#### **How to upload**

* Select the html file and drag it into the editor.

#### Patron setup

* Create a Custom page entry in your template settings.&#x20;
* Go to the Patron Page (Addon) in template settings.
* Enter your page Tile (Case sensitive) in "Patron page title" setting.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2Fn8lLxa5FCjmpEgVV6fKy%2Fimage.png?alt=media&amp;token=80c8bca7-11cb-4f87-b3d4-6138008f53e3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FpbvbvfWspijFjn7MPM5i%2Fbrave_505A6ye3fG.png?alt=media&amp;token=71afea74-b204-4a34-bd07-1b31567457f1" alt=""><figcaption></figcaption></figure>

***

#### Patron settings

* Enter your patron tiers (Example: Diamond, Emerald, Netherite)
* Enter your patron players usernames for their achieved tier.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2Fje8RpLVlxmTgRe68euQu%2Fimage.png?alt=media&amp;token=17d423ff-e7f9-4245-90bc-af86084e8d63" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Faq & Rules" %}
The Faq & rules is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the Faq-page <kbd>/0. Theme/assets/faq-page.html</kbd>&#x20;
* Directory of the Rules-page <kbd>/0. Theme/assets/rules-page.html</kbd>

***

#### **How to upload**

* Select the html files and drag it into the editor.

#### Rules & Faq setup

* Create a Custom page entry in your template settings.&#x20;
* Go to the Faq & Rules Page (Addon) in template settings.
* Enter your page Tile (Case sensitive) in "Faq or Rules page title" setting.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2Fc6riNjB4vKVujad1ug1U%2Fimage.png?alt=media&amp;token=02b16609-6e44-49ca-a669-ae206832dedb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FpQky1rLQxsc82S1AhCip%2Fimage.png?alt=media&amp;token=3d45d3b2-aff8-409b-9168-cb57137602f1" alt=""><figcaption></figcaption></figure>

***

#### Faq & Rules settings

* Enter the FAQ or Rules title and Description link for each FAQ or Server rule.\
  *(Title in "*&#x46;AQ #1 Questio&#x6E;*" link in "*&#x46;AQ #1 Answe&#x72;*")*
  {% endtab %}
  {% endtabs %}

### Category Extras

{% tabs %}
{% tab title="Rank Table" %}
The staff team page is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the Rank table <kbd>/0. Theme/assets/ranktable.html</kbd>

***

#### **How to upload**

* Select the html file and drag it into the editor.

#### Rank table setup

* Copy your ranks category TAG: <https://dashboard.paynow.gg/tags>.
* Go to the template editor Rank category (Addon).
* Enter your category TAG in "TAG of your rank category" setting.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FGtNXbG5o5cE6FwsJM59S%2Fimage.png?alt=media&amp;token=5602ef0d-ff79-4fe3-89c4-cfc1c757db23" alt=""><figcaption></figcaption></figure>

***

#### Rank table code

* The Rank table is unique for all themes and is edited within the Ranktable.html file itself. Open the file with <https://code.visualstudio.com/> and follow the steps within the file.
  {% endtab %}

{% tab title="Upsell & Coin slider" %}
The upsell & coin slider is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the Upsell <kbd>/0. Theme/assets/upsell.html</kbd>&#x20;
* Directory of the Coin slider <kbd>/0. Theme/assets/coin-slider.html</kbd>

***

#### **How to upload**

* Select the html file and drag it into the editor.

#### Upsell setup

* Copy your parent package ID: <https://creator.tebex.io/packages>. (Key x1)
* Go to the <https://creator.tebex.io/appearance> Package Upselling (Addon)
* Enter your <mark style="color:$primary;">parent package ID</mark> in "Crate 1 - Parent Package ID" setting.
* Enter the Crate 1 - Upsell Package IDs in order separated by "," Example: <mark style="color:$primary;">**470603945287360512**</mark>,<mark style="color:$warning;">00000000000000000</mark>,<mark style="color:blue;">00000000000000000</mark>,<mark style="color:pink;">00000000000000000</mark>

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2F5Tgui2yjQNtsoOJDh3bG%2Fimage.png?alt=media&amp;token=29948f90-8a22-48af-a7b4-761fa3266bb2" alt=""><figcaption></figcaption></figure>

***

#### Coin slider Setup

Coin sliders works essentialy the same as the key upselling only diffrence are the display name and stage labels.

* Display name is the name of your coin Example: "Gems"
* Stage labels, are the Gem amounts.&#x20;

{% hint style="info" %}
**Why stage labels and titles?** \
\
We are not fetching the package names as these often include the amount and the title making the names to long for the coin slider tiers.
{% endhint %}
{% endtab %}

{% tab title="Gift Cards" %}
The Gift cards category is a new html asset, essentially the same process as uploading the rest of the template files.

* Directory of the Gift cards <kbd>/0. Theme/assets/giftcard.html</kbd>

***

#### **How to upload**

* Select the html file and drag it into the editor.

#### Gift cards setup

* Copy your gift cards category TAG: <https://dashboard.paynow.gg/tags>.
* Go to the template editor Rank category (Addon).
* Enter your category TAG in "TAG of your gift card category" setting.

<figure><img src="https://3284136385-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F30otsg32LKuGQgdcam1f%2Fuploads%2FjTldB7y3JasTRigwmZpD%2Fimage.png?alt=media&amp;token=e85b60cc-d1ce-4722-8103-f75c7f6c299f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Giftcards category needs a total of Five giftcards package types to match the preview.
{% endhint %}
{% endtab %}
{% endtabs %}
{% endstep %}
{% endstepper %}