Unlimited Credits is now available for just $10 with a one-time payment! Upgrade today before this limited-time offer ends.
Website Builder

Website Builder

Create a static website from ready-made blocks, customize it visually, and publish it directly to an X Systems web server.

Beta and currently free

The Website Builder is in beta and is currently free to use with an active X Systems web hosting server.

What the builder includes

FeatureCurrent support
Blocks45 blocks split across 9 categories, with 5 blocks in every category.
PagesCreate a home page and additional pages with their own names and URL paths.
EditingChange text, buttons, links, images, colors, fonts, spacing, alignment, layout, and roundness.
PreviewSwitch between desktop and mobile previews while building.
HistoryUndo and redo recent builder changes.
PublishingSave drafts or publish the generated site directly to the selected web server.

Before you start

  • You need an active X Systems web hosting server.
  • The selected server should be used for a static website.
  • You need a Pterodactyl Client API key the first time you connect the builder.
  • Download a separate copy of important files before replacing an existing website.

Connect the builder

  1. 1
    Open Website Builder from the web hosting dashboard.
  2. 2
    Open the Pterodactyl panel and create a Client API key from your account settings.
  3. 3
    Paste the key into the builder connection screen and save it.
  4. 4
    The builder checks the key, stores it securely, and hides it after it is saved.
  5. 5
    Select the web server where the website should be created.

Build your first page

  1. 1
    Open a block category on the left side.
  2. 2
    Click a block to add it to the current page.
  3. 3
    Select the added block and change its content and design settings.
  4. 4
    Drag blocks into the order you want. You can also duplicate or remove them.
  5. 5
    Open Pages to add more pages or change the site-wide design settings.
  6. 6
    Use Save to keep a draft, or Publish to update the live website.

What gets published

The builder writes the website into the server's /public folder. The home page becomes /public/index.html. Other pages are created as folders, such as /public/about/index.html, so the live URL can use /about.

Shared builder styles and assets are stored in /public/xsystems-builder. A successful publish also restarts the selected web server so the new files are loaded.

What it is made for

Good fit

  • Landing pages
  • Portfolio and business sites
  • Community and project pages
  • Pricing, FAQ, contact, and information pages
  • Static HTML, CSS, images, and browser JavaScript

Use normal web hosting instead

  • PHP websites
  • Python or Node.js applications
  • Databases and login systems
  • APIs and backend services
  • Server-side form processing