> ## Documentation Index > Fetch the complete documentation index at: https://docs.deandesk.com/llms.txt > Use this file to discover all available pages before exploring further. # Website workspace > Manage all eight Website tabs, from public pages and blog posts to menus, media, and analytics. > [!NOTE] > > **School-level feature** — managed within your school portal at `yourschool.deandesk.com`.## Video walkthrough \ \[Download the video](/videos/tutorials/setup-website.mp4) · Download English captions > [!NOTE] > > This walkthrough uses the real DeanDesk interface with the fictional Northstar Academy demo school and a calm, AI-generated English voice. Payments and outside services are not connected in the demo.Screenshots use fictional Northstar demo data.Open **Website & Comms → Website**. Use this workspace for your school's public site and menu configuration. School name, timezone, and feature availability remain under [School Configuration](/setup/school-settings.md).## PagesThe **Pages** tab lists custom and built-in public pages. Search or filter the list, open a page's editor, preview it, and use the row actions to manage navigation placement or publishing where offered. Create a custom page with the create action.A built-in page is part of the school's public experience, such as the product catalog, login, signup, or donation page. Its available settings differ from a custom page. Review its enabled state and template rather than assuming every built-in page is a free-form document.See [Custom pages and the page editor](/lms/pages.md) for block editing, HTML, audience roles, slugs, previews, and publishing.![Northstar demo: Website — Pages](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--pages.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=73eb00f9af2d7fd80a4f54cc79536fd8)Northstar demo — Website — Pages[Open full-size screenshot](/images/dashboard/school/pages--pages.jpg)## BlogCreate and manage school blog posts in **Blog**. Edit the title, slug, excerpt, content, and cover image, then review the draft/published state and preview before publishing. Use the list controls to find and maintain existing posts. Blog content is separate from a course announcement or a chat topic.![Northstar demo: Website — Blog](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--blog.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=dbccaea6b2ad479b9bfc4987da67207a)Northstar demo — Website — Blog[Open full-size screenshot](/images/dashboard/school/pages--blog.jpg)## Built-In Page TemplatesManage reusable templates for the built-in public pages. Select a supported page type, use the **HTML** and **CSS** editor tabs to edit its content and styling, and preview the result. Templates affect how the corresponding built-in page is presented; they do not create a new course, product, or form. See [Built-in page templates](/lms/pages.md#built-in-page-templates).![Northstar demo: Website — Built-In Page Templates](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--built-in-page-templates.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=a1c3a4b8fb4c308e3d4e1552add90585)Northstar demo — Website — Built-In Page Templates[Open full-size screenshot](/images/dashboard/school/pages--built-in-page-templates.jpg)## DesignThe Design sections cover **Logo**, **Favicon**, **Typography & Title**, **Colors**, **Header Links**, **Preview**, **Global CSS**, and **Custom Fonts**. Review header visibility and sizes, font choices, color choices, and site-wide styling before saving. Image pickers let you choose from **Image Library** or **Upload New**.See [Branding](/setup/branding.md) for the individual settings and custom page theme behavior.![Northstar demo: Website — Design](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--design.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=00c934817893174ea544a6b08c7ce230)Northstar demo — Website — Design[Open full-size screenshot](/images/dashboard/school/pages--design.jpg)## Site NavigationUse **Header Navigation** for top-level links and dropdowns, **Footer** for footer links and copy, and **Home Page** for the public landing destination. The **Preview** section shows the result of your navigation choices.**1. Add or edit a destination**In Header Navigation, add a link or dropdown. Give it a clear label and choose its destination. For a dropdown, review each child link.**2. Order and preview**Arrange links in the order visitors should see them. Check the preview and confirm that the target page or product is available to the intended audience.**3. Save and test**Save the changes, then open the public school site and test the link as a visitor.![Northstar demo: Website — Site Navigation](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--site-navigation.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=a639578a7af46cc4b055718f23589d32)Northstar demo — Website — Site Navigation[Open full-size screenshot](/images/dashboard/school/pages--site-navigation.jpg)## App MenusUse **Main Sidebar**, **Dashboard**, **Mobile App Tabs**, and **Profile Menu** to choose which navigation items appear in the signed-in school experience. These controls change visibility; account roles and feature access still apply. See [School navigation](/setup/school-settings.md#navigation).![Northstar demo: Website — App Menus](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--app-menus.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=039d622d275cae1614659f6da52c2c6a)Northstar demo — Website — App Menus[Open full-size screenshot](/images/dashboard/school/pages--app-menus.jpg)## MediaMaintain the image library used by the website. Search the library, upload images, or add a supported image URL through the media dialog's **Upload** and **Image URL** tabs. Review image details and usage before removing an image that a page still references.![Northstar demo: Website — Media](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--media.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=be829c9e5e644179761a6a658667c2f6)Northstar demo — Website — Media[Open full-size screenshot](/images/dashboard/school/pages--media.jpg)## MarketingConfigure the analytics and tracking identifiers offered in **Marketing**, then save. See [Marketing analytics](/setup/branding.md#marketing-analytics) for supported tracking settings.![Northstar demo: Website — Marketing](https://mintcdn.com/deandesk/Ib88bqpYdQ7_QHTP/images/dashboard/school/pages--marketing.jpg?fit=max\&auto=format\&n=Ib88bqpYdQ7_QHTP\&q=85\&s=d6373d74722a2f827f3a81a68869afb9)Northstar demo — Website — Marketing[Open full-size screenshot](/images/dashboard/school/pages--marketing.jpg)## Save and preview changesSome tabs share a pending-changes bar. Save or discard those changes when prompted before leaving. Other editors have their own save or publish actions. A visual preview does not by itself publish a draft page.## Publish a blog post**1. Create the draft**Open **Blog** and click **New post**. Enter the **Post title** and **Post content**, then review the **URL slug**, **Author**, **Excerpt**, and optional **Tags (comma separated)**. The slug fills in from the title while the post is unpublished. Under **Cover image**, click **Choose Image** to pick from the **Image Library** or **Upload New**, then enter a **Cover image description**.**2. Preview and save**Click **Preview** to inspect the post (click **Write** to return to editing), then click **Save draft**. Draft edits do not replace the public version until you publish them.**3. Publish or withdraw**Click **Publish post** when ready, then use **View post** to open it on your public blog. After you edit a published post, the list marks it **Unpublished changes** and the button reads **Publish changes**. Use **Unpublish** to remove the public version while retaining its saved draft. A published post's URL slug is locked; unpublish it first if you need to change the URL.**Reusable blog templates** includes **Blog page**, **Post layout**, and **Feed cards**. The custom page HTML editor's **Insert blog feed** control can add a feed with a post limit, layout, and optional tag. Feed-card styling is reused across these feeds. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.