Page Settings
Looking for site-wide settings?
Settings that apply to every page on your site can be found in the Configure Your Site section.
Overview
In Site Builder, the Edit screen of each page includes a Page Settings section.
These options let you control extra details about an individual page beyond the main content, including:
- Setting the page's visibility in navigation, search engines, or automatic card grids
- Adding links to related content at the bottom of the page
- Showing contact information cards for your department or team
- Adding page-specific CSS and JavaScript
Most fields in this section are optional, but they give you extra flexibility when you need to adjust how your page looks and behaves.
Some of the advanced fields in this section are intended for use by those familiar with web development. If you need help, submit a support request.
Page visibility fields
| Element name | Required | Multiple |
|---|---|---|
|
Show in automatic card grid feeds?
If checked, the page is included in automatic card grid feeds.
|
No
|
No
|
|
Show in search engines?
If checked, the page is visible to search engines.
|
No
|
No
|
|
Show in navigation?
If checked, the page appears in site navigation.
|
No
|
No
|
Page settings fields
| Element name | Required | Multiple |
|---|---|---|
|
Body ID
Optional. ID to be added to the page's HTML
body element. Lowercase letters and dashes only (e.g., my-body-id).
|
No
|
No
|
|
Body CSS classes
Optional. Extra CSS classes to be added to the page's HTML
body element. Lowercase letters and dashes only. Separate CSS class names with spaces (e.g., some-class some-other-class).
|
No
|
No
|
|
Page CSS
Extra CSS stylesheets to include on the page. Useful for styling custom content components appearing only on specific pages. If a page on your site needs a specific CSS file, a web developer will let you know which file to include (or will include it for you). |
No
|
Yes
|
|
Page JavaScript
Extra JavaScript files to include on the page. Useful for adding functionality to custom content components appearing only on specific pages. If a page on your site needs a specific JavaScript file, a web developer will let you know which file to include (or will include it for you). |
No
|
Yes
|
|
Social image
Image to show when the page is shared on social media. 1200×630. If you don't choose a social image, sites like Facebook will find an image on the page to use. If there are no images on the page, no image will be shown when it's shared. |
No
|
No
|
|
Feed image
Image to show when the page is listed in card grid feeds. 800×450. |
No
|
No
|
|
Feed sticker ID
Sticker to show when the page is listed in card grid feeds. Only shown if no feed image is specified. Enter the sticker ID (e.g., Visit the Rivet website for a complete list of stickers. |
No
|
No
|
|
Custom metadata field
Custom
meta tags to add to the page. These are for advanced use by a web developer—content managers can usually ignore these fields.
|
No
|
Yes
|
|
Metadata field attribute
Choose
name or http-equiv.
|
Yes
|
No
|
|
Metadata field name
Value to use for metadata field's
name or http-equiv attribute. Lowercase letters and dashes only.
|
Yes
|
No
|
|
Metadata field content
Value to use for metadata field's
content attribute.
|
Yes
|
No
|
|
Show related content?
If checked, links to related content will be shown at the bottom of the page. Use related content links to guide people to other useful information or important next steps in a process. |
No
|
No
|
|
Related content heading
Heading to show above the related content links. Limit to 2-3 words.
|
Yes
|
No
|
|
Related content item
Group containing the fields for a related content link. You can show up to 2 links at the bottom of the page.
|
No
|
Yes
|
|
Related item link
Link to a page on your site or an External Link. The link text will use the page title or External Link name.
|
Yes
|
No
|
|
Related item link parameters
Query string or anchor to add to the link URL (e.g., Useful for linking to a specific section of another page or adding analytics tracking codes. A web developer can help you determine what to put in this field, if anything. |
No
|
No
|
|
Related link eyebrow
Small label that appears above the related link text. Useful for showing a topic or category name.
|
No
|
No
|
|
Show contact information cards?
If checked, one or more contact cards will be shown at the bottom of the page. Use to let visitors know who to contact with questions about the page. |
No
|
No
|
|
Shared contact card
Choose the shared contact cards you'd like to show.
|
Yes
|
Yes
|
Do
- Use to set the image that's shown when a page is shared on social media
- Use related links guide visitors to helpful next steps or related topics
- Use contact cards to help visitors know who to reach out to
- Use to attach CSS and JavaScript files needed by a custom content component on a page
- Use to add custom metadata fields to a page to help with SEO, analytics, or other advanced configuration
Don't
- Use to apply purely aesthetic customizations to a page
- Add several CSS or JavaScript files to a page—this can slow down load times or cause errors
- Use both images and stickers in a single card grid—choose one or the other
- Use related links to direct visitors back to the section index page or your site's home page—these links are already in the breadcrumb navigation