> For the complete documentation index, see [llms.txt](https://docs.notionapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.notionapps.com/customize-app/types-of-screens/content.md).

# Content

Content screens let you add a freeform page to a NotionApps app without connecting the screen to a Notion database. Use a Content screen when you need a welcome page, instructions page, landing page, help page, policy page, onboarding page, or public introduction page around the data-driven parts of your app.

Unlike List, Details, or Form screens, a Content screen is not for viewing or editing Notion records. It is for the static or semi-static information that helps users understand where they are, what they should do next, and how to move through the app.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjNGY0NmU1Jy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+Q29udGVudCBzY3JlZW4gd29ya2Zsb3c8L3RleHQ+PHRleHQgeD0nNjAnIHk9JzEzNCcgY2xhc3M9J3MnPkFkZCwgd3JpdGUsIHNldCBhY2Nlc3MsIHByZXZpZXcsIHB1Ymxpc2guPC90ZXh0PjxyZWN0IHg9JzcwJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNlZWYyZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9Jzg4JyB5PScyNjQnIGNsYXNzPSdiJz5BZGQ8L3RleHQ+PHRleHQgeD0nODgnIHk9JzI5NicgY2xhc3M9J20nPkNvbnRlbnQgcGFnZTwvdGV4dD48cmVjdCB4PScyNzYnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2Y4ZmFmYycgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nMjk0JyB5PScyNjQnIGNsYXNzPSdiJz5Xcml0ZTwvdGV4dD48dGV4dCB4PScyOTQnIHk9JzI5NicgY2xhc3M9J20nPkVkaXRvciBvciBIVE1MPC90ZXh0PjxyZWN0IHg9JzQ4MicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZWNmZGY1JyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc1MDAnIHk9JzI2NCcgY2xhc3M9J2InPkFjY2VzczwvdGV4dD48dGV4dCB4PSc1MDAnIHk9JzI5NicgY2xhc3M9J20nPlB1YmxpYyBvciBwcml2YXRlPC90ZXh0PjxyZWN0IHg9JzY4OCcgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZmZmN2VkJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc3MDYnIHk9JzI2NCcgY2xhc3M9J2InPlB1Ymxpc2g8L3RleHQ+PHRleHQgeD0nNzA2JyB5PScyOTYnIGNsYXNzPSdtJz5UZXN0IHRoZSBmbG93PC90ZXh0Pjwvc3ZnPg==" alt="Content screen workflow overview" height="432" width="768">

## When to use a Content screen

Use a Content screen when the screen is mostly explanatory, branded, instructional, or navigational.

Good examples include:

* A public welcome page before users sign in.
* A landing page that explains what the app does.
* A help page with instructions for using the app.
* A policy, consent, or terms page.
* A dashboard introduction that links users to the right forms or lists.
* A lightweight marketing-style page inside a private or mixed public/private app.
* A launch page with buttons or links to public intake forms.
* A support page with contact details, process notes, or frequently asked questions.

Use a database-backed screen instead when users need to browse records, open one record, create records, update records, filter rows, or see live Notion data.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjMDU5NjY5Jy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+VXNlIENvbnRlbnQgZm9yIGluZm9ybWF0aW9uPC90ZXh0Pjx0ZXh0IHg9JzYwJyB5PScxMzQnIGNsYXNzPSdzJz5FeHBsYWluIGFuZCByb3V0ZSB1c2Vycy4gRGF0YSBzY3JlZW5zIGhhbmRsZSByZWNvcmRzLjwvdGV4dD48cmVjdCB4PSc3MCcgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZWNmZGY1JyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc4OCcgeT0nMjY0JyBjbGFzcz0nYic+V2VsY29tZTwvdGV4dD48dGV4dCB4PSc4OCcgeT0nMjk2JyBjbGFzcz0nbSc+UHVibGljIGludHJvZHVjdGlvbjwvdGV4dD48cmVjdCB4PScyNzYnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2Y4ZmFmYycgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nMjk0JyB5PScyNjQnIGNsYXNzPSdiJz5JbnN0cnVjdGlvbnM8L3RleHQ+PHRleHQgeD0nMjk0JyB5PScyOTYnIGNsYXNzPSdtJz5Ib3cgdG8gdXNlIHRoZSBhcHA8L3RleHQ+PHJlY3QgeD0nNDgyJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmMGY5ZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzUwMCcgeT0nMjY0JyBjbGFzcz0nYic+SGVscDwvdGV4dD48dGV4dCB4PSc1MDAnIHk9JzI5NicgY2xhc3M9J20nPlByb2Nlc3MgYW5kIHN1cHBvcnQ8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZWYyZjInIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+RGF0YSB3b3JrPC90ZXh0Pjx0ZXh0IHg9JzcwNicgeT0nMjk2JyBjbGFzcz0nbSc+VXNlIGRhdGEgc2NyZWVuczwvdGV4dD48L3N2Zz4=" alt="Choose Content when the page is informational" height="432" width="768">

## Before you start

Before adding a Content screen, decide what job the page should do.

Ask these questions:

* Is this page for guests, signed-in users, or both?
* Should the page appear in navigation, or should users only reach it from a link or button?
* Does the page need to send users to a Form screen, List screen, Details screen, or external website?
* Is the app public, private, or a private app with selected public screens?
* Does the page need simple rich text, or does it need custom HTML and CSS?

This matters because Content screens can be used as public entry points in private apps, but only if you intentionally enable public access for the screen.

## Step 1: Add a Content screen

1. Open the app in the NotionApps builder.
2. Go to the screen list or screen management area.
3. Select **Add Screen**.
4. Choose **Content page** from the available screen types.
5. Give the screen a clear navigation name, such as **Welcome**, **Instructions**, **Help**, **Start Here**, or **About**.

The screen type may appear as **Content page** in the picker and as **Content** in navigation or short labels.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjMjU2M2ViJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+QWRkIGEgQ29udGVudCBwYWdlPC90ZXh0Pjx0ZXh0IHg9JzYwJyB5PScxMzQnIGNsYXNzPSdzJz5QaWNrIENvbnRlbnQgcGFnZSBhbmQgZ2l2ZSBpdCBhIGNsZWFyIG5hbWUuPC90ZXh0PjxyZWN0IHg9JzcwJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmOGZhZmMnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9Jzg4JyB5PScyNjQnIGNsYXNzPSdiJz5TY3JlZW5zPC90ZXh0Pjx0ZXh0IHg9Jzg4JyB5PScyOTYnIGNsYXNzPSdtJz5FeGlzdGluZyBwYWdlczwvdGV4dD48cmVjdCB4PScyNzYnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2RiZWFmZScgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nMjk0JyB5PScyNjQnIGNsYXNzPSdiJz4rIEFkZCBTY3JlZW48L3RleHQ+PHRleHQgeD0nMjk0JyB5PScyOTYnIGNsYXNzPSdtJz5PcGVuIHRoZSBwaWNrZXI8L3RleHQ+PHJlY3QgeD0nNDgyJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNlZmY2ZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzUwMCcgeT0nMjY0JyBjbGFzcz0nYic+Q29udGVudCBwYWdlPC90ZXh0Pjx0ZXh0IHg9JzUwMCcgeT0nMjk2JyBjbGFzcz0nbSc+RnJlZWZvcm0gYXBwIHBhZ2U8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNlY2ZlZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+TmFtZSBpdDwvdGV4dD48dGV4dCB4PSc3MDYnIHk9JzI5NicgY2xhc3M9J20nPldlbGNvbWUgb3IgSGVscDwvdGV4dD48L3N2Zz4=" alt="Add a Content screen from the screen picker" height="432" width="768">

## Step 2: Open the Content page editor

After the screen is created, the builder opens the Content page configuration panel.

This panel is where you edit:

* The page content.
* The optional HTML source.
* The optional CSS source.
* Public access settings, when the app is private.
* Guest and signed-in navigation visibility, when public access is enabled.
* The live preview of the page.

The default content starts with a simple welcome message. Replace it with the copy, links, and layout that fit your app.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjMGY3NjZlJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+Q29udGVudCBlZGl0b3IgYXJlYXM8L3RleHQ+PHRleHQgeD0nNjAnIHk9JzEzNCcgY2xhc3M9J3MnPkVkaXQgY29udGVudCwgYWNjZXNzLCBIVE1ML0NTUywgYW5kIHByZXZpZXcuPC90ZXh0PjxyZWN0IHg9JzcwJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNjY2ZiZjEnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9Jzg4JyB5PScyNjQnIGNsYXNzPSdiJz5BY2Nlc3M8L3RleHQ+PHRleHQgeD0nODgnIHk9JzI5NicgY2xhc3M9J20nPlB1YmxpYyBhbmQgbmF2PC90ZXh0PjxyZWN0IHg9JzI3NicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjhmYWZjJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PScyOTQnIHk9JzI2NCcgY2xhc3M9J2InPkVkaXRvcjwvdGV4dD48dGV4dCB4PScyOTQnIHk9JzI5NicgY2xhc3M9J20nPkNvcHksIGxpbmtzLCBpbWFnZXM8L3RleHQ+PHJlY3QgeD0nNDgyJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNlZWYyZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzUwMCcgeT0nMjY0JyBjbGFzcz0nYic+SFRNTC9DU1M8L3RleHQ+PHRleHQgeD0nNTAwJyB5PScyOTYnIGNsYXNzPSdtJz5BZHZhbmNlZCBsYXlvdXQ8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZmY3ZWQnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+UHJldmlldzwvdGV4dD48dGV4dCB4PSc3MDYnIHk9JzI5NicgY2xhc3M9J20nPlNlZSB0aGUgYXBwIHJlc3VsdDwvdGV4dD48L3N2Zz4=" alt="Content page editor areas" height="432" width="768">

## Step 3: Use the visual editor for normal content

For most makers, the visual editor is the easiest place to start.

Use the visual editor to add:

* Headings.
* Paragraphs.
* Bullet lists.
* Numbered lists.
* Bold and italic text.
* Links.
* Images.

The visual editor is best when you want a clean page and do not need advanced layout control. You can write the page almost like a help article or landing-page draft.

Good visual-editor content usually has:

* A clear heading at the top.
* A short explanation of what the user can do.
* One or two obvious next actions.
* Links to the most important forms, lists, or external resources.
* Short sections instead of one long wall of text.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjZWE1ODBjJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+U3RhcnQgd2l0aCB0aGUgdmlzdWFsIGVkaXRvcjwvdGV4dD48dGV4dCB4PSc2MCcgeT0nMTM0JyBjbGFzcz0ncyc+VXNlIHNpbXBsZSB0ZXh0LCBoZWFkaW5ncywgbGlua3MsIGxpc3RzLCBhbmQgaW1hZ2VzLjwvdGV4dD48cmVjdCB4PSc3MCcgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZmZlZGQ1JyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc4OCcgeT0nMjY0JyBjbGFzcz0nYic+SGVhZGluZzwvdGV4dD48dGV4dCB4PSc4OCcgeT0nMjk2JyBjbGFzcz0nbSc+U2V0IGNvbnRleHQ8L3RleHQ+PHJlY3QgeD0nMjc2JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZmY3ZWQnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzI5NCcgeT0nMjY0JyBjbGFzcz0nYic+Qm9keSBjb3B5PC90ZXh0Pjx0ZXh0IHg9JzI5NCcgeT0nMjk2JyBjbGFzcz0nbSc+U2hvcnQgc2VjdGlvbnM8L3RleHQ+PHJlY3QgeD0nNDgyJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmOGZhZmMnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzUwMCcgeT0nMjY0JyBjbGFzcz0nYic+TGlua3M8L3RleHQ+PHRleHQgeD0nNTAwJyB5PScyOTYnIGNsYXNzPSdtJz5OZXh0IGFjdGlvbnM8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNlZmY2ZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+SW1hZ2VzPC90ZXh0Pjx0ZXh0IHg9JzcwNicgeT0nMjk2JyBjbGFzcz0nbSc+SGVscGZ1bCBjb250ZXh0PC90ZXh0Pjwvc3ZnPg==" alt="Use the visual editor first" height="432" width="768">

## Step 4: Add links carefully

Content screens are often used to route users to the next part of the app.

You can add links to:

* Another page in the same published app.
* A public Form screen link.
* A help article.
* A website.
* A payment, booking, or support link.

For best results:

* Use full `https://` URLs for external websites.
* Test every link in the published app after publishing.
* If the link should be available to guests, make sure the target screen is also public.
* If the link goes to a Form screen in a private app, make that Form screen public when guests need to submit it without signing in.

Same-app links are handled inside the app shell when possible, so users do not unnecessarily lose the app experience.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjYmUxODVkJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+TGlua3MgZ3VpZGUgdGhlIG5leHQgYWN0aW9uPC90ZXh0Pjx0ZXh0IHg9JzYwJyB5PScxMzQnIGNsYXNzPSdzJz5TZW5kIHVzZXJzIHRvIGZvcm1zLCBsaXN0cywgaGVscCwgb3IgZXh0ZXJuYWwgc2l0ZXMuPC90ZXh0PjxyZWN0IHg9JzcwJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZGYyZjgnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9Jzg4JyB5PScyNjQnIGNsYXNzPSdiJz5Db250ZW50IHBhZ2U8L3RleHQ+PHRleHQgeD0nODgnIHk9JzI5NicgY2xhc3M9J20nPkV4cGxhaW4gdGhlIGZsb3c8L3RleHQ+PHJlY3QgeD0nMjc2JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmOGZhZmMnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzI5NCcgeT0nMjY0JyBjbGFzcz0nYic+UHVibGljIGZvcm08L3RleHQ+PHRleHQgeD0nMjk0JyB5PScyOTYnIGNsYXNzPSdtJz5Db2xsZWN0IHJlcXVlc3RzPC90ZXh0PjxyZWN0IHg9JzQ4MicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjBmOWZmJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc1MDAnIHk9JzI2NCcgY2xhc3M9J2InPkhlbHAgYXJ0aWNsZTwvdGV4dD48dGV4dCB4PSc1MDAnIHk9JzI5NicgY2xhc3M9J20nPkFuc3dlciBxdWVzdGlvbnM8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZmY3ZWQnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+RXh0ZXJuYWwgbGluazwvdGV4dD48dGV4dCB4PSc3MDYnIHk9JzI5NicgY2xhc3M9J20nPkJvb2tpbmcgb3Igc3VwcG9ydDwvdGV4dD48L3N2Zz4=" alt="Add links to guide the next action" height="432" width="768">

## Step 5: Add images

Images can make a Content screen feel more useful and polished.

Use images for:

* A logo or brand header.
* A process diagram.
* A screenshot that shows what users should do.
* A simple hero image.
* A visual explanation of a workflow.

Image URLs should use `https://`. Avoid images that are very large, private, temporary, or hosted somewhere that may block public access. If an image appears in the builder but not in the published app, check whether the image URL is publicly accessible.

Keep the page readable on mobile. Large images should support the content, not push the important action too far down the page.

## Step 6: Use HTML mode only when you need more control

The Content screen also includes an HTML editing mode for makers who need more control over layout.

Use HTML mode when you need:

* A multi-section landing page.
* Custom spacing.
* Button-style links.
* A custom grid or card layout.
* A more branded welcome page.
* More control than the visual editor provides.

HTML mode is powerful, but it is still intentionally limited for safety. Content screens are not a place to run custom JavaScript.

The system removes or blocks unsafe content such as:

* `<script>` tags.
* Inline event handlers such as `onclick` or `onerror`.
* Iframes, embeds, objects, meta tags, base tags, and link tags.
* Unsafe `javascript:`, `vbscript:`, or risky data URLs.

The HTML limit is approximately `100,000` characters.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjMDg5MWIyJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+SFRNTCBtb2RlIGFkZHMgbGF5b3V0IGNvbnRyb2w8L3RleHQ+PHRleHQgeD0nNjAnIHk9JzEzNCcgY2xhc3M9J3MnPlVzZSBIVE1MIGZvciBzZWN0aW9ucywgYnV0dG9ucywgYW5kIGJyYW5kZWQgbGF5b3V0LjwvdGV4dD48cmVjdCB4PSc3MCcgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZWNmZWZmJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc4OCcgeT0nMjY0JyBjbGFzcz0nYic+SGVybzwvdGV4dD48dGV4dCB4PSc4OCcgeT0nMjk2JyBjbGFzcz0nbSc+SW50cm8gcGx1cyBhY3Rpb248L3RleHQ+PHJlY3QgeD0nMjc2JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmOGZhZmMnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzI5NCcgeT0nMjY0JyBjbGFzcz0nYic+U2VjdGlvbnM8L3RleHQ+PHRleHQgeD0nMjk0JyB5PScyOTYnIGNsYXNzPSdtJz5QYWdlIGJsb2NrczwvdGV4dD48cmVjdCB4PSc0ODInIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2UwZjJmZScgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nNTAwJyB5PScyNjQnIGNsYXNzPSdiJz5CdXR0b25zPC90ZXh0Pjx0ZXh0IHg9JzUwMCcgeT0nMjk2JyBjbGFzcz0nbSc+Q2xlYXIgbGlua3M8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZWYyZjInIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+QmxvY2tlZDwvdGV4dD48dGV4dCB4PSc3MDYnIHk9JzI5NicgY2xhc3M9J20nPlVuc2FmZSBzY3JpcHRzPC90ZXh0Pjwvc3ZnPg==" alt="Use HTML mode for layout control" height="432" width="768">

## Step 7: Add CSS when the page needs custom styling

CSS is optional. Use it when the Content screen needs to match your brand or create a more polished layout.

CSS is useful for:

* Buttons.
* Cards.
* Spacing.
* Background colors.
* Typography.
* Responsive sections.
* Simple grids.

Keep CSS focused on the page itself. Avoid styles that try to override the full NotionApps app shell, navigation, login screen, or unrelated screens.

The CSS limit is approximately `50,000` characters. If the CSS is too large or invalid, the builder may reject it.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjN2MzYWVkJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+Q1NTIGlzIG9wdGlvbmFsIHBvbGlzaDwvdGV4dD48dGV4dCB4PSc2MCcgeT0nMTM0JyBjbGFzcz0ncyc+U3R5bGUgYnV0dG9ucywgc3BhY2luZywgY2FyZHMsIGNvbG9ycywgYW5kIG1vYmlsZSBmaXQuPC90ZXh0PjxyZWN0IHg9JzcwJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmNWYzZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9Jzg4JyB5PScyNjQnIGNsYXNzPSdiJz5CdXR0b25zPC90ZXh0Pjx0ZXh0IHg9Jzg4JyB5PScyOTYnIGNsYXNzPSdtJz5SZXVzYWJsZSBhY3Rpb24gc3R5bGVzPC90ZXh0PjxyZWN0IHg9JzI3NicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjhmYWZjJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PScyOTQnIHk9JzI2NCcgY2xhc3M9J2InPlNwYWNpbmc8L3RleHQ+PHRleHQgeD0nMjk0JyB5PScyOTYnIGNsYXNzPSdtJz5SZWFkYWJsZSBzZWN0aW9uczwvdGV4dD48cmVjdCB4PSc0ODInIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2VlZjJmZicgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nNTAwJyB5PScyNjQnIGNsYXNzPSdiJz5DYXJkczwvdGV4dD48dGV4dCB4PSc1MDAnIHk9JzI5NicgY2xhc3M9J20nPkxpZ2h0IHN0cnVjdHVyZTwvdGV4dD48cmVjdCB4PSc2ODgnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2VjZmRmNScgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nNzA2JyB5PScyNjQnIGNsYXNzPSdiJz5SZXNwb25zaXZlPC90ZXh0Pjx0ZXh0IHg9JzcwNicgeT0nMjk2JyBjbGFzcz0nbSc+TW9iaWxlIGZpdDwvdGV4dD48L3N2Zz4=" alt="Add optional CSS for polish" height="432" width="768">

## Step 8: Preview the page

The preview area shows how the Content screen will render.

Use preview to check:

* The top heading is clear.
* Important links are visible.
* Text is easy to read.
* Images load correctly.
* The page does not feel too long.
* The page works on smaller screens.
* The next action is obvious.

Preview is especially important when using HTML and CSS. A page can look fine in source form but feel cramped, oversized, or confusing in the actual app shell.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjMGQ5NDg4Jy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+UHJldmlldyBiZWZvcmUgcHVibGlzaGluZzwvdGV4dD48dGV4dCB4PSc2MCcgeT0nMTM0JyBjbGFzcz0ncyc+Q2hlY2sgdGV4dCwgaW1hZ2VzLCBsaW5rcywgc3BhY2luZywgYW5kIG1vYmlsZS48L3RleHQ+PHJlY3QgeD0nNzAnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2YwZmRmYScgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nODgnIHk9JzI2NCcgY2xhc3M9J2InPkRlc2t0b3A8L3RleHQ+PHRleHQgeD0nODgnIHk9JzI5NicgY2xhc3M9J20nPkZ1bGwtcGFnZSBzY2FuPC90ZXh0PjxyZWN0IHg9JzI3NicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjhmYWZjJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PScyOTQnIHk9JzI2NCcgY2xhc3M9J2InPk1vYmlsZTwvdGV4dD48dGV4dCB4PScyOTQnIHk9JzI5NicgY2xhc3M9J20nPk5hcnJvdyBsYXlvdXQ8L3RleHQ+PHJlY3QgeD0nNDgyJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZmY3ZWQnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzUwMCcgeT0nMjY0JyBjbGFzcz0nYic+TGlua3M8L3RleHQ+PHRleHQgeD0nNTAwJyB5PScyOTYnIGNsYXNzPSdtJz5DbGljayBldmVyeSBhY3Rpb248L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNlZmY2ZmYnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+SW1hZ2VzPC90ZXh0Pjx0ZXh0IHg9JzcwNicgeT0nMjk2JyBjbGFzcz0nbSc+Q29uZmlybSB0aGV5IGxvYWQ8L3RleHQ+PC9zdmc+" alt="Preview before publishing" height="432" width="768">

## Step 9: Configure public access when needed

If your app is private, you can make a Content screen public.

Turn on **Public access** when anyone with the app link should be able to open that Content screen without signing in.

This is useful for:

* A public welcome page.
* A public onboarding page.
* A public help page.
* A public landing page that links to a public intake form.

Public access applies to the selected screen. Other private screens stay private unless you also mark them public.

If the app itself is already public, users can already open the app without signing in, so the public access setting is mainly important for private apps that need a public entry point.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjY2E4YTA0Jy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+UHVibGljIGFjY2VzcyBpcyBzY3JlZW4tbGV2ZWw8L3RleHQ+PHRleHQgeD0nNjAnIHk9JzEzNCcgY2xhc3M9J3MnPkd1ZXN0cyBvcGVuIHNlbGVjdGVkIHNjcmVlbnMuIFByaXZhdGUgc2NyZWVucyBzdGF5IHByaXZhdGUuPC90ZXh0PjxyZWN0IHg9JzcwJyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZWZjZTgnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9Jzg4JyB5PScyNjQnIGNsYXNzPSdiJz5Qcml2YXRlIGFwcDwvdGV4dD48dGV4dCB4PSc4OCcgeT0nMjk2JyBjbGFzcz0nbSc+U2lnbi1pbiByZXF1aXJlZDwvdGV4dD48cmVjdCB4PScyNzYnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2Y4ZmFmYycgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nMjk0JyB5PScyNjQnIGNsYXNzPSdiJz5QdWJsaWMgQ29udGVudDwvdGV4dD48dGV4dCB4PScyOTQnIHk9JzI5NicgY2xhc3M9J20nPkd1ZXN0IGVudHJ5PC90ZXh0PjxyZWN0IHg9JzQ4MicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZmVmMmYyJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc1MDAnIHk9JzI2NCcgY2xhc3M9J2InPlByaXZhdGUgc2NyZWVuczwvdGV4dD48dGV4dCB4PSc1MDAnIHk9JzI5NicgY2xhc3M9J20nPlN0aWxsIHByb3RlY3RlZDwvdGV4dD48cmVjdCB4PSc2ODgnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2VjZmRmNScgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nNzA2JyB5PScyNjQnIGNsYXNzPSdiJz5QdWJsaWMgZm9ybTwvdGV4dD48dGV4dCB4PSc3MDYnIHk9JzI5NicgY2xhc3M9J20nPk9ubHkgaWYgZ3Vlc3RzIHN1Ym1pdDwvdGV4dD48L3N2Zz4=" alt="Public access for a private app" height="432" width="768">

## Step 10: Decide whether guests should see it in navigation

When a Content screen is public, you can decide whether guests see it in the app navigation.

Use **Show in navigation for guests** when:

* The page is a normal public page guests should find from the menu.
* The page is the public home or welcome page.
* You want users to return to it easily.

Turn guest navigation off when:

* The page should only be opened from a direct link.
* The page is part of a one-time flow.
* You want to keep guest navigation very simple.

A public screen can still be opened by link even if it is hidden from guest navigation.

## Step 11: Decide whether signed-in users should see it in navigation

Public screens can also have separate navigation visibility for signed-in users.

Use **Show in navigation when signed in** when:

* Signed-in users should still have easy access to the page.
* The page contains help, instructions, or app context that remains useful after login.

Turn it off when:

* The page is only for guests before login.
* The page is only a public landing page.
* Signed-in users should start on a dashboard, list, queue, or workspace screen instead.

This separation keeps guest onboarding clear without cluttering the logged-in app.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjNDMzOGNhJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+TmF2aWdhdGlvbiBjYW4gZGlmZmVyIGJ5IHZpc2l0b3I8L3RleHQ+PHRleHQgeD0nNjAnIHk9JzEzNCcgY2xhc3M9J3MnPkNob29zZSB3aGF0IGd1ZXN0cyBhbmQgc2lnbmVkLWluIHVzZXJzIHNlZS48L3RleHQ+PHJlY3QgeD0nNzAnIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2VlZjJmZicgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nODgnIHk9JzI2NCcgY2xhc3M9J2InPkd1ZXN0czwvdGV4dD48dGV4dCB4PSc4OCcgeT0nMjk2JyBjbGFzcz0nbSc+U2hvdyBvciBoaWRlPC90ZXh0PjxyZWN0IHg9JzI3NicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjhmYWZjJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PScyOTQnIHk9JzI2NCcgY2xhc3M9J2InPlNpZ25lZC1pbiB1c2VyczwvdGV4dD48dGV4dCB4PScyOTQnIHk9JzI5NicgY2xhc3M9J20nPlNob3cgaGVscCBvbmx5PC90ZXh0PjxyZWN0IHg9JzQ4MicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZWNmZWZmJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc1MDAnIHk9JzI2NCcgY2xhc3M9J2InPkRpcmVjdCBsaW5rczwvdGV4dD48dGV4dCB4PSc1MDAnIHk9JzI5NicgY2xhc3M9J20nPlN0aWxsIHdvcms8L3RleHQ+PHJlY3QgeD0nNjg4JyB5PScyMjAnIHdpZHRoPScxNzgnIGhlaWdodD0nMTE4JyByeD0nMTYnIGZpbGw9JyNmZmY3ZWQnIHN0cm9rZT0nI2NiZDVlMScvPjx0ZXh0IHg9JzcwNicgeT0nMjY0JyBjbGFzcz0nYic+Q2xlYW4gbWVudTwvdGV4dD48dGV4dCB4PSc3MDYnIHk9JzI5NicgY2xhc3M9J20nPkF2b2lkIGNsdXR0ZXI8L3RleHQ+PC9zdmc+" alt="Guest and signed-in navigation controls" height="432" width="768">

## Step 12: Publish and test

After the page looks correct, publish the app.

Test these paths:

* Open the app while signed out.
* Open the Content screen directly, if it is public.
* Click every link on the page.
* Confirm guest-only links do not send users to private screens.
* Sign in and confirm the signed-in landing page is correct.
* Check whether the Content screen should or should not appear in signed-in navigation.
* Test on desktop and mobile.

For public intake flows, test the full path:

1. Guest opens the public Content screen.
2. Guest clicks the intake or start link.
3. Guest opens the public Form screen.
4. Guest submits the form.
5. The new Notion record appears where expected.

<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA5MDAgNTA2Jz48c3R5bGU+dGV4dHtmb250LWZhbWlseTpBcmlhbH0uaHtmb250LXNpemU6MzRweDtmb250LXdlaWdodDo3MDB9LnN7Zm9udC1zaXplOjE5cHg7ZmlsbDojNDc1NTY5fS5ie2ZvbnQtc2l6ZToyMHB4O2ZvbnQtd2VpZ2h0OjcwMDtmaWxsOiMwZjE3MmF9Lm17Zm9udC1zaXplOjE2cHg7ZmlsbDojNjQ3NDhifTwvc3R5bGU+PHJlY3Qgd2lkdGg9JzkwMCcgaGVpZ2h0PSc1MDYnIHJ4PScxOCcgZmlsbD0nI2Y4ZmFmYycvPjxyZWN0IHg9JzI4JyB5PScyOCcgd2lkdGg9Jzg0NCcgaGVpZ2h0PSc0NTAnIHJ4PScyMicgZmlsbD0nI2ZmZicgc3Ryb2tlPScjZTJlOGYwJy8+PHJlY3QgeD0nMjgnIHk9JzI4JyB3aWR0aD0nODQ0JyBoZWlnaHQ9JzEyJyBmaWxsPScjMGYxNzJhJy8+PHRleHQgeD0nNjAnIHk9Jzk4JyBjbGFzcz0naCc+VGVzdCB0aGUgcHVibGlzaGVkIHBhdGg8L3RleHQ+PHRleHQgeD0nNjAnIHk9JzEzNCcgY2xhc3M9J3MnPlZlcmlmeSBndWVzdCwgZm9ybSwgc3VibWl0LCBhbmQgc2lnbmVkLWluIHBhdGhzLjwvdGV4dD48cmVjdCB4PSc3MCcgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjFmNWY5JyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc4OCcgeT0nMjY0JyBjbGFzcz0nYic+R3Vlc3Qgb3BlbnM8L3RleHQ+PHRleHQgeD0nODgnIHk9JzI5NicgY2xhc3M9J20nPlB1YmxpYyBwYWdlPC90ZXh0PjxyZWN0IHg9JzI3NicgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZjhmYWZjJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PScyOTQnIHk9JzI2NCcgY2xhc3M9J2InPkNsaWNrcyBzdGFydDwvdGV4dD48dGV4dCB4PScyOTQnIHk9JzI5NicgY2xhc3M9J20nPkZvcm0gb3IgbGluazwvdGV4dD48cmVjdCB4PSc0ODInIHk9JzIyMCcgd2lkdGg9JzE3OCcgaGVpZ2h0PScxMTgnIHJ4PScxNicgZmlsbD0nI2VjZmRmNScgc3Ryb2tlPScjY2JkNWUxJy8+PHRleHQgeD0nNTAwJyB5PScyNjQnIGNsYXNzPSdiJz5TdWJtaXRzPC90ZXh0Pjx0ZXh0IHg9JzUwMCcgeT0nMjk2JyBjbGFzcz0nbSc+UmVjb3JkIGFwcGVhcnMgaW4gTm90aW9uPC90ZXh0PjxyZWN0IHg9JzY4OCcgeT0nMjIwJyB3aWR0aD0nMTc4JyBoZWlnaHQ9JzExOCcgcng9JzE2JyBmaWxsPScjZWVmMmZmJyBzdHJva2U9JyNjYmQ1ZTEnLz48dGV4dCB4PSc3MDYnIHk9JzI2NCcgY2xhc3M9J2InPlNpZ25zIGluPC90ZXh0Pjx0ZXh0IHg9JzcwNicgeT0nMjk2JyBjbGFzcz0nbSc+UHJpdmF0ZSBuYXY8L3RleHQ+PC9zdmc+" alt="Published guest and signed-in testing path" height="432" width="768">

## Recommended page patterns

### Public welcome page

Use this pattern when you want a private app to have a public front door.

Recommended setup:

* Content screen: public access on.
* Guest navigation: on if this is the public home page.
* Signed-in navigation: off if users should go to a dashboard after login.
* Add one clear link to a public Form screen or the login flow.

### Help or instructions page

Use this pattern when users need guidance after they are inside the app.

Recommended setup:

* Public access: off unless guests also need it.
* Guest navigation: off unless public access is on.
* Signed-in navigation: on.
* Include short sections, screenshots, and links to relevant screens.

### Public intake start page

Use this pattern when guests should submit a request without seeing the rest of the app.

Recommended setup:

* Content screen: public access on.
* Intake Form screen: public access on.
* Guest navigation: usually off for the form and on for the welcome page.
* Signed-in navigation: usually off for the public welcome page.
* Test the form link while signed out.

### Internal process page

Use this pattern when staff need a reference page inside a private app.

Recommended setup:

* Public access: off.
* Signed-in navigation: on.
* Use headings for each process.
* Link to the relevant list, queue, form, or details screens.

## What Content screens do not do

Content screens do not replace database-backed screens.

They do not:

* Display a live list of Notion records.
* Create a Notion record by themselves.
* Update a Notion record by themselves.
* Apply database filters like a List screen.
* Replace a Details screen.
* Run custom JavaScript.
* Embed unsafe third-party scripts.
* Bypass private app access rules.

If a user needs to interact with Notion data, link the Content screen to the appropriate Form, List, Details, or Update screen.

## Troubleshooting

### I do not see the Content page option

Make sure the app builder version you are using includes the Content screen release. Refresh the builder and check the Add Screen picker again.

### My Content screen is not visible to guests

Check these settings:

* The app is private.
* The Content screen has **Public access** turned on.
* If guests should find it in the menu, **Show in navigation for guests** is turned on.
* If guests should reach it by link only, use the direct published app link to the screen.

### Guests can open the Content screen but cannot open the form link

The target Form screen also needs to be public if guests should submit it without signing in.

### My signed-in users land on a different screen

Signed-in users land on the first appropriate visible screen in navigation. If a public Content screen is only for guests, turn off **Show in navigation when signed in** so signed-in users start on the right app screen.

### My HTML changed after saving

Unsafe HTML is removed for security. Scripts, iframes, event handlers, and unsafe URLs are not allowed inside Content screens.

### My CSS is not applying

Check that the CSS is in the CSS field, not inside a `<style>` tag in the HTML. Also check that the CSS is valid and within the character limit.

### My image does not load

Use a public `https://` image URL. If the image is private, expired, or blocked by the image host, it may not render in the published app.

## Best practices

* Give the screen a short, clear name.
* Start with the visual editor unless you need HTML.
* Keep the first screen section focused on the next action.
* Use public access only for screens guests should actually see.
* Keep guest navigation simple.
* Hide guest-only landing pages from signed-in navigation when they are no longer useful after login.
* Test all links while signed out and signed in.
* Use Content screens to explain the app, then send users to database-backed screens for real work.

## Quick checklist

Before publishing, confirm:

* The Content screen has a clear purpose.
* The page title and first paragraph explain what users should do.
* The correct access setting is selected.
* Guest navigation is intentional.
* Signed-in navigation is intentional.
* All links work.
* All images load.
* The page is readable on mobile.
* The target screens linked from the page have the correct access settings.
* The app is published and tested as both guest and signed-in user.

### Updates in the 9 Aug 2026 release

* Content screens work especially well as **public Welcome** pages in mixed public/private portals.
* Pair with **Show in navigation for guests** / **Show in navigation when signed in** so Welcome stays guest-friendly.
* Full walkthrough: [Build a Mixed Public–Private Portal](https://docs.notionapps.com/guides/build-a-mixed-public-private-portal).
* Release notes: [9 Aug 2026 Release](https://docs.notionapps.com/release-notes/9-aug-2026-release).
