Note - This is an EHQ Enterprise Edition feature.
The Hub landing page is used to collect, organise and promote the various projects that are assigned to your Hub.

Since this is essentially a showcase page for the collection of your projects, it's important to introduce and explain what makes your Hub unique and introduce branding elements that give a personality to your Hub.

There is only one Hub landing page layout, which we call Tarrabool and it works best  with the Bondi or Whitehaven templates of your site. Use the detailed steps below to learn how to populate this template for your Hub homepage.

1. Select the Hubs link from the top menu of EHQ and click on your specific hub from the drop-down menu.  

2. The Edit Hub page is displayed. Click on Editor.

3. The Edit your hub page is displayed. This is where you can customise your hub landing page.

4. Use the wireframe of the Hub landing page to edit the content of the page. Each content section is referred to as a content card and can be used to assign different content. Click on Preview at any time to preview your changes.
5. Click on the first tile. This can be used to display a Banner for your Hub homepage. 

You can use the following options here:

  • Show: Every card can be hidden. If the Show slider is green, your card is currently displaying information, you have to move the slider to hide it, if not required.
  • Upload Image: Upload an image for the banner. Read the article on Best Image Sizes in EHQ to understand what size images to upload.
  • Customize Alt Text: The alt text for your image is used for accessibility and search engine optimisation. You can leave this as it is however, it's better to give a meaningful alt text. The text should describe in a few words what can be seen in your image, e.g. "company logo".
  • Save: Ensure that you click the Save button to apply any of the changes.

6. Click on the second tile to add the details of your Hub. This is known as the Freestyle Card.

You can use the following options here:

  • Show: If the Show slider is green, your card is currently displaying information, and you can move the slider to hide it.
  • Title: Enter a title for your hub. This title is displayed in large letters at the top of the page.
  • Description: Enter a description of your page. You must use this space to describe what your Hub landing page is all about. This box accepts basic HTML if you need to utilise text styling or embed content. 
  • Upload Image: The image or logo is displayed to the left of your description. The maximum width allowed is 350 pixels. You can choose not to display this if you have chosen to display a banner.
  • Alternative Text: The alt-text for your image is used for accessibility and search engine optimisation. You can leave this as it is, however, it is better to give a meaningful alt text. The text should describe in a few words what can be seen in your image, e.g. "company logo".
  • Settings: You can toggle on or off the title and the logo.
  • Save: Ensure that you click the Save button to apply any of the changes.

7.  Click the third tile to edit the Lifecycle tile. This option will pull through a timeline from a Life Cycle Widget on one of your project pages. Because this lifecycle is a Hub landing page featured timeline, we most often see this utilised when the Hub is dedicated to a single project and all of the associated projects on the Hub are interrelated. Read our help article Outline your project's timeline to understand how to setup a Lifecycle widget. Once a Lifecycle Widget is setup on one of your projects, then simply select assign that widget to be displayed on your Hub landing page using this section.

This widget is fixed to be third in line. However, you can hide any widgets located above the Life Cycle widget to make it appear higher.

You can use the following options here:

  • Show: If the Show slider is green (), your card is currently displaying information, and you can move the slider to hide it.
  • Select Project: Click on the drop-down menu and select the project where you would like to pull the widget information from.
  • Customize Title: Enter a title for your Life Cycle Widget. The title is displayed in large letters at the top of the widget.
  • Save: Ensure that you click the Save button to apply any of the changes.

8. The next set of tiles are the Card Lists and are used to display and arrange your projects. These can be organised by two in a row, three in a row or four in a row. You can choose to display any or all the cards at a time depending on the projects you would like to showcase.

These Card Lists also utilise the automated project association functionality, meaning you can use project tags to automatically assign projects to the relevant card list. You can still choose to assign your projects manually, however automation allows you to set and forget and works great for the aggregated projects in a hub. 

In the above image, you can see that the option Select cards is set to Autofill using tags and the project tag associated with it is pet. This means that any project with the tag pet will automatically be added to this collection. Also, the following options are present here:

  • Show: If the Show slider is green, your card list is currently displaying information, and you can move the slider to hide the entire card list.
  • Customize Title: Click to customize the title of your card list. This section is often used to identify the project status ie. Current Projects or other identifiers related to the collection of projects.
  • Select Project Status: Choose to display only Published or only Archived or all projects.
  • Order Card by: Choose to order the cards by project published date or in alphabetically order by the title of the project.
  • Card Layout: Choose the number of columns and rows on the card list to display the projects. 
  • Settings: Click on the Settings option to change the card settings.
  • Card CTA Title: Provide a useful title here to link to more content for the card. 
  • Call-to-Action: This can be used to link to more content. This should be turned on by selecting the checkbox and providing a title and URL.
  • Save: Ensure that you click the Save button to apply any of the changes.

9. On the last row there are three boxes for widgets. As per the Lifecycle Widget Card above, these widgets will also pull content through from widgets on project pages. These boxes allow you to pull through information from the following widgets; News List, Photos, Videos or Key dates. You can also choose to show or hide each of these tiles.

  • Show: If the Show slider is green (), your card is currently displaying information, and you can move the slider to hide it.
  • Select Project: Select the project from which you want to source the content. If you choose 'All Projects' EHQ takes the latest items from across all your projects (only works with some widgets).
  • Select Widget Type: Click on the drop-down menu and select the appropriate widget type.
  • Customize Title: Click to customize the title of your card. You can also opt not to display the title at all by unselecting the Show Title checkbox.
  • Number of Items: Enter the number of lines (items) shown in the widget. The more you choose the longer the widget gets.
  • Select Layout: Click on a radio button to select the required layout. You can change the settings accordingly for that particular layout.
  • Save: Ensure that you click the Save button to apply any of the changes.

Saving and Previewing
When you make changes, ensure to save them before moving on. Click the Preview button to see how your homepage has changed, ensure that all cards work the way they have to, check that the image quality is good, check text for typos and click on call to action and images to ensure that they navigate to where you want them to.

Hide a tile or card
You can hide any of the tiles at any time by using the Show toggle button and clicking on Save. This is to ensure that the card does not show on the homepage.


TIP -
 Since this is your landing page and the first page your visitors will see, you should maintain this page by updating it regularly when new projects are launched and making sure that all links work at all times.

Did this answer your question?