Visitors should be able to find their way around your project website without thinking about it. There are three ways to do it. You can use them alone or together:
- Sections: one page divided into parts, with a menu to move between them. This is the easiest way and the one we recommend for most projects.
- Cards (Grid or Carousel): a set of cards, each leading to a separate Project Page.
- A single link (Page link): one button or card that leads to one other page.
Option 1: Divide one page into sections (recommended)
A Section marker starts a new section on your page. The section titles appear automatically as a menu, so visitors can jump straight to "Get involved", "Documents", "FAQ" and so on.
Written instructions
- Open your Project Page in Edit mode.
- Click Add element and choose Section marker under Layout. Put it where a new section should start.
- Click the marker and type a Section title. This is the name visitors see in the menu. You can also pick a Tab color. The Section slug is created for you and becomes the end of the section's web address (for example #documents), so you can link straight to a section.
- Add the content for that section below the marker: headings, text, images, a survey link and so on.
- Repeat for each section. Everything above your first Section marker is the home part of the page.
Click the # button in the toolbar at the top right of the editor to choose how visitors move between the sections:
- Paginated: each section is shown as its own page. Visitors click a section title in the menu and only that section opens.
- Scrolling: all sections stay on one long page, and the menu scrolls visitors to the section they choose.
In the same place you can change the Home tab label (the name of the first menu item) and add a Logo image to the menu.
- Click Preview and try the menu.
Option 2: Show other pages as cards (Grid and Carousel)
Use this when you have several separate Project Pages, for example one for each district or topic. The Grid shows them as cards in rows. The Carousel shows the cards in one row that visitors can scroll through. Each card has an image, a title and a description, and clicking it opens the page.
- Open the page where the cards should appear, usually your front page.
- Click Add element and choose Grid or Carousel under Layout.
- Choose the Type of items (Project Pages, or the budgeting items if you use participatory budgeting).
- Add the cards one by one. For each card, choose the page from the list, and add the Image, Title and Description that visitors will see. If the page has sections, you can also choose which Section the card opens.
- Optional settings: Show search bar and filter options (Grid) or Show search bar and schedule options (Carousel) lets visitors search the cards. Randomize items shows the cards in a different order each time. In the Carousel, Single line keeps the cards in one row.
Option 3: Link to one other page
Add a Page link element (under Maptionnaire resources) to show a single button or card that leads to another Project Page. Choose the page and, if you like, a section of it, then add an image, title, description and Button text. To send visitors to a survey instead, use the Questionnaire link element. To link to a website outside Maptionnaire, use External link.
Note: the older Pages menu element has been retired. Use Section markers instead.