Creating Pages in Guru

Guru Pages empower organizations to create a personalized, visually engaging home base for their teams. With Guru Pages, you can reflect your brand, culture, and unique team needs. This ensures that when users log in, they're greeted by a tailored experience that’s informative and easy to navigate.

Check out our interactive tour showing how to set up Custom Pages!

📘

Best Practice

You can check out a recording of our previous Custom Pages Workshops here.

👥

Access Required

Only Guru Admins and Page Owners have the ability to edit the main workspace homepage.

Guru Admins can also create other Pages, assign a Page Owner, assign who else is able to edit that Page, and who can view the Page upon publication.

Editing a default Homepage

Every Guru account has a Home page by default. This Page is great for presenting information org-wide. The permissions cannot be changed for a default Homepage.

1. At the top of your left-hand navigation column, select Home.
2. Next, follow the steps listed below to Edit the Page, Edit the Banner, Edit the Background Color,

Creating a Page

1. Navigate to the left-hand navigation column and select Manage, then Pages, then Create New Page. Alternately, you can select New Page from the left column.

2. Enter a name for the Page and assign and emoji to appear on the left-hand navigation column.

3. Select Create Page draft

4. Establish the permissions:

   1. Page Owner: Page Owners can Delete the Page, Edit the Page, and Manage the Page permissions.**
   2. Page Author: Page Authors can edit the Page.
   3. You'll be prompted later to choose who will be able to View the Page, once the Page is published>

✍️

Note

For Homepages, only Admins and Owners can edit, manage, and publish.

For other Pages Admins and Owners can specify users or Groups to have access to view or edit the Page.

4. Click Create Page.

Once the page is created, you have the option to create sub-pages, allowing for multiple layers of content. This makes it easier to organize information, such as having a main page for a department with sub-pages for specific projects or initiatives.

💡

Tip

When creating a new page, our editor provides a starting point with pre-existing content blocks like featured cards, announcements, and messages. This helps you create a polished page quickly.

Editing the Banner

1. To change the banner image behind the search bar, click Edit in the bottom right corner of the banner. The banner image file size must be below 15MB, and the ideal ratio image is 16:3.
2. Customize the rest of your Guru web app branding using these instructions.

📘

Best Practices for Banner images

You can find some additional tips for your banner image in this public Guru Card: Header images for Pages.

Editing the Background Color of the Page

1. Navigate to Page Styles in the top right corner of the page.
2. Select Background Color and choose a color to underlay the text on that page.

Assigning a Page a Knowledge Agent

You can assign a page a Knowledge Agent, which allows you to default the search filter for a specific page to a specific Agent.

1. To assign a Knowledge Agent to a page, first go to Manage > Knowledge Agent, find the Agent you want to live on this page, and ensure that it is activated to search content in the Guru web app by toggling on the Activate this Knowledge Agent button.
2. Next, navigate to the Page Editor. When you click on the search bar under Assign the default Knowledge Agent for this page you should see the relevant Knowledge Agent listed.

Editing a Page

Once your page is created, use the Page editor to customize content:

1. In the page editor, go to the top right corner and select Page Styles to determine the formatting. These choices will control the location and size of blocks on the page. This is also where you can change the background color of the page. There are three layout options:

2. 

   Once you've established the layout of the page, you can add blocks with relevant content for your team. To do this click the circle icon between, above, and below existing blocks.

3. Once you've created a new block, decide what content you want to add to the block. You can add:

• Text
  • You can use the /command or highlight the text to view the Guru editor to reformat the text as a header, bulleted list, etc.
• Images
  • You can crop images directly in the editor by clicking the crop button, resizing, and saving. This gives you more control over how images appear within your content.
• Video
• Tables
• Iframes
  • You can embed essentially any tool that offers an embed code into your page. For example, you can follow these instructions to embed a company calendar from Google.
• Content blocks - which are pre-set formatting for blocks, to allow you to quickly build engaging pages.
• Guru content blocks (e.g., featured cards, recommended authors to follow). With Guru content blocks you can also highlight key information by adding an image to the Card widget. These suggestions are based on the user's role and engagement.

To delete a block, click the ellipses menu in the top right corner of that block and select Delete Block.

You can also style individual content blocks when editing custom pages. You can select from the following options:

• Default: White background color with no border
• Bordered: White background color with a border
• Drop Shadow: White background color with a drop shadow
• No Background: The background will be transparent, inheriting the color of the page.

Use the Preview button in the top right to see how the content will appear to viewers.

💡

Tip

Quickly Adding Content with Smart Unfurls

Guru will allow you to choose how a link appears when it's pasted into Guru:

• Selecting TITLE will show the title and a Guru icon (for Cards and profiles), or the title and a link icon for other types of content.
• Selecting URL will show the URL as it is written and a Guru icon.
• Selecting GALLERY will show a large thumbnail. Change the default image by hovering over the thumbnail and clicking the image icon.
• Selecting LIST will show a compact view that is good for stacking. Change the default image by hovering over the thumbnail and clicking the image icon.
• Selecting EMBED will show the content in an iframe. Change to full-width by hovering over the iframe and clicking the arrows icon.

📘

Best Practices for Designing a Page

When creating content, consider the following design tips to make your pages visually appealing and user-friendly:

Add boxes in groups of three. Groupings of three are visually appealing and easy to navigate.

Use consistent headers throughout your content. Smaller headers like H3 are suitable for Guru components and boxes, while larger headers like H1 or H2 work well for section titles.

Keep text lengths and box heights consistent. This applies to both headers and body text for each box, helping maintain a clean look.

Place images at the top of content boxes. Follow images with headers and text to draw attention and organize information effectively.

Wrap links around actionable words or images. Avoid phrases like "click on the image." You can instead connect a link to an image or phrase directly.

Keep the design simple. Use italics and underlining sparingly, and avoid excessive colors and callouts, as they can be distracting and make the content harder to read.​

Setting Up Page Permissions

When publishing a page, you'll be prompted to choose who can access it. This can be specific individuals or Guru groups.

After publishing, you can adjust these settings by clicking on the ellipsis menu in the left-navigation column, next to the page name. You can also delete the page from this menu if needed.

✍️

Note

All users will have access to view the workspace Homepage.

Frequently asked questions about pages

Can editors collaborate on a page at the same time?

Currently, we do not support collaborative shared drafts. This means that if multiple editors create their own draft of a custom page, they could overwrite each other's work when publishing. Each editor's draft will still exist even after a version of the page is published. Editors will have the option to publish their draft or load the published page, which will delete their draft.

How can I add a link to an image?

First, add the image to the content block. You can select the image icon or use the command /image. Then, click on the image and select the "add link" icon. Add your URL and save.

How can I edit a Guru content block?

Guru content blocks in Pages include Featured Cards, Recommended for you, Trust Score, Who to follow, and Content to follow. These are determined based on the individual user, their role, and engagement with Guru. They cannot be edited or set to look the same for an entire team.

If you would like to customize the Cards that appear on a page for _all _users, create a text box and use the /guru command to add the Card(s) you wish to highlight.

What is the difference between a Collection and a Page?

Collections are like a filing cabinet where you store information in Guru (in the form of Cards). Pages are like a bulletin board or dashboard where you can share Cards alongside other information, images, links, etc..