Hubs Configuration

Edit, style, and configure your Hub based on your needs

Each Hub consists of three configurable steps:

• Content

• Personalize

• Styling

• Options

👉 Content Configuration

1) Choose between Playlist and Gallery

Create a new Hub and select the right layout for your needs.

2) Add Header & CTAs

Set up the main title, description, and call-to-action buttons for your Hub.

• Title: Name your Buyer Hub (e.g., "Interactive Product Demos")

• Description: Brief description of what's inside (e.g., "Key product capabilities to enhance customer engagement")

• Primary CTA: Main call-to-action text and URL (e.g., "Book a Demo")

• Secondary CTA: Optional second CTA (e.g., "Share" or "Visit Pricing")

• Upload Logo: Add your company logo (.ico, .png, .svg formats)

3) Choose your layout

Select how prospects will navigate your content:

• Single layout: All content in one unified section. Best for focused, linear experiences (e.g., post-call follow-ups, champion enablement)

• Multi-layout: Break content into multiple sections. Best for serving different stakeholders with different needs (e.g., "For CFO", "For Technical Teams", "For End Users")

4) Add Sections (Multi-layout only)

If using multi-layout, organize content into sections:

• Click "+ Add Section"

• Enter section title (e.g., "Integrations")

• Select alignment (Center or Left)

5. Add Content to Sections

Now’s the fun part. Add demos, videos, documents, and other materials to your Buyer Hub:

• Click "+ Add Content" in a section

• Choose from available assets or search for a specific one

• Configure the asset’s display title

• Add hover button text (shown when hovering over the demo card)

• Optionally change the preview image

---

👉 Personalize Hubs

Personalize your Hubs with dynamic tokens that automatically swap prospect information throughout the experience.

How it works:

• Add tokens (text or image) when configuring your Buyer Hub content

• Fill in values when generating share links

• Prospects see a fully personalized experience with their company name, logo, or other relevant details

Available tokens:

• Text tokens: {{companyname}}, {{firstname}}, {{lastname}}, {{dates}}, {{currencies}}

• Image tokens: Company logos

Pro tip: Use personalization strategically—a few well-placed tokens (Hub title, intro section) feel thoughtful without being excessive.

---

👉 Styling Configuration

You can style your Hubs to perfectly match your brand's look and feel.

1) General, Header & CTAs Styling

• Font Family: Select the font for your Buyer Hub.

• Background Color: Set the background color.

• Text Style: Customize heading and description text size and color.

• Primary and Secondary CTA Styling: Set base color, text color, and, text size.

2) Section Styling

• Section Title Styling: Set the heading text size and color.

• Card Title: Configure background color, title size, and hover message styling.

• Hover Message: Set the color and text size of the hover message of the demo card.

---