SPAWNIX

Build your website

Create pages, lay them out in the editor, add a navigation menu and publish your guild's public site.

Every guild gets a public website at its own address, built from pages you design in the dashboard. You drag blocks onto a page, line them up on a grid, preview it, and publish when it's ready. No code, no hosting to set up.

Open the builder from Website pages in the sidebar (under Forge), or press G then W.

Who can build the site

Owners and admins create, edit, publish and delete pages, and change the site theme. Members can open Website pages but can't change anything. See roles and ranks for how dashboard roles work.

Your site's address

Your site lives at yourguild.spawnix.gg, using the URL slug you picked when you created your guild. That address is permanent, so it's the one to put in your Discord, your in-game bio and your recruitment posts.

Each page sits at its own path: a page with the slug about is at yourguild.spawnix.gg/about.

Pages

Create a page

  1. Go to Website pages and click New Page (or Create your first page if you have none yet).
  2. Type a Page Name, like "Home", "About" or "Join us". Underneath, you'll see the URL slug it will get.
  3. Click Create Page. The editor opens on your new, empty page.

How slugs work

You don't type the slug yourself: it's made from the page name. Spaces become hyphens, letters become lowercase, and anything that isn't a plain letter, digit or hyphen is dropped. "Raid Schedule!" becomes raid-schedule. A name with nothing left after that (one written only in another alphabet, or only symbols) gets a numbered slug such as page-2.

A few slugs are used by Spawnix itself and are refused: dashboard, login, invite, forgot-password, reset-password, forum, assets, app-assets, api, auth, health, season and members. Two pages can't share a slug either. If a page is refused, the message says why.

The slug is set when the page is created. Renaming a page in the editor changes only its name: its address stays the same, so your home page and links in your menu keep working. To give a page a different address, create a new page with the name you want.

Which page is the home page

The page visitors see at your bare address is the published page with the slug home. If you don't have one, it's the oldest published page. The easy rule: call your main page "Home".

Publish and unpublish

New pages start unpublished, and only published pages appear on your site.

  1. Make your changes and click Save (or press Ctrl+S).
  2. Click Publish. The button turns into Unpublish, which takes the page off the site again without deleting it.

You have to save before you can publish: while there are unsaved changes, the editor shows Unsaved and the Publish button waits.

Until at least one page is published, visitors see a note that your guild hasn't published any pages yet.

Delete a page

On Website pages, click the bin icon on the page's card and confirm.

The editor

The editor has three parts: the Add to page palette on the left, your page in the middle, and a settings panel on the right for whatever you've selected.

Along the top you'll find undo and redo, the Desktop view and Phone view buttons, Theme, Preview, Save and Publish.

Sections and blocks

A page is a stack of sections, top to bottom. Most sections are grids that hold blocks: headings, text, pictures, buttons, live guild widgets and more.

  • Click a section to select it. Its tab lets you move it up or down, Duplicate it, Delete it, or drag it to a new spot.
  • With a section selected and no block picked, the right panel sets its Background (a color, a picture with a focus point, and an overlay to keep text readable) and its Height.
  • Click any tile in the palette to add it, or drag it to exactly where you want it.

For what every block and section does, see page blocks.

The palette groups

Group What's in it
Blocks Content you write: heading, text, image, button, video, shape, embed, notice card, countdown, muster board
Guild widgets Live data from your guild: roster, events, polls, application form, and (depending on your game and add-ons) loot, items, fleet and memorial
Sections A Blank section plus ready-made sections for your game
From the marketplace Sections you've installed from the marketplace
Classic sections Older, full-width sections: Hero, About, Text, Image, Navigation, Section / Spacer, Roster and Events

The snap grid

Blocks sit on a grid of 24 columns on desktop. Drag a block to move it and pull its handles to resize it; it snaps to the grid so things line up without fuss. Double-click a text block or heading to type straight onto the page.

The grid scales with the screen, so a layout keeps its shape on a small laptop and a wide monitor alike.

Phone layout

Phones get a narrower grid of 8 columns. You have two choices:

  • Leave it automatic. On phones, blocks stack in reading order, top to bottom. For most sections this looks right with no extra work.
  • Arrange it by hand. Click Phone view in the top bar, then move or resize a block. That section now has its own phone layout. Blocks you add to it later are stacked below.

To undo a hand-made phone layout, select the section and click Reset to automatic phone layout.

Keyboard shortcuts in the editor

Keys What they do
Ctrl+S Save
Ctrl+Z Undo
Ctrl+Shift+Z or Ctrl+Y Redo
Delete or Backspace Delete the selected block
Ctrl+D Duplicate the selected block
Arrow keys Nudge the selected block one grid cell
Shift + arrow keys Nudge four cells
Esc Deselect the block

On a Mac, use Cmd in place of Ctrl.

The navigation menu

Your site's menu is a section like any other: the Navigation tile under Classic sections. Add it at the top of a page, then in its settings:

  • pick a Menu Layout: Horizontal (logo left), Centered Logo or Vertical / Stacked;
  • turn on Sticky (pin to top) to keep it visible while visitors scroll;
  • set Logo Text, or a Logo Image (overrides text);
  • add links under Navigation Links with Add Link. Each link has a label and a URL, like /about for one of your pages or a full https:// link for anything else.

The menu belongs to the page it's on, so each page needs its own. Build it once on your home page, then copy it: on a new page, add a Navigation section and fill in the same links.

The forum and profiles on your site

Some pages are built in, and you don't create them:

  • Forum at /forum. Anyone can read your public forum categories there, even without an account. Posting still happens in the dashboard. See forums.
  • Member profiles at /members/<username>, for members who turn on Show my profile on the guild website in their profile. See profiles and characters.
  • Season recap at /season, when you share your renown on the site. See renown and seasons.

These pages use the menu from your home page, so they feel like part of your site. Add a Forum link (URL /forum) to your home page's menu so visitors can find it.

Build your first home page

Here's a quick route to a home page you can be proud of.

  1. Go to Website pages, click New Page, name it Home and click Create Page.
  2. Under Classic sections, click Navigation. Set your Logo Text to your guild's name and add links: Home (/), Forum (/forum) and any other pages you plan.
  3. Under Sections, add a banner-style section for your game (or Blank section if you'd rather start clean). Select it and set a Background picture; raise the overlay strength until white text reads well over it.
  4. Double-click the heading and type a one-line pitch, like "Casual raiders, Tuesday and Thursday nights".
  5. Add a Button block. Set its Label to "Apply" and its Link to #apply.
  6. Add another section, and drop in an Application form from Guild widgets. Write your questions on the Recruitment page and open applications there.
  7. Add a Roster or Events widget so visitors see that the guild is alive.
  8. Click Phone view and check that everything reads well stacked. Fix anything that looks off.
  9. Click Preview to see the page without the editor, then Exit Preview.
  10. Click Save, then Publish. Visit your site's address to see it live.

Tips and tricks

  • Point buttons at #apply to jump visitors straight to the Application form on the same page. It's the shortest path from "this looks cool" to an application.
  • Build a page you're not ready to show? Leave it unpublished. You can link to it from nowhere and keep working on it for weeks.
  • Use Duplicate on a section you've styled (background, overlay, height) and swap its blocks. It's much faster than styling each one from scratch.
  • Set block colors to a theme color rather than a fixed one. Then a single change in the site theme recolors the whole site.
  • Check Phone view before every publish. Most visitors from Discord tap your link on a phone.
  • Keep page names short and plain. They become your addresses, and "Join us" (/join-us) is easier to share than "Join Us!!! (Recruiting)".