# Webstore

To get started visit the [Webstore](https://dashboard.paynow.gg/webstore) page located on your dashboard. You'll see three main sections on this page, Webstore, Templates, and Modules. Lets briefly go over each!

<figure><img src="/files/nkEdPDwGCr9KaY6X3mSi" alt=""><figcaption></figcaption></figure>

***

## Webstore

This section is where you can customize your domain URL hosted on PayNow and additionally setup your own custom domain.

Custom Domain is optional, however if you own your own domain you can specify it here. However, you can easily utilize PayNow hosting just simply by adding your store's slug name and the link will be.

When utilizing a custom domain you will need to quickly configure your Cloudflare accordingly. Here's an example.&#x20;

<figure><img src="/files/NgY9kUiWP1lmvcui2U6m" alt="An example visual of a successfully configured store url in the cloudflare settings for paynow."><figcaption></figcaption></figure>

<figure><img src="/files/BNNxJMhXWgUePLb5PE5g" alt=""><figcaption></figcaption></figure>

***

### Templates

This section is where you manage the look of your webstore. You have two ways to get a template in place: install one from PayNow's **Marketplace**, or create your own custom template. Both options live at the top of the Templates page.

<figure><img src="/files/8bG9c30OsfpllmhTcDML" alt=""><figcaption></figcaption></figure>

#### Browsing The Marketplace

Click **Browse Templates** to open the PayNow Marketplace — a collection of ready-made templates you can install directly into your store without uploading anything.

Each template card shows:

* A preview image of the template
* The games it supports (e.g. Rust, Garry's Mod, Minecraft)
* Its price (most templates are currently free)

Click **View Details** on any template to see its description, features, and metadata like access to source files and last updated date. When you're ready, click **Install Template** to add it to your store. Installed marketplace templates appear in your Templates list alongside any custom templates you've made.

#### Creating A Custom Template

If you have a template from a web developer, a third-party theme shop like [Astinox's Custom Outpost Theme](https://lone.design/product/paynow-template-outpost-theme/), or you want to build your own from scratch, click **New Custom Template**.

You'll be asked to give the template a name, and optionally enable compatibility mode if you're importing a theme from another platform such as Tebex.

<figure><img src="https://2548055575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEfAasB0XXVFpgzmjUh8U%2Fuploads%2F12L38LpYhWSdm42MsgM8%2Fimage.png?alt=media&#x26;token=e42a6e10-df59-4acd-8354-f92cdc2a35ac" alt=""><figcaption></figcaption></figure>

After hitting create, you'll land on the main page for your template. From here you can upload theme files from a web developer or theme shop, create template variables, and open the File Editor to make changes directly from the dashboard.

{% hint style="info" %}
Located at the top right, you can click on the **Set as active** button if you wish to set the template you're viewing as the main theme for your webstore.
{% endhint %}

<figure><img src="https://2548055575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEfAasB0XXVFpgzmjUh8U%2Fuploads%2F4dA5n9jHnHnTn77AWVfd%2Fimage.png?alt=media&#x26;token=30e06293-bfc4-4851-89d1-32633dbd4ce5" alt=""><figcaption></figcaption></figure>

Setting the theme you're actively viewing as the active one will display a new **Live Template Preview** button at the top, making it much easier to quickly preview any changes you're making.

<figure><img src="https://2548055575-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FEfAasB0XXVFpgzmjUh8U%2Fuploads%2FB2OvxiqRfYaVbMXIctIC%2FimagePNG?alt=media&#x26;token=ab97e294-55d0-4534-a7b5-0cb39cd1eef5" alt=""><figcaption></figcaption></figure>

***

## Variables

Easily create a new variable for your template by simply clicking on **New Variable** button which will open this page.&#x20;

When creating a new variable it'll ask for the following:

* Name
* Type (Text/Number/Boolean/HTML/JSON (Object)
* Variable
* Value

<figure><img src="/files/XqtBuma4fV6SrS5kGrkM" alt=""><figcaption></figcaption></figure>

***

## File Editor

Straight from Paynow's dashboard you can easily open our template editor to browse and edit files within your theme. Simply click on the Open Template Editor button.

<figure><img src="/files/hJqglgzaLwhdvvKs9jUC" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
The file editor is currently a work in progress which you may encounter bugs. We will update this article once it's complete!
{% endhint %}

Here's an example view of the template editor giving you full access to the uploaded theme files to edit and preview for your webstore! To go back to the dashboard you can click on the **Back to Dashboard** button located in the bottom left.

<figure><img src="/files/N9ZTmRPTFruhU548uqtQ" 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://guides.paynow.gg/appearance/webstore.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.