Help Center › Pure HTML - Placeholder Reference
Overview
Placeholders are variables you insert into your HTML template. When the profile is viewed, they are replaced with real data. Use the format {{placeholder_name}}.
Important: Only simple placeholder replacement is supported. Conditionals like {{#if}} are not supported.
Profile Placeholders
| Placeholder | Description |
|-------------|-------------|
| {{first_name}} | First name |
| {{last_name}} | Last name |
| {{full_name}} | Full name |
| {{job_title}} | Job title |
| {{headline}} | Bio or headline |
| {{work_email}} | Work email |
| {{work_phone}} | Work phone |
| {{mobile}} | Mobile number |
| {{work_website}} | Work website |
| {{image_profile_url}} | Profile photo URL |
| {{image_hero_url}} | Banner/cover image URL |
| {{social_links_html}} | Pre-rendered social links (profile) |
Team / Department Placeholders
Team placeholders use the profile's assigned team. If the profile is not assigned to a team, these may be empty. See Teams and Companies for profile assignment.
| Placeholder | Description |
|-------------|-------------|
| {{department}} | Team or department name |
| {{team_email}} | Team email |
| {{team_phone}} | Team phone |
| {{team_website}} | Team website |
| {{team_logo_url}} | Team logo URL |
| {{team_hero_url}} | Team banner URL |
| {{team_links_html}} | Pre-rendered team social links |
Company Placeholders
| Placeholder | Description |
|-------------|-------------|
| {{company}} | Company name |
| {{company_email}} | Company email |
| {{company_phone}} | Company phone |
| {{company_website}} | Company website |
| {{company_logo_url}} | Company logo URL |
| {{company_hero_url}} | Company banner URL |
| {{company_links_html}} | Pre-rendered company social links |
Combined Placeholders
| Placeholder | Description |
|-------------|-------------|
| {{all_social_links_html}} | All social links (profile + team + company) |
| {{image_logo_url}} | Logo (company fallback) |
Action Placeholders
| Placeholder | Description |
|-------------|-------------|
| {{vcard_url}} | URL for the Save Contact button (downloads vCard) |
Usage Examples
Profile photo
`html
`
Name and title
`html
{{first_name}} {{last_name}}
{{job_title}}
{{company}}
`
Save Contact button
`html
`
Social links
`html
`
Hero background
`html
`
Email link
`html
`
Phone link
`html
`
Styling Social Links
The *_links_html placeholders output pre-rendered HTML with FontAwesome icons. Each link has a structure like:
`html
My LinkedIn
`
You can style these with CSS. For example, to show icons only:
`css
.social-link span { display: none; }
.social-link i { font-size: 24px; color: #3b82f6; }
`
Inserting Placeholders
In the Pure HTML Editor, open the Variables panel. Click any placeholder to insert it at the cursor position in the code editor.
Related
- Pure HTML Editor - Data Sources and Placeholders — Same content with data source focus and image examples
- Pure Profile Template Builder — Full guide
- Visual Profile Builder — No-code alternative
- Designing Your Card — Overview