Build a project website (Project Pages)

What are Project Pages?

Project Pages are essentially a simple, accessible website that complements the survey. It's included in the Communicate and higher subscription levels.

Here are some ideas of how to use project pages:

  • Create a landing page to provide stakeholders with more information on the project, incl. planning documents
  • Keep stakeholders updated about events and deadlines
  • Direct respondents to answer questionnaires via links or by embedding the questionnaire
  • Direct respondents to the project pages after they complete the survey
  • Share questionnaire results 
  • Ask for additional information that was not covered by the questionnaire 


Here's a demo for the imaginary city of Oakhaven. We've also used the Project Page editor to create our demo pages. 

Ok, so how do I create one?

 

Written instructions
 
  1. Create the page. On the top bar in your team, open Project Pages and click New page. Choose the language, give the page an Internal title (only your team sees it) and a Public title (visitors see it), then click Create.
  2. Set the look of the page. Before you add content, decide how the page should look. Click the palette button (Style template) in the toolbar at the top right of the editor and pick a style template. A template sets the fonts, colors, page background and how rounded the corners are.

    To use your own brand colors, fonts or background, choose Manage style templates at the bottom of the list and click Create new. The button next to the palette, Container width, makes the page narrower or wider. See Brand your Project Pages.

  3. Add your content. Click Add element (or one of the + buttons between elements) to open the library. It lists everything you can put on your page, grouped by what it does. Click an item to add it to the page, click it on the page to edit it, and use the ? symbol next to a setting for help. Drag and drop to change the order. Here is what most project websites start with:

    • A big picture across the top of the page: Page-wide image (hero image). You can add a title on top of it.
    • Headings and paragraphs of text: Heading and Text. In a Text, you can make words bold, add links or bullet lists with markdown, and set the text in two or more columns.
    • Photos, maps or logos: Image.
    • Videos and audio: YouTube video, Vimeo video and Audio.
    • Important dates, such as when the survey closes or when a meeting takes place: Timeline.
    • Plans and reports people can download: File download, which adds a download button.
    • Links to other websites: Hyperlink for a simple text link, or External link for a card with an image and description.
    • A button that opens your survey: Questionnaire link. To show the survey on the page instead, use Iframe.
    • Text next to a picture, or a section on a colored or picture background: Columns.

    See Add content to your Project Pages for every element and its settings, and Customize the layout of a Project Page for layout ideas.

  4. Divide the page into sections. To split your website into parts, such as "Get involved", "Documents" and "FAQ", add a Section marker where each new part should start and give it a Section title. A menu of tabs appears at the top of the page automatically. Put the content of each part below its marker. Everything above your first Section marker is your home section.
  5. Choose how visitors move around. Click the # button on the right side of the editor to choose the Navigation mode. In Paginated mode, each section opens as its own page. In Scrolling mode, all sections stay on one long page and the menu scrolls to each one. In the same place you can set the Home tab label and add a Logo image to the menu. See Link pages together to create a website.
  6. Preview and publish. Click Preview to see what the page looks like. When you are ready to launch, click Publish. You can still edit the page afterwards, just remember to publish again to put your changes on the live page.

    The page's link and QR code are created the first time you publish, and they stay the same when you publish again. You can find them, and set a custom link ending, under Publish. See Project Page web address (URL) and QR code.

 

Prefer a separate page for each part?

You can also create each part as its own Project Page and link the pages together with a Page link, Grid or Carousel element on your home page. This works well for large projects or when different people maintain different parts. See Link pages together to create a website.

After you publish

 

Want to embed questions or even an entire questionnaire on the Project Page? Then look into the iframe element.

Was this article helpful?
0 out of 0 found this helpful