The Attributes feature in Instant allows you to add HTML attributes to your published output. This includes assigning semantic HTML tags for SEO and adding custom classes for tracking and triggers.
Accessing Attributes
Select an element on the canvas
Navigate to the Settings tab in the right sidebar
Locate the Attributes section
HTML Tags
HTML tags help with Search Engine Optimization (SEO) by guiding search engines when parsing your site. Assigning the correct tags ensures your content is properly understood and indexed.
Assigning HTML Tags
In the Builder, select the Text element you want to configure
Navigate to the Settings tab in the right sidebar
Under Attributes, select the HTML tag you want the element to have
Available Tags
Tag | Use Case |
Paragraph | Body text, descriptions, general content |
H1 | Main page title (one per page recommended) |
H2 | Section headings |
H3 | Subsection headings |
H4 | Minor headings |
H5 | Small headings |
H6 | Smallest heading level |
Best Practices
Important: Have no more than one H1 tag per page. Multiple H1 tags can confuse search engines and negatively impact SEO.
Recommendation | Description |
Single H1 | Use one H1 for the main page title only |
Hierarchical Structure | Use H2 for sections, H3 for subsections |
Semantic Meaning | Choose tags based on content importance, not visual styling |
Custom Classes
Custom classes allow you to add identifiers to elements for tracking and trigger purposes.
Note: Custom classes are available from the Pro plan and higher.
Supported Elements
Custom classes can be assigned to:
Text elements
Container elements
Adding a Custom Class
Select a Text or Container element on the canvas
Navigate to the Settings tab in the right sidebar
Under Attributes, enter your custom class name
The custom class will be appended to the Instant classes when publishing.
Valid Use Cases
Use Case | Description |
Tracking Events | Trigger analytics events when elements are clicked (e.g., GTM data layer events) |
Popup Triggers | Activate popups or modals when elements are clicked |
Third-Party Integrations | Connect elements to external tools and services |
Quick Reference
Task | Location |
Access Attributes | Select element → Settings tab → Attributes |
Set HTML tag | Attributes → Tag dropdown |
Add custom class | Attributes → Custom Class field (Pro+) |
HTML Tag Guidelines
Tag | Quantity Per Page |
H1 | Maximum 1 |
H2-H6 | As needed for structure |
Paragraph | As needed for content |
Custom Classes Summary
Aspect | Details |
Availability | Pro plan and higher |
Supported Elements | Text, Containers |
Valid Uses | Tracking, triggers, integrations |
Not Recommended | Custom CSS styling |