Help Center › Pure HTML Editor - Data Sources and Placeholders
Overview
In the Pure HTML Editor, you use placeholders to insert dynamic data. Each placeholder pulls from a specific source: User (profile), Team (department), or Company. Choosing the right placeholder controls whose data appears — for example, {{team_logo_url}} shows the team logo, {{company_logo_url}} shows the company logo.
Format: {{placeholder_name}}. Only simple replacement is supported. No conditionals.
Team data: 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.
---
Images by Source
Images can come from profile, team, or company. Use the placeholder that matches the source you want.
| Source | Profile photo / avatar | Hero / banner |
|--------|------------------------|---------------|
| User | {{image_profile_url}} | {{image_hero_url}} |
| Team | {{team_logo_url}} | {{team_hero_url}} |
| Company | {{company_logo_url}} | {{company_hero_url}} |
Combined: {{image_logo_url}} — Logo with company fallback.
Example: Profile photo
`html
`
Example: Team logo
`html
`
Example: Company banner
`html
`
---
Profile (User) 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
| 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) |
---
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 — Main guide
- Visual Builder - Data Sources — Same concept in Visual Builder
- Teams and Companies — Profile assignment to teams
- Designing Your Card — Overview