# Hosted page settings reference

Find the settings you need to style your hosted page, choose its flow, edit its URL, and check how saving and publication work.

Available on the Scale and Pro plans.

Use these settings to put your flow on a page with its own content and design. Hosted-page settings save separately from your project's draft. The page preview uses the flow's published version.

## Flow and layout

Choose one flow to embed in the page. If you haven't chosen one, the preview shows **No Flow Selected**. Both the page and its preview use the published flow, not unpublished edits.

**Centered** is the default layout. **Split** puts the page content and flow in separate areas. Neither layout is a freeform block builder.

![Hosted page editor controls for choosing a flow, layout, logo, headline and description](https://rightmessage.com/help/screens/pages-show.light.webp)

## Page content fields

| To change this  | Default and limit                                                                                           |
| --------------- | ----------------------------------------------------------------------------------------------------------- |
| Internal name   | Edit it in the header. Required, up to 255 characters. Empty header edits are ignored.                      |
| **Logo**        | Empty until you choose an image through **Media Gallery**.                                                  |
| **Headline**    | Empty initially, up to 500 characters. Supports rich text, but not phrase personalization here.             |
| **Description** | Empty initially, up to 2,000 characters. Supports multiline rich text, but not phrase personalization here. |

## Page colors and typography

| Setting                   | Default         | Range or effect                          |
| ------------------------- | --------------- | ---------------------------------------- |
| **Page Background**       | `#f9fafb`       | Page background color.                   |
| **Font Family**           | Default (Inter) | Applies to the page and its flow widget. |
| **Headline Font Size**    | 36 px           | 16 to 72 px.                             |
| **Description Font Size** | 18 px           | 12 to 24 px.                             |

Font choices are Inter, Roboto, Open Sans, Lato, Montserrat, Poppins, Source Sans Pro, Nunito, Raleway, Playfair Display, Merriweather, PT Sans, Ubuntu, Oswald, DM Sans, Work Sans, Space Grotesk, and Plus Jakarta Sans.

## Embedded flow design

These controls change how the embedded flow looks on this page.

| Setting                     | Default   | Range or effect                                               |
| --------------------------- | --------- | ------------------------------------------------------------- |
| **Container Background**    | `#ffffff` | Background of the flow container.                             |
| **Button Color**            | `#3b82f6` | Flow button accent color.                                     |
| **Text Color**              | `#1a1a1a` | Flow text color.                                              |
| **Button Border Radius**    | 6 px      | 0 to 20 px.                                                   |
| **Container Border Radius** | 8 px      | 0 to 20 px.                                                   |
| **Container Border Width**  | 0 px      | 0 to 5 px.                                                    |
| **Border Color**            | `#e5e7eb` | Appears when border width is greater than zero.               |
| **Container Shadow**        | On        | Turns the container shadow on or off.                         |
| **Answer Button Gap**       | 8 px      | 0 to 24 px.                                                   |
| **Form Field Gap**          | 12 px     | 0 to 24 px.                                                   |
| **Line Height**             | 1.5       | 1 to 2.5, in 0.1 increments.                                  |
| **Headline Font Size**      | 24 px     | 14 to 36 px. Changes the flow heading, not the page headline. |
| **Description Font Size**   | 16 px     | 12 to 24 px.                                                  |
| **Answer Button Font Size** | 13 px     | 10 to 20 px.                                                  |
| **Form Field Font Size**    | 13 px     | 10 to 20 px.                                                  |
| **Submit Button Font Size** | 13 px     | 10 to 20 px.                                                  |

## SEO and page URL

**Page URL** changes the page slug under your project's rm.page hostname. The slug must be unique within the project. Use lowercase letters and numbers separated by single hyphens, up to 255 characters.

**Meta Title** is optional and accepts up to 255 characters. **Meta Description** is optional and accepts up to 1,000 characters. Both start empty.

You can set an Open Graph image, favicon, and author signature through the page API. The current editor has no controls for them, including in **SEO**.

## Custom CSS and page deletion

**Custom CSS** starts empty and accepts up to 10,000 characters. Your rules apply to both the page and its flow widget. They can override other design choices, so check both previews after changing them.

**Delete Page** asks for confirmation. You can't undo it through the editor. It deletes the page record, rather than changing your project's unpublished campaigns.

## Preview, saving, and lifecycle

**Desktop** uses the available preview area. **Mobile** uses a 375-pixel viewport. **Refresh Preview** reloads the embedded preview. This signed-in preview differs from **View**, which opens the public URL.

Content and settings save after a 500-millisecond pause. Content updates refresh the preview. If a save fails, you'll see a notification. The header name and slug update when you leave their fields. These edits update the page record directly, including when it's already published. They don't wait for project publication.

New pages and duplicates start as drafts. The editor has **View**, **Duplicate**, and **Delete**, but no button to publish, unpublish, or archive a page. Use the [page-status API operations](https://rightmessage.com/help/hosted-page-api) for those changes. A public page needs published status and a nonsuspended project. You can't serve it on a custom domain.

Some input questions can be missing from hosted pages. Try every path in your selected flow to check that all questions appear. Page view counters record public views. The page conversion counter doesn't provide complete flow conversion measurement.

To set up a page, follow [Create and configure a hosted page](https://rightmessage.com/help/hosted-pages).
