Creating and Managing Pages

Pages are the building blocks of your website. Each page has its own URL, can contain multiple sections of content, and can be included in your site navigation. Website Studio supports seven page types and walks you through page creation with a guided wizard that can pre-build your sections from a template.

Page Types

When you start a new page, the wizard asks you to pick one of seven page types. The page type controls which templates are offered and (in some cases) how the page appears on your site.

Note: You can only have one Home page. If a Home page already exists, the wizard will not let you create a second one -- that option will be disabled.

The Page Wizard

Page creation in Website Studio is a multi-step wizard. The wizard runs entirely in the browser (powered by Alpine.js) and walks you through three steps before saving the page.

To launch it:

1. Go to Website Studio > Pages.
2. Click the Create Page button.

Step 1 -- Pick a Page Type

The wizard shows a card for each of the seven page types (Home, About, Contact, Events, Groups, Giving, Custom). Click the card that matches the page you want to build. The Home card is disabled if a Home page already exists.

Step 2 -- Pick a Template

After choosing a page type, the wizard offers one to three templates depending on the type. Each template is a starting point: when you save, Website Studio automatically creates the listed sections in the new page so you do not start with a blank canvas.

Tip: Pick Blank if you want to design the page from scratch, Starter for the essentials, and Full (Home and About only) if you want a feature-rich page out of the box. You can always add, remove, or reorder sections after the page is created.

For deeper guidance on choosing the right template, see Page Templates and the Wizard.

Step 3 -- Page Details

In the final step you fill in:

• Title -- The page name (e.g., "About Us"). This is also pre-filled from the page type's default title (for example, "Home" or "Contact Us").
• URL Slug -- The URL path for the page (e.g., about-us). Leave blank to auto-generate from the title.
• Meta Description -- A brief summary for search engines (up to 500 characters). Used as the page's default description if no per-page Open Graph image is set.
• Show in Navigation -- Add this page to your main menu.
• Menu Label -- Optional shorter label for the navigation menu (defaults to the page title).
• Menu Order -- Position in the menu (lower numbers appear first).
• Published -- Make the page live immediately. Leave unchecked to start as a draft.

Click Create Page to save. The page is created, the template's sections are inserted in order, and you are taken to the page editor to start customizing content.

Tip: URL slugs can only contain letters, numbers, dashes, and underscores. Spaces are not allowed. The Home page slug is fixed and cannot be changed.

Editing a Page

1. Go to Website Studio > Pages.
2. Click on the page title or the edit icon to open the page editor.
3. The page editor has two areas:
   • Left side (main area): Your page sections, listed in order. You can add, reorder, edit, toggle visibility, and delete sections here.
   • Right side (sidebar): Page settings including title, URL slug, meta description, and navigation options.
4. Make your changes and click Save Settings to update the page configuration.

Page Settings

In the page editor sidebar, you can configure:

• Title -- The page name displayed in the browser tab and breadcrumbs.
• URL Slug -- The URL path. The home page slug cannot be changed.
• Meta Description -- A short description for search engine results (recommended: 150-160 characters).
• Open Graph Image -- A page-specific social share image. See SEO Settings for size guidance.
• Show in Navigation Menu -- Whether this page appears in your site navigation.
• Menu Label -- An optional short label for the menu (if different from the title).
• Menu Order -- The position of this page in the navigation (0 = first).

Publishing and Unpublishing Pages

Pages can be in one of two states:

• Published -- The page is live and visible to the public.
• Draft -- The page is only visible to admins in the admin panel.

To publish a page:

1. Open the page in the editor.
2. Click the Publish button in the top right corner.

To unpublish a page:

1. Open a published page in the editor.
2. Click the Unpublish button.

Tip: You can also toggle publish status from the page editor sidebar by checking or unchecking the "Published" option before saving.

Duplicating a Page

If you want to create a new page based on an existing one:

1. Go to Website Studio > Pages.
2. Find the page you want to duplicate.
3. Use the duplicate action for that page.
4. A copy of the page is created with "(Copy)" appended to the title. The copy starts as a draft and includes all the same sections as the original.

Deleting a Page

1. Go to Website Studio > Pages.
2. Find the page you want to delete.
3. Click the delete (trash) icon.
4. Confirm the deletion when prompted.

Important: The Home page cannot be deleted. Deleted pages are soft-deleted in the database (see Publishing Your Website for recovery details), but there is no admin restore UI.

Filtering and Searching Pages

The pages list includes filters to help you find pages quickly:

• Search -- Type a page title or slug to filter the list.
• Status -- Filter by Published or Draft.
• Type -- Filter by page type (Home, About, Contact, etc.).

Click Filter to apply your selections, or Clear to reset all filters.

Previewing a Page

From the page editor, click the Preview button to open the page in a new browser tab. This lets you see exactly how the page looks to visitors.

Note: Draft pages can still be previewed by admins using the direct URL, but they will not appear in the public navigation or be accessible to regular visitors.

Next Steps

• Page Templates and the Wizard -- Deep dive into each template
• Website Sections -- Learn about the different section types you can add to your pages
• Publishing Your Website -- Understand the publish workflow