The page editor with a live preview and toolbars
How the editor is laid out
The editor screen is made up of a few areas worth getting to know from the start.Top bar (toolbar)
Here you see which page you’re editing, the Desktop / Mobile switch, edit mode, a preview on the live site, and the Publish button.
Page bar (below the toolbar)
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.
Colored section bars (on the left)
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.
Vertical toolbar (on the right)
A set of icons: add block, page structure, navigation, templates, design, settings, and the AI generator. This is your command center.
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.Editing: page name
Shows which subpage you’re currently editing. If you have unsaved changes, a • unsaved label appears next to it.
Desktop / Mobile
A switch between the computer and phone views. Check both — most players come in from a phone.
Edit on page
Turns edit mode in the preview on and off. When it’s on, you can click and fix text right on the page.
Open
Opens your page in a new tab — just as a player sees it.
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.Home page
The first page players see. Always visible at the main address — it can’t be deleted.
Standard pages
Ready-made subpages that create themselves: store, servers, order status, voucher redemption, terms, privacy policy. Marked as fixed.
Custom pages
You add them with the + Page button. Perfect for subpages like “Promotions”, “About the server”, or “Contact”.
Page settings
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:1
Page title
The name shown in the menu and on the page tab, e.g. “Promotions”.
2
Address (slug)
The end of the page’s address, e.g.
promotions. On standard pages the address is fixed and can’t be changed.3
Show in navigation
Check this if you want the page to appear in the store’s top menu.
4
Delete page
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.Hero
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.
Announcement banner
A highlighted message for players, e.g. about a promotion or an event.
Modes / store
A section presenting the server’s modes and a link to the store.
Goal of the month
A progress bar showing how much is left to reach the goal for the month.
Recent purchases
A list of freshly made purchases — it builds trust and encourages others.
Top players
A ranking of the biggest supporters of the server.
Staff
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.Store (catalog)
A list of your products. You can pin the catalog to a specific server, or let players choose the mode.
Server list
A presentation of your Minecraft servers.
Order status
A field where a player checks the status of their order.
Voucher redemption
A field for entering and redeeming a voucher code.
Legal content
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.Section
A container for a whole section: you set the height (vertical spacing), content width, and background color.
Row (columns)
Arranges elements side by side in columns. You set the spacing and the vertical alignment.
Column
A single column inside a row. You set its width (1×, 2×, 3×).
Custom blocks
Simple building blocks you use to build any content.Text
A paragraph of text (with support for simple formatting) with an optional heading and alignment.
Heading
A heading on its own — you choose the level (large
H1, medium H2, smaller H3) and alignment.Image
Insert a graphic from a URL, add a description, set the width, link, and rounded corners.
FAQ
A list of questions and answers (collapsible), with your own section heading.
Call to action (CTA)
A highlighted block with a heading, subtitle, and a button encouraging action.
Button
A single button with text, a link, an icon, and a style (Brand / Dark / Outline).
Promo banner
A colored bar with text and an optional button — gradient or dark style.
Spacer
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.
Editing content — just click
Editing is simple: you click what you want to change.1
Turn on edit mode
Make sure the Edit on page button is active (highlighted). Then the preview responds to clicks.
2
Click an element in the preview
Hover over a text, heading, or button and click it. The editor will highlight the selected element.
3
Edit the text directly
Many texts you can fix right in place (so-called inline editing) — just select the text and type a new one.
4
Open the block settings
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:Entrance animation
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.
Size and spacing
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.
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:Color and background
Change the text color and the background color behind it. You can reset any color at any time.
Size and weight
Set the letter size (in pixels) and the weight (normal, semibold, bold, extra bold).
Alignment
Align the text to the left, center, or right.
Spacing and rounding
Add spacing above and below, and round the corners of the background behind the text.
Page structure
The Structure icon on the toolbar shows the whole page as a list of blocks — handy when the page is long.Rearranging
Grab a block by its handle and drag it up or down to change the order.
Show / hide
The eye icon hides a block without removing it — useful when you want to tuck something away temporarily.
Removing
The trash bin removes a block from the page completely.
Defaults
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
Name in the bar
The store’s text name. Leave empty to use the store name.
Store logo
Upload your own logo file (PNG/JPG/WebP) — it replaces the text. Alternatively you can paste a logo URL. Empty = the default icon.
The 'Store' button
Change the label of the main button leading to the catalog — or hide it completely.
'Online' counter
Turn it on to show the number of players online in the bar.
Logo height
Set the logo height in pixels (or leave it automatic).
Bar width
Set the maximum width of the navigation bar.
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.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.Server IP
The address players use to join the server (it also appears in the “copy IP” bar in the hero).
Discord
The invite link to your Discord — shown as a card in the footer.
Community member count
The number shown next to the Discord card — it builds trust.
Social media
Links to YouTube, TikTok, Facebook, and Instagram.
Discord card
Hide the card or change its heading and subtitle.
Legal note and copyright
Company information (e.g. name, tax ID, address) and your own copyright text.
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.Single-page templates
The Templates icon on the toolbar offers ready-made layouts that you insert into the current page with a single click:Hero section
Heading + description + button, centered.
Two columns
A row with two columns (heading + text in each).
FAQ + CTA
The most common questions and a call to action.
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:Forge
Dark with orange — versatile (the default).
Lava
Dark, energetic orange.
Crimson
Dark, pixel, red.
Mint
Light, green, clean.
Nebula
Dark purple, glossy.
Font and brand colors
Font
Choose a typeface for the whole store: Poppins (the default), system, monospace, serif, or rounded.
Brand color
Your store’s main color — used, among other places, on buttons and accents.
Accent color
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. 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.1
Describe what to add
Type a command in your own words, or click one of the ready-made hints.
2
Check the proposal
The generator will show which blocks it intends to add and a short summary.
3
Add to the page
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.1
Polish the page
Arrange the blocks, fix the text, and pick the colors the way you want.
2
Check the preview
Look through the page in Desktop and Mobile view to make sure everything looks good.
3
Click 'Publish'
Only this button saves the changes to the live site — from that moment your players see them.