Skip to main content

[Growth Hub] Customize the Landing Page

Learn how to customize your Growth Hub landing page to reflect your brand, engage visitors, and boost conversions.

Updated over a week ago

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:

  1. Go to Growth Hub > Storefront Settings > Landing Page.

  2. 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:

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:

  1. Go to Growth Hub > Storefront Settings > Landing Page and open the Listed Product Types tab.

  2. 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:

  1. Go to Growth Hub > Storefront Settings > Landing Page and open the Listed Product Types tab.

  2. Click Customize next to a Product Type.

  3. Open the Category drop-down menu.

  4. Type the name of the new category.

  5. 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?

To upload a background image for the landing page:

  1. Go to Growth Hub > Storefront Settings > Landing Page.

  2. 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?

All Product Types with at least one active listing are displayed on the landing page. To customize their individual appearance:

  1. Go to Growth Hub > Storefront Settings > Landing Page.

  2. Open the Listed Product Types tab and click Customize.

  3. Customize the Product Type card.

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:

  1. Open the Flex Admin Portal and go to Growth Hub > Storefront Settings > Landing Page.

  2. Open the Listed Product Types tab.

  3. Click Customize next to a Product Type.

  4. Click Upload thumbnail image.

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.

  1. Go to Growth Hub > Storefront Settings > Landing Page.

  2. On the Landing Page Appearance tab, you can find and copy the embed code for your landing page in the Links section.

  3. On the Listed Product Types tab, click Customize next to a product type.

  4. 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?

  1. Go to Growth Hub > Storefront Settings > Landing Page.

  2. In the Links section on the Landing Page Appearance tab, you can find and copy the redirect link.

Did this answer your question?