> From the BotGhost docs: https://botghost.com/docs/botpanel/website > Every page: https://botghost.com/docs/llms.txt # 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 `.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](https://botghost.com/docs/content/assets/workspace/botpanel-web-header.png) *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](https://botghost.com/docs/botpanel/website/templates-and-layouts), [Design](https://botghost.com/docs/botpanel/website/design) and [SEO and sharing](https://botghost.com/docs/botpanel/website/seo-and-sharing). - **Pages**: every page your site can have, each with its own editor and a switch. See [Pages](https://botghost.com/docs/botpanel/pages). - **Navigation**: the links at the top, the buttons at the top right and the bottom of every page. See [Navigation](https://botghost.com/docs/botpanel/website/navigation). - **Dashboard**: the server dashboard, Sign in with Discord and who gets in. See [Server dashboard](https://botghost.com/docs/botpanel/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](https://botghost.com/docs/content/assets/workspace/botpanel-web-save-bar.png) *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 ### Step 1: Build it Pick a template or a layout on the **Design** tab, change what you like and press **Save**. ### Step 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. ### Step 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](https://botghost.com/docs/botpanel/plans) for what each plan includes.