Custom JS/HTML
The Custom JS/HTML element allows you to embed custom JavaScript or HTML, such as scheduling tools or third-party widgets.
How to Use
Drag the Custom JS/HTML element into a column.
Click the element to open settings.
Click Open Code Editor and paste your code.
Important: Kyrios does not troubleshoot or edit custom code.
Survey
The Survey element displays an existing survey directly on your page.
How to Use
Drag the Survey element into a column.
Select a survey from the dropdown.
Save the page.
Requirement: A survey must already exist before selection.
Calendar
The Calendar element allows visitors to book appointments using an existing calendar.
How to Use
Drag the Calendar element into a column.
Select a calendar from the dropdown.
Save the page.
Requirement: A calendar must already be created.
Map
The Map element displays a location pin for a physical address.
How to Use
Drag the Map element into a column.
Open element settings.
Click Open Search Box.
Search for the address and adjust the pin if needed.
Save changes.
SVG
The SVG element allows you to upload and display scalable vector graphics.
How to Use
Drag the SVG element into a column.
Open the element settings.
Upload an SVG file.
Adjust colors if supported by the file.
Requirement: Files must be in SVG format.
Reviews
The Reviews element displays reviews collected from contacts.
How to Use
Drag the Reviews element into a column.
Save the page.
Preview or publish to view reviews.
Note: Reviews appear only in preview or live mode.
Number Counter
The Number Counter element animates numerical values to highlight metrics such as totals or statistics.
Common Use Cases
Revenue totals
Client counts
Performance statistics
QR Code
The QR Code element allows you to add scannable QR codes to pages.
How to Use
Create or select an existing QR code
Link the QR code to any URL
Use Case: Ideal for mobile-to-desktop or offline-to-online navigation.
Pricing Table
The Pricing Table element displays pricing plans using flexible layouts.
Available Layouts
Grid
Carousel
Classic
Comparison
Customization Options
Pricing models
Feature lists
Buttons linking to pages or actions
Block Editor
The Block Editor enhances text formatting and content control within text-based elements.
Accessing the Block Editor
Edit a website or funnel.
Click a text-based element.
Highlight text to open the Block Editor toolbar.
Headings and Text Levels
Use heading levels (H1–H6) to structure content clearly.
Dynamic Variables
Insert dynamic values such as contact or appointment data directly into text.
Subscript, Superscript, and Lists
Format text using subscript, superscript, and structured bullet lists.
AI Writing Tools
Use built-in AI tools to rewrite, simplify, or expand selected text.
Font and Style Customization
Apply custom fonts, font weights, colors, and spacing using the right-side panel.
Common Issues and Fixes
Element Not Displaying
Ensure the page is saved
Preview or publish the page
Survey or Calendar Missing
Confirm the asset exists before selection
Custom Code Not Working
Validate external code independently
Confirm scripts are supported in HTML blocks
FAQ
What is the Custom JS/HTML element used for?
It embeds custom JavaScript or HTML, such as external tools or widgets.
Does Kyrios troubleshoot custom code?
No. Custom code is user-managed and not supported for troubleshooting.
Do surveys and calendars need to exist first?
Yes. Only existing surveys or calendars appear in dropdowns.
Can QR codes link to any URL?
Yes. QR codes can link to internal or external URLs.
What makes the Block Editor different?
It provides advanced formatting, custom fonts, dynamic variables, and AI-assisted writing tools.