Create and manage pages in Composer

Building out a Composer site involves creating pages, entering Compose mode to add elements, previewing in desktop and mobile views, and publishing when ready. This article walks through every step from page creation to unpublishing.

đź’ˇQuick answers

  • Where do I find my site pages in Composer? In the Pages panel of Composer's left navigation. The panel shows the domain at the top and a tree of pages beneath it; click any page to open it, or hover for the three-dot Action Menu.
  • Creating a new page? Hover next to the parent page in the page tree, click the three-dot menu, and select New Page. Give the page a name, optionally check Hide from navigation elements, then click Save.
  • What does Compose mode let me do? Edit the page. Find the Compose toggle in the bottom-left corner and switch it from Preview mode to Compose mode to start adding or changing elements.
  • Can a page be previewed on different screen sizes? Yes. Click the eyeball icon to open the published version in a new tab for desktop preview, or click the small mobile icon in the bottom-right corner to preview on different mobile screen sizes.
  • Publishing a page when ready? Click the Publish button in the bottom-right corner of the page. See Page statuses, Bulk publish pages, and Use the request to publish page feature for related options.
  • Unpublishing a page without deleting it? Open the three-dot More Actions menu and click the circle-slash icon. Confirm the warnings (visitors will get a 404 on this page and any sub-pages), then click Unpublish. Page content stays in Composer but is removed from the public site.

In this article


Navigate to your pages

At the top of your Pages panel, you’ll find your domain, your organization’s site. You may have more than one domain, if you have more than one website to manage in Composer. 

Underneath the domain are your site’s main content pages in a “tree” structure. Hover next to a page under which you would like to create a new Composer page. Click on the three-dot menu to activate the Action Menu and select New Page.

Markup on 2023-08-16 at 14:44:27.png

Create a new page

Give your page a name, and select the Hide from navigation elements checkbox if you want to keep it from appearing in any menus. Then click Save.

newpagedialog.png

Enter Compose mode

Find the Compose toggle in the bottom left corner of your editing panel and toggle it from Preview mode into Compose mode so that you can start making edits on your page.

toggle compose mode.png

Add elements to your page

Once saved, you are ready to add elements to your page by clicking on the Add Element button that appears when hovering at the bottom of any element on your page which opens up The Element Library. Refer to our article, "Understanding elements" to help you get started. 

add element button.png

Preview your page in multiple ways

Once you've made your edits, here are some ways you can preview your page:

  1. Toggle the Compose button back to Preview Mode 

    Then, you can see what your page will look like once it's live. You can even adjust condense and close your page tree navigation panel by clicking on the small arrow nearby to be able to see your newly designed page full width. 
    Expand Nav.png

  2. Click the eyeball icon to preview the desktop view

    You can view the published version of your page in a new tab. 
    eyeball takes you to live view.png

  3. Preview the mobile icon to preview the mobile view on different screen sizes

    Remember that more than 55% of your website traffic viewing your page on a mobile device! Click the small mobile icon in the bottom right corner to view each of your pages as it will stack up on different screen sizes.

    view page on different screen sizes.gif

Publish a page

When you are ready for the world to see your page, click the Publish button in the bottom right corner.
publish button.png

Learn more about the details surrounding publishing a Composer page using the following resources: 

Unpublish a page

Admin users who have rights to publish Composer pages also have the ability to unpublish pages, removing the page and any sub-pages from the public-facing side of the website.

  • Unpublishing will present the user with a 404 error on these pages, but the page content will remain in Composer.
  • Deleted pages can only be restored up to a year after they've been deleted. Therefore, unpublishing is the best option when a page may need to be re-used in the future. 

To unpublish a page, open the three-dot "More Actions" menu and select the circle backslash symbol. 

unpublish page screenshot.png

The Unpublish Page window will appear with some reminders:

  • Visitors will receive a 404 error when navigating to this page.
  • There may be sub-pages beneath the page that will also be unpublished when you take action.
  • Check boxes to confirm your understanding.

unpublish page window.png

Add an optional comment in the window that pops up (so you remember why you made this page disappear) and select Unpublish.  

Was this article helpful?
44 out of 53 found this helpful

Comments

0 comments

Please Sign in to leave a comment if you don't see the comment box below.