Customizing your Growth Hub landing page allows you to create a unique online presence that aligns with your brand identity. By using attractive header images and product sections, you can deliver an engaging and intuitive experience that captures your audience's attention and drives business results.
This article explains the steps to creating a dynamic and personalized landing page, ensuring your website looks great and performs effectively.
Customize the landing page appearance
You can customize the landing page of your Growth Hub website to match your brand and business needs.
To customize your landing page, follow these steps:
Go to
Growth Hub > Storefront Settings > Landing Page.
On the Landing Page Appearance tab, you can customize your landing page.
There are three sections on the Landing Page Appearance tab: "Page Header," "Products Section," and "Links."
Customize the landing page header
In the Page Header section, you can:
Upload a background image: This image is displayed on the landing page's background. Use a high-resolution image for best results.
Write a title: The title will appear at the top of your landing page.
Write a subtitle: The subtitle will appear just below the title to provide additional context.
These elements work together to make a strong first impression on your visitors.
This is how the header elements appear on the website:
Customize the product section
The Products Section lets you customize how the product list appears on your landing page.
You can:
Set the background color: Choose a color that matches your branding.
Write a section title: This title will be displayed above the products on the landing page. Here are some examples:
Choose Your Workspace Solution
Offices Designed for How You Work
Workplace Solutions for Every Need
This section helps you present your offerings in a clear and attractive way.
This is how the color and the title appear on the website:
Access Growth Hub links
In the Links section, you can manage links that connect your Growth Hub to your external website.
You can:
Find the redirect link: Use this link to direct visitors to your Growth Hub landing page.
Copy a code snippet: Embed Growth Hub into your own website using the provided snippet.
Customize the Product Types listed on the landing page
The Listed Product Types tab lets you control which product types appear on your landing page.
To customize Product Types:
Go to
Growth Hub > Storefront Settings > Landing Page and open the Listed Product Types tab.
Find the Product Type you want to customize and click Customize.
Product Types with at least one active item listed in Growth Hub are listed here.
When customizing a Product Type, you can:
Select the product category (see below ↓): You must create categories to match the products you sell, for example:
Memberships
On-Demand
Private Offices
Customize the Product Type card:
Upload a product card thumbnail. Use a 16:9 aspect ratio for optimal visibility.
Set a product display name. It is used on the Resources and Plans pages.
Set a product description. It is visible on the Resources and Plans pages.
Copy the redirect link: Use it to link directly to the selected Product Type page. The link opens a list of all products of the selected type.
Copy a code snippet: Embed the Product Type page into your website.
This is how the Product Type cards appear on the landing page:
Create product categories
Product categories help you organize your offerings in a structured way on the Growth Hub landing page.
To create a product category:
Go to
Growth Hub > Storefront Settings > Landing Page and open the Listed Product Types tab.
Click Customize next to a Product Type.
Open the Category drop-down menu.
Type the name of the new category.
Click Add Option.
Once created, you can assign products to their relevant categories to improve navigation and clarity for visitors.
This is how the product categories appear on the website:
FAQ: Customizing the Growth Hub landing page
How can I change the background image of the landing page?
How can I change the background image of the landing page?
To upload a background image for the landing page:
Go to
Growth Hub > Storefront Settings > Landing Page.
Open the Landing Page Appearance tab, and upload a background image in the Page Header section.
How do I set which Product Types are shown on the landing page?
How do I set which Product Types are shown on the landing page?
All Product Types with at least one active listing are displayed on the landing page. To customize their individual appearance:
Go to
Growth Hub > Storefront Settings > Landing Page.
Open the Listed Product Types tab and click Customize.
Customize the Product Type card.
How can I add images for the product categories on the landing page?
How can I add images for the product categories on the landing page?
To add images for the product categories listed on the landing page:
Open the Flex Admin Portal and go to
Growth Hub > Storefront Settings > Landing Page.
Open the Listed Product Types tab.
Click Customize next to a Product Type.
Click Upload thumbnail image.
Can I embed Growth Hub into my existing website?
Can I embed Growth Hub into my existing website?
Yes. You can find a code snippet to embed the Growth Hub or a Product Type page directly into your external website.
Go to
Growth Hub > Storefront Settings > Landing Page.
On the Landing Page Appearance tab, you can find and copy the embed code for your landing page in the Links section.
On the Listed Product Types tab, click Customize next to a product type.
You can find and copy the embed code for the specific product page in the Links section.
Where can I find the redirect link to my Growth Hub landing page?
Where can I find the redirect link to my Growth Hub landing page?
Go to
Growth Hub > Storefront Settings > Landing Page.
In the Links section on the Landing Page Appearance tab, you can find and copy the redirect link.