Navigation cards

Navigation cards are what make section pages work as landing pages, directories, and tables of contents. Navigation cards display one or two levels of subpages in easy-to-scan or engaging ways. There are nine default navigation card types, each with unique directory or grid styling. You can experiment with different section templates or navigation cards to see what works best for you.

If you create a page using a section template, it already has a navigation card built in. You can add navigation cards to other pages by modifying the page template.

To add a navigation card

1. Go into edit mode on the page where you want to add the navigation card.
2. Click Set up cards under Content type & template on the right.
3. In the Update cards window, click Modify template.
4. Click +Add card in the column where you want to add the navigation card.
5. In the card selector pop-up, search "grid" or "directory", filter by Navigation Cards, or scroll down to the Navigation cards section.
6. Click on the navigation card you want to add.
7. Click the gear icon to customize the navigation card settings (To learn more, see Navigation card options.) If you change a setting, click Update.
8. Click Done in the Update cards window.
9. Click Save to save the page.

Navigation card styles

Directory style

Compact directory: Two levels of subpages display as text links listed in multiple columns. Also shows page icons, link subpages, and subpage attachment counts.

Detailed directory: Two levels of subpages display as text links in two columns. Also shows page summaries, page icons, link subpages, and subpage attachment counts.

Block directory: Two levels of subpages display in blocks arranged in two columns. Each individual subpage displays in a block along with its child pages. Also shows page summaries, page icons, link subpages, and subpage attachment counts.

Compact block directory: One level of subpages displays as individual blocks arranged in multiple columns. Also shows page icons, link subpages, and subpage attachment counts.

Grid style

Grid: One level of subpages shows as tiles containing thumbnail images and page titles. If no thumbnail image is available, the page icon or a default page icon will display.

Grid 3 columns: Two levels of subpages display as tiles containing images and page titles. Also shows page icons, link subpages, and subpage attachment counts.

Grid square: Two levels of subpages display in columns of blocks containing square thumbnail images on the left and subpage titles on the right. Also shows link subpages and subpage attachment counts.

Grid 2+3: One level of subpages displays as individual blocks arranged in multiple rows. Blocks contain an image on top with page title below. The first two rows display two blocks each, additional rows display three blocks each. Also shows link subpages and subpage attachment counts.

Grid 3+4: One level of subpages displays as individual blocks arranged in multiple rows. Blocks contain an image on top with page title below. The first row displays three blocks, additional rows display four blocks each. Also shows link subpages and subpage attachment counts.

The appearance of the above navigation cards may differ depending on customizable options and settings. To learn more, see Navigation card options, Add page icon or emoji, and How to crop a thumbnail image.