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?

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 or create one from scratch.

   

   A template sets the fonts, colors, page background and how rounded the corners are.

   To use your own brand colors and fonts, choose Manage style templates at the bottom of the list and click Create new. 

   

   

    

3. Build the page. 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:

   • Columns: A versatile layout element that allows you to add a banner with a 'floating' text box on top

     or create sections with paragraphs of text and images side-by-side. You can add multiple Columns elements on the same page.

     

      

   • If you add text, images and other content without using the Columns element, you can adjust the width of the page from the right-corner menu ('Container width')

     

   • In the 'Text' element, you can make words bold, add links or bullet lists with markdown, and set the text in two or more columns.
   • If you want to add a little bit of space between different elements, use the Spacer element

   I want to add...	Element to use
   Important dates for events and surveys, estimated project schedule	Timeline
   Plans and reports people can download	File download
   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
   Embed the survey or some pages of it	Iframe
   Map responses from a survey	Response map
   Chart responses from a survey	Chart
   Video clip	Youtube or Vimeo video
   Audio clip	Audio

   See also 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. Most websites have distinct sections, e.g. a front page that introduces the project, and subpages for more detailed instructions on how to get involved, where to access documents, frequently asked questions and similar. 

   

   In Maptionnaire, the best way to build different sections is to add all the content to the same Project page and mark different sections with a Section marker element. You'll also notice that a top bar with the section titles appears.

   

    

5. Choose how visitors move between the pages

   

   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.

   

After you publish

• The number of Unique visitors is shown next to each published page in the Project Pages list. See Track visitor numbers on Project Pages.
• To show survey results on your pages, see Share charts on a project page and Share map responses on a project page.
• To take a page offline, see Take a Project Page offline or delete it.