Pages are the screens of your site or app. You start with a blank page when you open a new project.

You can build powerful apps using a single page. As your project grows, you may want to split different parts into separate pages.

​
Create a Page

You start with a blank page. To create a new one:

  • Logo Menu in the top left corner > New Page OR press option-N (or alt-N on Windows)

Pages auto-name based on their content. Rename by:

​
Using Multiple Pages

Consider splitting your app into multiple pages when:

  • Different sections serve distinct purposes (e.g. home, about, contact)

  • Your page code gets long (>1500 lines) - shorter pages help Create generate more accurate code

  • You want separate views for different user types (e.g. customer-facing vs admin pages)

  • You need to restrict access to certain users

A single page can include many components and complex logic. Many apps work well with just one page.

​
Style Your Pages

Make pages look good using:

​
Add Elements

Use / command menu to add:

Learn more about all available elements in our overview.

After you add an element to a page, if you later update it, you will see a “Elements are out of date” warning in the page. Hit ‘Update’ to update the page with the latest element version.

​
Publishing

To publish:

  • Tap Publish in top right

  • Choose pages to make live

  • Set routes (e.g. /about)

  • Only published pages are accessible

Routes are URL paths to your pages (e.g. yourdomain.com/about). Keep pages private by not publishing them.

Read more about publishing in our publishing guide.

  1. By hand:

    • Make sure you’re in Select Mode

    • Tap the element you want to be a link (e.g. a button or card)

    • You’ll see a blue outline on the element you’ve selected

    • Scroll to the bottom of the chat window

    • Choose “Link” in chat

    • Pick a target page/URL

    • Save your changes

  2. By prompt:

    • Publish your app and choose routes for each page (e.g. /about)

    • Tell Create what element should lead to the route (e.g. “When clicking the About button, go to the /about page”)

    • Create will update the code

    • Publish your app to try it out live

​
Requiring Authentication

You can restrict page access to signed-in users:

  1. Enable User Accounts

  2. Page > 3-dot menu > Settings > “Require account to view”

  3. Publish changes

Users will:

  • See content when signed in

  • Get redirected to login when not

Learn more about User Accounts.

Was this page helpful?

Suggest edits
ControlsIntegrations