Leads Module References
This guide contains a description of the content featured in all components and recommended sizes for various layouts.
Below you will find descriptions of the main functionality for a given component. For all components, if a strong match is not found for a given set of query parameters, the user will land on a search results page (the matching page) where they can further refine their search or enter new search terms. After a match is selected, the UI will display the component requested.
Note
Due to limitations of the content width displayed here, some recommended sizes are wider than the width allowed on this page. Screenshots larger than the allowed width are presented but scaled down in size, though the aspect ratio remains consistent.
Recommended Sizes
Inline Mode
| Module | 1-Column Thumbnail | 2-Column Thumbnail | 1-Column Small | 2-Column Small | 1-Column Medium |
|---|---|---|---|---|---|
| Top Card | 300 x 336 px | 625 x 390 px | 300 x 528 px | ||
| Get Introduced | 300 x 336 px | 625 x 336 px | |||
| Messaging | 300 x 336 px | 625 x 390 px | 300 x 528 px | ||
| Connect | 300 x 336 px | 625 x 390 px | 300 x 528 px | ||
| Recent Activity | 300 x 155 px | 625 x 155 px | |||
| Highlights | 300 x 155 px | 625 x 155 px | |||
| Related Leads | 300 x 230 px | 625 x 230 px |
Classic Mode
Modules presented in classic mode are responsive and can be best viewed at the following sizes:
1-Column Small
- Min width: 320px
- Max width: 480px
- Height: 405px
1-Column Medium
- Min width: 320px
- Max width: 640px
- Height: 515px
1-Column Large
- Min width: 320px
- Max width: 640px
- Height: 820px
2-Column Medium
- Min width: 640px
- Max width: 944px
- Height: 515px
3-Column Medium
- Min width: 944px
- Max width: dynamic
- Height: 515px
Top Card
The Top Card displays user profile data for a lead, including name, headline, and role. From this component, users can save, message, or view the lead in Sales Navigator.
Important
Screenshots below were rendered using the TopCard2 query parameter, which should be used in all new implementations.
Top Card, 1-Column Small, Inline
Top Card, 2-Column Small, Inline
Top Card, 1-Column Medium, Inline
Get Introduced
With the Get Introduced component, sales professionals can ask for an introduction to the lead from anyone within their network who may be connected to the lead. If the Sales Navigator instance has licensed TeamLink, users will be able to see anyone in their organization who is connected to the lead who can make the introduction.
Get Introduced, 1-Column Small, Inline
Get Introduced, 2-Column Small, Inline
Messaging
The Messaging component enables sales professionals to send private messages to their connections and InMail to new leads.
Important
If the recipient is not a 1st or 2nd degree connection, an InMail will be sent to the recipient when using this module. For 1st and 2nd degree connections, a normal message will be sent.
Messaging, 1-Column Small, Inline
Messaging, 2-Column Small, Inline
Messaging, 1-Column Medium, Inline
Connect
With the Connect component, sales professionals can send connection invites along with personal messages, to solidify leads and add them to their network.
Connect, 1-Column Small, Inline
Connect, 2-Column Small, Inline
Connect, 1-Column Medium, Inline
Icebreakers
Ice Breakers informs sales professionals on a leads' key activities and interests, and commonalities shared with a sales professional. If a user taps on the light bulb button in Messaging module, the Icebreakers component will load and contain the Recent Activity and Highlights modules. Recent Activity and Highlights can also be loaded individually.
Important
The Icebreakers module is not supported as a standalone module in Inline Mode.
Recent Activity
The Recent Activity component displays updates for a lead, including job updates, news about their company, and shares they have created, liked or commented on.
Recent Activity, 1-Column Thumbnail, Inline
Recent Activity, 2-Column Thumbnail, Inline
Highlights
The Highlights component identifies commonalities in background between the Sales Navigator user and the lead. This information can be leveraged to engage with a potential lead and establish a personal connection.
Highlights, 1-Column Thumbnail, Inline
Highlights, 2-Column Thumbnail, Inline
Related Leads
Related Leads shows the potential leads similar to the target lead, to enable sales professionals to connect with the target lead’s network.
Related Leads, 1-Column Thumbnail, Inline
Related Leads, 2-Column Thumbnail, Inline
Classic Mode with All Modules
The classic mode with all modules will allows you to embed just one iframe with all modules sales professionals might need.
All Modules, 1-Column Medium, Classic
All Modules, 3-Column Medium, Classic