> ## Documentation Index
> Fetch the complete documentation index at: https://andcze.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.
# Page editor
> Build your store's look visually, with a live preview and one-click publishing.
The page editor is a visual builder where you put together your store's look from ready-made blocks — no coding knowledge needed. Everything you change shows up instantly in the live preview, exactly as your players will see it.
## How the editor is laid out
The editor screen is made up of a few areas worth getting to know from the start.
Here you see which page you're editing, the **Desktop / Mobile** switch, edit mode, a preview on the live site, and the **Publish** button.
A list of all your store's subpages (home, store, terms, and so on). This is where you switch between pages and add new ones.
Every page block has its own colored bar on the left. That way you can see at a glance how many sections the page has and where each one starts and ends. Clicking a bar scrolls the preview to that section.
A set of icons: add block, page structure, navigation, templates, design, settings, and the AI generator. This is your command center.
The middle of the screen is the **live preview** — your page exactly as it really is. You click elements in it to edit them. At the very top of the section bar there's also a separate **Navigation (navbar)** field, and at the very bottom a **Footer** field — click them to edit the top menu and the footer.
When you select a block, its settings open as a small panel on the right side of the preview. Tool panels (for example "Add block") open on the left side. That way you never lose sight of the page.
## The top toolbar
This is where you steer all your work on the page.
Shows which subpage you're currently editing. If you have unsaved changes, a **• unsaved** label appears next to it.
A switch between the computer and phone views. Check both — most players come in from a phone.
Turns edit mode in the preview on and off. When it's on, you can click and fix text right on the page.
Opens your page in a new tab — just as a player sees it.
The **Publish** button is only active when you have unsaved changes. If it's grayed out, it means everything has already been saved.
## Pages and subpages
Your store isn't just the home page. In the page bar (below the top toolbar) you see all your subpages and switch between them with a single click.
The first page players see. Always visible at the main address — it can't be deleted.
Ready-made subpages that create themselves: **store**, **servers**, **order status**, **voucher redemption**, **terms**, **privacy policy**. Marked as **fixed**.
You add them with the **+ Page** button. Perfect for subpages like "Promotions", "About the server", or "Contact".
The button on the right of the page bar. It opens the settings for the currently selected subpage.
### Settings for a single page
After clicking **Page settings** (for a page other than the home page) you can change:
The name shown in the menu and on the page tab, e.g. "Promotions".
The end of the page's address, e.g. `promotions`. On standard pages the address is fixed and can't be changed.
Check this if you want the page to appear in the store's top menu.
You can delete custom pages completely. Standard pages can only be **hidden from the store** — their address stays active, but they disappear from the menu and footer.
Standard pages (terms, privacy policy, order status) are editable like any other — you can add your own blocks, text, and graphics to them. If you hide such a page, you can bring it back later with a single click.
## What a page is made of — blocks
A page is a set of blocks stacked one below another. You can add, remove, and rearrange them. In the **Add block** panel (the **+** icon on the toolbar) the blocks are grouped:
### Home page sections
These are ready-made, "smart" sections that pull data from your store on their own. You can add each of them only once.
A large welcome banner at the very top — the first thing a player sees. You can set a skin render (by the player's nickname or from your own image) and your own buttons.
A highlighted message for players, e.g. about a promotion or an event.
A section presenting the server's modes and a link to the store.
A progress bar showing how much is left to reach the goal for the month.
A list of freshly made purchases — it builds trust and encourages others.
A ranking of the biggest supporters of the server.
A presentation of the server's staff team (nickname + role).
### Store sections
These are full store features packed into a block. Thanks to them, pages like "store" or "order status" are fully editable.
A list of your products. You can pin the catalog to a specific server, or let players choose the mode.
A presentation of your Minecraft servers.
A field where a player checks the status of their order.
A field for entering and redeeming a voucher code.
A section with the terms or privacy policy.
### Layout (containers)
Blocks you arrange other blocks inside of — handy when you want, say, two columns side by side.
A container for a whole section: you set the height (vertical spacing), content width, and background color.
Arranges elements side by side in columns. You set the spacing and the vertical alignment.
A single column inside a row. You set its width (1×, 2×, 3×).
To add an element **inside** a container (e.g. a heading into a column), first select the container, and only then pick a block from the palette. The element will land inside it.
### Custom blocks
Simple building blocks you use to build any content.
A paragraph of text (with support for simple formatting) with an optional heading and alignment.
A heading on its own — you choose the level (large `H1`, medium `H2`, smaller `H3`) and alignment.
Insert a graphic from a URL, add a description, set the width, link, and rounded corners.
A list of questions and answers (collapsible), with your own section heading.
A highlighted block with a heading, subtitle, and a button encouraging action.
A single button with text, a link, an icon, and a style (Brand / Dark / Outline).
A colored bar with text and an optional button — gradient or dark style.
An empty gap (small / medium / large), when you want to separate sections.
There's also an **HTML / CSS** block for people who want to paste in their own ready-made piece of code. This is an advanced option — if you don't know what it is, feel free to skip it. Everything can be built from the other blocks.
You don't have to use every block. Start with a few of the most important ones (hero + product catalog), and add the rest gradually, as you need them.
## Editing content — just click
Editing is simple: you click what you want to change.
Make sure the **Edit on page** button is active (highlighted). Then the preview responds to clicks.
Hover over a text, heading, or button and click it. The editor will highlight the selected element.
Many texts you can fix right in place (so-called inline editing) — just select the text and type a new one.
More extensive options (e.g. colors, number of columns, what a block shows) open in the settings panel on the right, after you click the block.
### Editing store data right on the page
When you click a product name or a server description in the preview, the editor lets you fix that data right away — without going into a separate tab. Such a change saves immediately into your store data (it doesn't wait for publishing).
Editing a product's or server's name/description changes the **real store data**. It's a handy shortcut, but remember that players will see it as soon as you save.
### Settings for every block
After clicking a block, in the panel on the right, besides that block's own fields you'll find two options common to all blocks:
Choose how the block should appear when a player scrolls to it: fade in from below, from above, or zoom in. Or leave it as **None**.
Set the block's width (full, 3/4, half, 1/3), minimum height, and spacing above and below. The width applies to the computer view — on a phone the block always takes up the full width.
You can also change a block's width and height by **dragging its edges** directly in the preview — that's often faster than typing in numbers.
### Style of selected text (the bar above the element)
When you click a single piece of text (e.g. a hero heading), a small bar appears above it for precise styling of that exact element:
Change the text color and the background color behind it. You can reset any color at any time.
Set the letter size (in pixels) and the weight (normal, semibold, bold, extra bold).
Align the text to the left, center, or right.
Add spacing above and below, and round the corners of the background behind the text.
If you overdo it with the styling, use the **Clear element styles** button — it goes back to the look that comes from the theme.
## Page structure
The **Structure** icon on the toolbar shows the whole page as a list of blocks — handy when the page is long.
Grab a block by its handle and drag it up or down to change the order.
The eye icon hides a block without removing it — useful when you want to tuck something away temporarily.
The trash bin removes a block from the page completely.
The **Defaults** button restores this page's layout to its starting state.
At the top and bottom of the structure list you can see the **Navigation bar** and the **Footer**. These are fixed elements on every page — click them to edit, or use the eye to hide or show them.
## Navigation bar (top of the page)
You edit the store's top menu in the **Navigation** panel. Click the menu icon on the toolbar (or the navigation bar itself in the preview).
### Look of the bar
The store's text name. Leave empty to use the store name.
Upload your own logo file (PNG/JPG/WebP) — it replaces the text. Alternatively you can paste a logo URL. Empty = the default icon.
Change the label of the main button leading to the catalog — or hide it completely.
Turn it on to show the number of players online in the bar.
Set the logo height in pixels (or leave it automatic).
Set the maximum width of the navigation bar.
You can also **hide the entire navigation bar** if you prefer a page without a top menu.
### Links and redirects
Add a menu item that leads to **any address** (e.g. Discord, terms on an external site, another service) — instead of to a store subpage. For each link you set the label, the address, and whether it should open in a new tab.
### What to show in the menu
Below the bar settings you'll find a list of all menu items (Home page and your subpages). The eye icon next to each item shows or hides it in the menu, and for custom pages the trash bin removes the page completely. You can also quickly rename an item here.
If the menu adds up to more than **4 items**, the editor will show a warning. Too long a menu clutters the header and looks bad on a phone — leave only the most important links.
## Footer (bottom of the page)
You change the footer in the **Footer** panel (click it in the preview or on the section bar). The footer appears on every subpage of the store.
The address players use to join the server (it also appears in the "copy IP" bar in the hero).
The invite link to your Discord — shown as a card in the footer.
The number shown next to the Discord card — it builds trust.
Links to YouTube, TikTok, Facebook, and Instagram.
Hide the card or change its heading and subtitle.
Company information (e.g. name, tax ID, address) and your own copyright text.
You can also **hide the entire footer** and adjust its height (spacing) and width.
You set the logo, footer, Discord, and server IP in one place — in the editor. You **don't** have to enter them separately in settings, because this data isn't duplicated. If you change them in the editor, they change across the whole page.
Changes to the footer only appear in the preview after you click **Publish** — the footer renders the saved store data.
## Computer and phone view
Most of your players will come to the store from a phone, so it's worth checking both views.
At the top of the editor you'll find the **Desktop / Mobile** switch. Switch to the phone view to make sure everything lays out nicely on a smaller screen too. Remember: on a phone the blocks always take up the full width, regardless of the width settings on the computer.
## Single-page templates
The **Templates** icon on the toolbar offers ready-made layouts that you insert into the current page with a single click:
Heading + description + button, centered.
A row with two columns (heading + text in each).
The most common questions and a call to action.
Choosing a template will **replace** the current layout of the active page. Everything stays editable, though — it's just a ready-made starting point.
## Look and colors — the Design panel
In the **Design** panel (the palette icon) you set the look of the whole store at once.
### Template (color variant)
You have a few consistent styles to choose from:
Dark with orange — versatile (the default).
Dark, energetic orange.
Dark, pixel, red.
Light, green, clean.
Dark purple, glossy.
Changing the template will **reset all your edits** to the new template's default layout. The editor will ask for confirmation — if you've already put a lot of work into the page, think carefully before changing it.
### Font and brand colors
Choose a typeface for the whole store: Poppins (the default), system, monospace, serif, or rounded.
Your store's main color — used, among other places, on buttons and accents.
An additional highlight color. You can leave it empty (then the color from the template will be used).
The colors and font apply to the **whole store** (all subpages) — it's the fastest way to give it a consistent look.
## Store settings from within the editor
The **Settings** panel (the gear icon) is a set of quick shortcuts to the places that affect the store's look: logo and store data, languages and translations, team and staff, and your own domain. You click a shortcut and go to the right panel tab.
## Sections you have to turn on first
Some blocks — for example **goal of the month** or **staff** — won't show to players until you set them up. If such a block is empty, the editor will show you a hint with instructions on what to do to get it running.
Treat these hints like a to-do list. Once you fill in the missing data, the block comes alive right away and appears on the page.
In the **Staff** block you add team members right in its settings — you enter the player's nickname (a skin render is shown based on it) and the role (e.g. "Owner", "Admin"). The list is saved on publishing.
## AI change generator
In the **AI Generator** panel (the sparkles icon) you have a helper powered by artificial intelligence. Just describe in your own words what you want to add to the page (e.g. "Add an FAQ section about payments and a button to the store"), and the generator will propose ready-made blocks.
Type a command in your own words, or click one of the ready-made hints.
The generator will show which blocks it intends to add and a short summary.
Click **Add to page** — the blocks will appear at the end of the current page. You can then rearrange and fix them however you like.
The AI generator **adds** blocks — it doesn't overwrite the whole page. It's a handy shortcut when you don't know where to start, or when you want to quickly create an FAQ section or a promo banner.
## Publishing changes
All the changes you make in the editor are, for now, just your working version — players don't see them yet.
Arrange the blocks, fix the text, and pick the colors the way you want.
Look through the page in Desktop and Mobile view to make sure everything looks good.
Only this button saves the changes to the live site — from that moment your players see them.
Until you click **Publish**, your changes won't reach players. If you're fixing something and the page "isn't changing", it most often means the changes are waiting to be published. The **• unsaved** marker in the top bar will remind you that you have something to publish.
## Good practices
* **Start with a few blocks** — hero + product catalog are enough to begin. Add the rest gradually.
* **Check the phone** — switch the view to Mobile after every bigger change. That's where most players come from.
* **Max. 4 items in the menu** — a short menu looks better and doesn't cover the header on a phone.
* **Be careful changing the template** — it wipes out your edits. Change the template at the start, not after hours of work.
* **Don't forget to publish** — no change reaches players until you click **Publish**.
* **Test live** — after publishing, click **Open** and check the page the way a player sees it.