> For the complete documentation index, see [llms.txt](https://fresh-hub-docs.boostheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://fresh-hub-docs.boostheme.com/create-a-page.md).

# Create a page

## 1. Create a new page

* In your HubSpot account, navigate to **Marketing >** **Website >** **Landing Pages or Website Pages**.

![](/files/-MavkeLsahKEUpNtZ2vN)

* In the upper right, click the **Create** dropdown menu and select **Website page** or **Landing page**.

![](/files/-MavlYXa3E-N14Uy_BP7)

* Click a theme you want to use for the page.

![](/files/-MavoQl0VUY6tJ1966Kj)

* Hover over a template and click **Preview** in the upper right to see how it will appear on desktop or mobile device. To create a new page with this template, click **Use template** in the upper right.

![](/files/-MavpSOX32mS2B3q7rMX)

{% hint style="info" %}
You can pick the **Home** template if you want to create a homepage.
{% endhint %}

* Give your page an **internal page name** and click **Create page**.

![](/files/-Mavq9ImnjkXzjRvqetQ)

## 2. Edit an existing page

* In your HubSpot account, navigate to your **landing pages** or **website pages**. 
* Hover over an existing page in your dashboard and click Edit.

![](/files/-Maw972a-StB0m8QwEUI)

## 3. Edit your page content

Within the page editor, you can edit the contents of each module in your template. Please refer to [this guide](https://knowledge.hubspot.com/website-pages/edit-page-content-in-a-drag-and-drop-area) for more details.

## 4. Edit content in a module

In the **Contents** tab on the left, you can view and edit all the modules in your page template. If your page contains global content, such as a page header, you'll edit this in your page within the global content editor.

To edit a module's contents, hover over the module and click the **pencil icon**.

![](/files/-MawAg8tE7fkO0ty0Top)

Some module types, such as headings, can be edited inline directly on the page preview. Clicking a module will also open its editing options in the left panel. Learn more about common [content options for each module type](https://knowledge.hubspot.com/cos-general/use-default-modules-in-your-template).

![](/files/-MawBWbvDmagF4CFjyhA)

To view a complete list of all modules on your page, click the **Contents** tab on the left panel. Then click a specific **module** from the list to edit its content options.

Most templates in Fresh Hub contain a [drag and drop area](https://designers.hubspot.com/docs/tutorials/drag-and-drop-areas), so you can add or rearrange your modules in the page editor.

{% hint style="warning" %}
**Please note:** only edits made during the current session in your web browser will be available to undo or redo. If you refresh the page editor, your previous edits will no longer be available.
{% endhint %}

## 5. Edit styles applied to your modules

Modules repeated multiple times on your page, such as buttons or headings, typically have default styles based on your template's [stylesheet](https://knowledge.hubspot.com/cos-pages-editor/how-can-i-find-the-stylesheet-applied-to-my-page) or your website [theme settings](https://knowledge.hubspot.com/website-pages/edit-your-global-theme-settings). Making changes to these styles typically affect other pages using the same template.

{% hint style="warning" %}
**Please note:** other style options available for each module can vary depending on your page template.
{% endhint %}

Click a **module** to select it in the editor. In the left panel, click the **Styles** tab to access the [styling options](https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/how-do-i-customize-the-css-of-my-hubspot-pages) for that particular module. Learn more about [how to style modules](https://knowledge.hubspot.com/cos-pages-editor/how-do-i-customize-the-css-of-my-hubspot-pages) within each type of page template.

![](/files/-MawDuLj2UfNHTI2Z6jN)

## 6. Optimize your page for search engines

In the top navigation, click the **Optimize** tab to open to the SEO optimizer tool. Here you can attach your page to one of your [topics](https://knowledge.hubspot.com/articles/kcs_article/content-strategy/how-do-i-create-a-topic-cluster-with-the-content-strategy-tool) and review [recommendations to improve your content](https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-optimize-my-pages-for-seo).

![](/files/-MawEViniStBh3htTfa7)

## 7. Edit your page settings

To edit your page settings and add some basic page information, click the **Settings** tab at the top of the page editor:

* **Internal page name:** the internal page name is the name you added when you first created the page and is referred to in the dashboard. It is not shown to visitors.
* **Page title:** the title that displays in the tab at the top of your web browser when the page loads.
* **Page URL:** the URL for your page. It appears in the URL bar within the browser when visitors navigate to this page. You can [edit your page URL](https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-do-i-change-the-url-of-a-page) even after it's been published.

{% hint style="success" %}
**Tips:** leave empty or "/" in the Content slug field to set this page as the homepage. Please ensure you changed the content slug of your current home page ( if exists ) before.
{% endhint %}

* **Add page to a menu:** add the current website page you're working on to a new or existing advanced menu in your content settings.
* **Meta description:** the content that will appear in search results below the page title.
* **Campaign:** associate your page to a HubSpot campaign. Select **Add new** to [create a new campaign](https://knowledge.hubspot.com/campaigns-user-guide-v2/how-to-create-a-campaign).
* **Featured image:** click to toggle this switch on for a specific image to be featured when your page is shared on social media. Click **Upload** to select an image from your computer or **Browse images** to select an image from your [files tool](https://knowledge.hubspot.com/design-manager-user-guide-v2/how-to-upload-your-site-assets-to-file-manager).

## 8. Preview your page

In the upper right, click **Preview** to see how your page will appear to website visitors on different device types. You can also test personalization and smart content in the preview. Learn how to [customize the way your page appears on a mobile device](https://knowledge.hubspot.com/landing-pages/customize-how-your-page-appears-on-a-mobile-device).

1. **Device preview:** click **Open in new window** to see a live preview of your page in a new tab in your browser. This preview link will work before your page is actually published. Click **Copy shareable link** to copy the link to your clipboard to share it with your team. In order to view the preview link, your teammates must be logged into HubSpot.
2. **Smart preview:** click the **Preview as** dropdown menu to preview how your page will appear for different contacts in your database.
   * Select a **contact** to preview how [personalization](https://knowledge.hubspot.com/smart-content-user-guide/how-to-use-personalization-with-your-content) will appear based on that particular contact's property values. Click the second **dropdown menu** to select a specific contact from your database.
   * Select a **smart rule** to preview how [smart content](https://knowledge.hubspot.com/smart-content-user-guide/what-is-smart-content) on your page will appear to contacts who meet its criteria. Click the second **dropdown menu** to select a specific smart rule to preview.
3. **Device type:** click **Mobile + Tablet** to see a live preview of your page on a phone or tablet device. Click **Desktop** to see a preview of how your page will appear on a web browser.

![](/files/-MawGPHFmPSAfyt72FtQ)

## 9. Publish or schedule your page

After you've added your content, optimized it for search engines, and previewed how it will look to visitors, you're ready to publish your page.

* Click the **Publish or schedule** tab and select **Publish now** to publish immediately, or **Schedule for later** to publish this page at a future date and time.
* If there are any required items missing from your page, you'll see an alert in the upper right corner of the *Publish* button.
* Once you've finished completing all the required items for your page, click **Publish.**

![](/files/-MawH8kxNE0INdLYiv_Y)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://fresh-hub-docs.boostheme.com/create-a-page.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.