Website builder

Build your bot's website in BotPanel > Website, see each change in the preview, and put it live at your botghost.app address.

Your bot's website is built in BotPanel > Website in your bot's dashboard. The settings are on the left and a live preview of the site is on the right. The site lives at <your bot's ID>.botghost.app, and nobody can see it until you put it live.

Saving the website never touches your bot: there's no bot save and no restart.

The top of the Website page with the Live chip, the address and Copy, Your own domain, Open website, Take down, and the Design, Pages, Navigation and Dashboard tabs

BotPanel > Website

  • A Whether the site is up. Live says since when; Not live means nobody can see it yet.
  • B Your website's address. Copy puts it on your clipboard.
  • C Open website opens the live site in a new tab. It only shows while the site is live.
  • D Take down, or Go live while the site is down.
  • E The four tabs. The one you're on is red.

The four tabs

  • Design: templates, the layout, the look, your own domain, and SEO and sharing. See Templates and layouts, Design and SEO and sharing.
  • Pages: every page your site can have, each with its own editor and a switch. See Pages.
  • Navigation: the links at the top, the buttons at the top right and the bottom of every page. See Navigation.
  • Dashboard: the server dashboard, Sign in with Discord and who gets in. See Server dashboard.

A one page layout has a single page and no menu, so it shows only Design and Dashboard.

The preview

The preview is your real website in a frame, drawn by the same code visitors get. It shows your changes as you type, before you save. You can click through its pages, and opening a page's editor on the Pages tab opens that page in the preview.

The line under the preview says what you're looking at:

  • Your changes, not saved yet. The preview shows your draft. Visitors still see the last save.
  • What visitors see now. Saved 5 minutes ago. Nothing is waiting to be saved.

The address bar above the preview shows your site's address, with Not live beside it while the site is down.

Saving

Changes wait in a draft until you save. As soon as you change something, a bar pops up at the bottom of the page.

The save bar at the bottom of the Website page with Undo all and Save, and the line under the preview

The save bar, with the preview above it

  • A The line under the preview: Your changes, not saved yet.
  • B The bar's message: You have changes that are not saved. A field with a problem turns red and the bar says Fix the fields marked in red to save, with Show me to take you to it.
  • C Undo all throws away everything since your last save. It asks once (Undo everything?) before it does.
  • D Save puts your changes on the site. If the site is live, visitors see them straight away.

Going live

  1. 1

    Build it

    Pick a template or a layout on the Design tab, change what you like and press Save.

  2. 2

    Go live

    Press Go live at the top of the page. With unsaved changes the button says Save and go live and saves them first, so the site never goes up with an old design.

  3. 3

    Share it

    A card says your website is live, with the address and Open website. Put the address in your bot's Discord profile, your support server, or anywhere you list your bot.

With BotPanel Plus, a bot that has never had a website opens on a ready made one instead: the All in one template with your bot's name and commands and every page on. Press Launch website to put it live, then change anything you like.

Taking it down

Take down hides the site from everyone. Press it twice: it asks Take it down? first. Your design, pages and settings stay as they are, and Go live puts the same site back.

Start over, at the bottom of the Design tab, takes the site down and forgets the design and pages. Your bot, its commands and its data aren't touched. Press it twice to confirm.

Who can change it

The bot owner, and collaborators with the Manage BotPanel permission. Anyone else with access to the bot sees the page with a note that they can look but not change.

Plan marks

Settings that need a plan carry a small mark. A gold crown is Premium; a purple gem is BotPanel Plus, with a lock while your bot doesn't have it. While the beta runs, a Plus part your bot can use shows a Beta mark instead. See Plans for what each plan includes.