Tutorial: Add a page to your Power Pages site

In this tutorial, you'll learn how to add a page to your Power Pages site. You can use this page to display static content to your audience such as text or images or use it to allow your site visitors to interact with information from Dataverse using lists and forms.

In this tutorial, you learn how to:

  • Add a new page to a site
  • Add and modify content on the page
  • Move the page in the site map


Create a page using a blank layout

In these steps, you'll create a page using a blank layout. As you learn more about Power Pages, you can use other layouts or even create your own custom layouts.

This video provides an overview of the steps to create a page using a blank layout.

  1. Go to Power Pages.

  2. Select Edit on the site you want to add a page. If you don't have a site, create a site before continuing.

  3. Select Pages and then select the Add a page icon (+) to the right of the Main navigation heading.

  4. Provide a name for your page and select the Start from blank page layout.

    Add a page to the site.

  5. After a few moments, you should see blank page with a selection of components to add to the section.

Design the page and add content

  1. Select the Text icon.

  2. Enter a name for your page (for example, My Page).

    • Change the style to Heading 1
    • Select the B icon to make the text bold.
    • Adjust the alignment so the text appears centered

    Add text to the page.

  3. Below the text, select the + icon and select the Spacer icon to add the spacer component.

  4. Below the spacer, select the + icon and select the Text icon to add another text box.

  5. Add some text to the text box. Experiment with the style and colors.

  6. Select the + icon below the text and add another spacer.

  7. Select the Button component.

  8. Configure the following details for the button:

    • Button label: Contact us
    • Choose Link to a page
    • Select Contact us page from the dropdown.
    • Select OK
    • Use the properties menu to center the button
  9. Select the entire section and select Background from the properties menu and change the background color of the section.

  10. Experiment by adding addition sections, components, and colors to your page.

    Sample web page.

Preview your page

You can preview what your page will look like on the site at any time.

  1. Select Preview from the main menu in the design studio.

  2. Choose Desktop for the page to appear in your browser, or you can view the page on your mobile device by scanning the QR code.

Move the page in the sitemap

Adding the page to the Main navigation will add a menu option. The page can be moved to different spots in the overall site hierarchy using the design studio.

This video will provide an overview of the steps to move a page in the site map.

  1. Under the Main navigation, select the ellipse (...) icon and choose Move to other pages.

    Moving page in hierarchy

  2. The page should now appear in the Other pages section. If you now preview the page, notice that there isn't menu item for the page.

  3. Under Other pages, select your page again and choose to Move to "Main navigation".

  4. Select the page and select the ellipse (...), move the page up and down in the hierarchy using the Move up and Move down options.

  5. Move the page underneath the Pages link. Select the Make this a subpage option to make it a subpage of the Pages page.

  6. Preview the page and note how your page is a sublink under pages and also how the URL reflects that this page is now a subpage.

    Sub page.

See also

Next steps

Advance to the next article to learn how to apply styles to your site.