Link
Add hyperlinks within text for navigation and external resources
Add clickable links within your text content. Links can point to external websites, other pages, email addresses, or page sections.
Quick Reference
Purpose: Create clickable text links
Types: External, internal, email, phone, anchor
Styling: Inherits text color, underline on hover
Tracking: Auto-tracked for analytics
Mobile: Touch-friendly tap targets
Adding Links
The Link Interface
When you click the link icon, you'll see:
URL input field: Type or paste your link here
Checkbox: Must be clicked to confirm and apply the link
After linking: Shows "Edit link" with external link icon
Method 1: Select and Link
Select text you want to link
Click link icon in toolbar (or Cmd/Ctrl+K)
Enter URL or select destination
Important: Click the checkbox to confirm your link
The link is applied when checkbox is checked
Method 2: Paste Over Text
Copy URL to clipboard
Select text to link
Paste (Cmd/Ctrl+V)
Auto-converts to link
Checkbox is auto-checked for pasted links
Link Types
External Links
Full URLs:
https://example.com
Opens in new tab by default
Include https:// protocol
Internal Pages
Select from page dropdown
Same-tab navigation
Updates if page renamed
Email Links
Format:
mailto:[email protected]
Can include subject:
mailto:[email protected]?subject=Hello
Opens default email client
Phone Links
Format:
tel:+1234567890
Clickable on mobile
Include country code
Anchor Links
Format:
#section-name
Scrolls to page section
Smooth scroll behavior
Dynamic Links (Templates Only)
Use merge variables for personalized links
Example:
{{LINKS.BOOK_MEETINGS}}
Each recipient gets their unique link
Common variables:
{{LINKS.BOOK_MEETINGS}}
- Scheduling link{{LINKS.UNSUBSCRIBE}}
- Unsubscribe link{{LINKS.VIEW_IN_BROWSER}}
- Web version link
Configuration
Link Settings
Open in new tab: Toggle for external links
Nofollow: For untrusted links
Title attribute: Hover tooltip text
Styling Options
Text color (inherits or custom)
Underline (always, hover, never)
Bold/italic formatting preserved
Best Practices
Descriptive text: "Learn more about pricing" vs "Click here"
Context: Make link purpose clear
Length: Link phrases, not entire sentences
Accessibility: Meaningful link text for screen readers
Testing: Verify all links work
Mobile: Ensure adequate tap targets
Common Patterns
Inline CTAs
"Start your free trial"
"Download our pricing guide"
Resource Links
"See our documentation"
"Read the case study"
Contact Links
"Email us at [email protected]"
"Call 1-800-SALES"
Navigation
"Back to top"
"Skip to main content"
Design Tips
Visual Distinction
Different color from body text
Underline or hover effect
Consistent throughout site
Link Density
Don't over-link
Focus on valuable destinations
Group related links
Mobile Optimization
Adequate spacing between links
Clear tap targets
Test thumb reach
Troubleshooting
Link not working
Check URL format
Verify https:// included
Test in preview mode
Styling not showing
Check section text color
Verify theme settings
Clear formatting and reapply
Can't select link
Click at edge of link
Use keyboard navigation
Edit in link dialog
UTM Parameters & Tracking
Adding UTM Parameters
You can add tracking parameters to any link:
Example:
?utm_source=email&utm_campaign=spring2024
Helps track which campaigns drive clicks
Works with all link types (external, internal, resources)
For Templates: Use variables in UTM values
Example:
?utm_source={{CONTACT.SOURCE}}&utm_campaign=onboarding
Dynamically personalize tracking per recipient
Analytics
Any click of a link gets picked up by our engagement tracking. It's a great indicator someone is interested in what you are sharing with them.
Related Features
Last updated