Overview
The Hub Builder allows you to design, structure, and maintain the public-facing InvestorHub experience. This is where you control how your hub looks, how investors navigate through it, and how content is displayed. A clear, well-structured hub helps investors find information quickly and supports stronger engagement.
This guide explains how to customise your theme, configure settings, build your navigation, and structure your content.
Content
1. Customising the look and feel
Before you begin
You can tailor your hub design so it aligns with your company’s brand and visual identity. Before you get started make sure you have all of the details for your brands so that you can update within Theme, you can update:
Company logos
Background and text colours
Light or dark theme
Font styles (including adding Custom fonts)
Custom CSS (for advanced styling)
How to update your theme
Go to Engage → Edit Hub.
See the images below for instructions:
Select the Theme tab.
See the images below for instructions:
Use the left-hand settings panel to update colours, fonts, and styles.
Review your changes using the preview on the right.
Select Save to apply your updates.
Tip: Ensure your colours meet accessibility contrast guidelines for readability.
See the images below for instructions:
2. Updating general settings
Before you begin
The Settings tab lets you configure key site-wide options.
Website title (customising the Hub Title and Page Title for SEO)
Google Analytics and Tag Manager integrations
Sign-up wording and settings
Footer content including:
Contact details
Social media links
Newsletter subscription form
Optional additional links
Add Badges, eg. logos for memberships
Customise the Back to XYZ (for clients not using InvestorHub as a full website replacement)
How to update settings
Go to Engage → Edit Hub → Settings
Select the menu item you want to update
Make your edits
Save your changes
Tip: If you are tracking investor behaviour, add your Google Analytics or Tag Manager ID as early as possible.
See the image below for instructions:
Website Title
This is where you customise how your website appears in search engines and in your hub navigation.
Hub Title is the text that will appear next to your logo in your Hub.
Page Title for SEO is the title appears in search engine results, browser tabs, and when your page is shared on platforms like LinkedIn or X. This will be applied to all hub pages. If left empty, the Hub Title will be used.
Google Analytics and Google Tag Manager
If you have Google Analytics and Tag Manager - enter your IDs here to track audience behaviour and data on your Hub.
Sign up optimisation
Use this to customise the wording for the sign up page along with enabling/disabling the newsletter subscription popup that appears after 15 seconds when someone visits your website (you can also customise the image for this).
Footer
Customise the contents of your Hub Footer - this will appear on all of your Hub pages:
Company information: logo, address, contact info and social media links
Sitemap: create a structured overview of a website’s pages, designed to help audience quickly find and navigate to the content they’re looking for.
Newsletter subscription: allow your audience to subscribe to your email communications. You can add a heading and description as a CTA (use simple form to only asks for email addresses, disabling will ask audience to enter their name)
Footer links: add up to 3 additional links in your footer note next to InvestorHub Privacy Policy (existing footer links cannot be removed)
You can customise the colour scheme of your Footer by selecting the “Design” tab in the Footer Settings
Back button
If you use InvestorHub as an Investor Centre (i.e. not a full website replacement) - you will have the “Back to XYZ” button on the right most side of your navigation bar to direct audience back to your primary website. Use the Back button setting to customise the text
3. Setting up and structuring your content
The Content tab is where you create and manage your hub pages.
Before you begin
This what you are able to create in your Hub:
Create new pages
Navigate to existing pages
Add and edit content blocks
Add and edit smart blocks
Reorder page layout
Preview your changes before publishing
Assigning categories
How to create or edit a page
Go to Engage → Edit Hub → Content.
Use the dropdown or preview panel to select the page you want to edit.
Select Create page to start a new one, or Duplicate existing page to reuse a layout.
Update the page title.
4. Mapping your navigation menu
Your navigation menu helps investors find information quickly. Keep it simple and intuitive.
Before you begin
This what you are able to add to your Hub:
Add links to existing hub pages
Add links to external sites
Reorder menu items
Nest items to create grouped sections
How to update your navigation menu
Go to Engage → Edit Hub → Navigation bar.
Select Add menu item. See the image below for instructions.
Enter the label and choose an existing hub page or add a URL.
Reorder items by dragging the handles.
Nest items by dragging a menu item slightly to the right beneath another item.
Save changes.
Best practice: Keep top-level navigation to five or six items to avoid overwhelming readers.
5. Content blocks
There are 2 different types of Blocks available in the Hub Builder to build your website / investor centre:
Content Blocks: these are customisable multimedia blocks that come in various designs and support images, videos, quicklinks, HTML and more.
Smart Blocks: these are automated blocks for specific content like your LSE releases and Updates. These are mostly preset and show dynamic content, but some can be changed to show certain content if you have used categories for your announcements and updates.
Tips
You can assign a unique “Scroll to ID” for each Content and Smart Block (by editing the block → select “Other” tab → enter unique ID) that can be used in the Quick links block. A very useful tool if you want to direct your audience to a specific section of a webpage in your Investor Hub using the Quick links block. Learn how to do this in the Quick links section below.
For any blocks with images or videos, use the “Image alt text” to enter keywords to boost your SEO
Mix content blocks and smart blocks to create pages that feel dynamic and informative. Keep each page focused on a single purpose, and use visual hierarchy to guide investors through your content.
How to add a block
Select Add block, or hover between existing blocks to insert a new one.
Choose from two block types:
Content blocks – add text, images, video, links, or HTML.
Smart blocks – automatically display dynamic information.
Customise the layout by adjusting alignment, spacing, buttons, and colours.
Select Save to publish your changes.
See the image below for instructions.
Content block types
Header
Hero
Text
Image
Video
Quicklinks
Team
Documents
Welcome message
HTML embed
Grid
To find out more about the Content block types, read our articles Help Centre Articles - Hub Builder - Blocks
Smart block types
Q&A preview
Announcements
Updates
Latest announcements
Market data
Annual reports
Investor presentations
Discover
Webinars
To find out more about the Content block types, read our articles Help Centre Articles - Hub Builder - Blocks
6. Categories
Categories help you organise content and display it on relevant hub pages.
First, you need to assign the category to the announcement or update and then secondly you need to assign a category to the Announcement or Update block.
You can add a category when preparing an announcement, or:
Go to Engage → Newsflow
Select your announcement or update
Select Edit
Choose an existing category or create a new one
Save your changes
See the image below for instructions:
How to add a category section to your hub
In the Hub Builder, add a new Announcement or Updates block
Then select a Category for the block (e.g., Projects page)
How to filter your category
Open the block settings.
Select your category.
Save and publish.
See the image below for instructions:
7. Documents
Select Add block
Select Documents, choose the layout
Single Column
Two Column
Select Add document
Upload your document
Change document name as required
Delete documents as required
Change the order of the document by dragging and dropping using the six dots as a handle
See the image below for instructions:
8. Google Analytics
Google Analytics is a platform that collects data from your websites and apps to create reports that provide insights into your business.
To measure a website, you first have to create a Google Analytics account and then add the details into your Hub.
To set up a Google Analytics on the Hub, follow these steps:
Go to www.analytics.google.com
Sign in with a Google Account
Create an Google Analytics Account
Then add the Google Analytics details to your Hub:
Go to Engage → Edit Hub → Content → Page Settings
Select Google Analytics
Enter your Google Analytics ID to track visitor data on your website. Your ID should look like UA-XXXXXXXXX-X or G-XXXXXXXXXX
To access the data, go to your Google Analytics Account to view
See the image below for instructions:
How to add Google Tag Manager
Google Tag Manager is a free system that lets you manage and deploy marketing tags (like Google Analytics, Facebook Pixel) on your website or app from one central place, without needing developers to edit the site's code every time, making it faster to add, update, and control tracking for analytics, conversions, and ads.
To set up a Google Tag Manager on the Hub, follow these steps:
Sign in with a Google Account
Create an Google Tag Manager Account
Then add the Google Tag Manager details to your Hub:
Go to Engage → Edit Hub → Content → Page Settings
Select Google Tag Manager
Enter your Google ID to track visitor data on your website. Your ID should look like GTM-XXXXXXXX
To access the data, go to your Google Tag Manager Account to view
See the image below for instructions:
What is the difference?
Google Analytics analyses what users do on your site (reporting), while Google Tag Manager manages how you track those actions (tag deployment).
Google Analytics is the dashboard showing website performance (users, sessions, conversions) and Google Tag Manager as the toolbox that deploys the tracking codes (or tags) without needing developers for every change.
9. Meta Descriptions
A meta description is a short summary of a webpage's content (in HTML), appearing as the descriptive text below the title in the Search Engines.
These are designed to entice users to click by highlighting what they'll find on the page. Though not a direct ranking factor for Google, it's crucial for increasing Click-Through Rates (CTR) by acting as a mini-advertisement, convincing searchers your page offers the best solution to their query.
It is important to add the meta descriptions for your hub pages in the hub builder. These can be:
Custom written; or
Generated by AI
You can update your meta descriptions for each page on your website or Hub by:
Go to Engage → Edit Hub → Content → Page Settings
Go to the Contents page you want to update
Select to Page settings
Update the meta description or generate with AI
See the image below for instructions:
10. Improving your SEO
Search engine optimisation (SEO) is the process of improving a website to increase its visibility and ranking in unpaid, "organic" search engine results on platforms like Google. By aligning website content with user intent and technical best practices, SEO aims to drive higher volumes of quality traffic to a site.
You can improve your SEO on your Hub by using clear page titles, adding meta descriptions for specific pages, and adding social images to help search engines understand your hub and improve discoverability.
Before you begin
Each page you have will have their own Page Settings to improve your SEO by:
Changing page names with keywords
Adding meta descriptions of your page with keywords
Adding social images that help with page previews in thumbnail format when you post your page URL in social media posts
How to add meta descriptions and social images
Go to Engage → Edit Hub → Content → Page Settings.
Use the “Name” section to give your page a unique keyword that identifies your business
Use “Description” field to add a paragraph or two about your business and keywords that will help your audience find you via Google and other search engines
Add a Social Image so when you post a link of your page on LinkedIn or X - the post will display a preview of your page.
Other ways to improve your SEO
For any images you have in your webpages, adding keywords to the “Image alt text” and “Image Caption” will help your SEO ranking on search engines
Make sure to also have consistency with keywords across text based blocks in your pages including Header, Hero and Text Blocks
See the image below for instructions:
11. Preview your Draft and Publish your Content
Use the buttons on the top left section of the Hub Builder to preview and preview panel to check your layout and content before selecting Save to publish changes live on your hub.
Before you begin
You’ll be able to preview your changes before setting it Live, along with publishing certain pages Live individually.
How to preview your changes
Go to Engage → Edit Hub → Preview draft
A new tab will open with a preview of your draft
See the image below for instructions:
How to review and publish your changes
Go to Engage → Edit Hub → Review & publish
A pop-up will appear with a view of all the changes you have made to each page
Click Publish changes to set each page live individually, or;
Select Publish all to set all the changes Live
See the image below for instructions:
12. Unpublish or Archive pages
How to unpublish a page
You can unpublish a hub page directly from the hub builder. This means you can take down content without having to delete it.
Go to Engage → Edit Hub → Content → Page Settings
Select the Unpublish page the page will revert to draft and be removed from your navigation menu
See the image below for instructions:
How to archive a page
Once your page is in draft mode, you can also move it to the archive mode. At the bottom of the page, where previously there was the Unpublish page button, there will be an Archive page button, select this to move into archive mode.
What is the difference?
An unpublished page is one which exists on your website and requires you to click “review and publish” to be visible to website viewers. A page which is archived will not be published when you click “review and publish” and would rather exist unpublished on the Hub. Archiving pages is ideal for when you have created a finished page that you unsure if you want to publish yet.
Note: Your archived pages will exist at the bottom. However, your unpublished pages will appear with a blue circle next to them.
You’re ready to build your hub
Once your theme, navigation, and content structure are in place, your hub is ready to publish and share. Keep reviewing your layout as your story evolves and update your pages regularly to keep investors engaged.
If you need help with layout ideas or best practice guidance, your Client Success Manager is here to support you.