Skip to main content

What Are Sites?

Sites let you create client-facing websites and funnels in Kyrios using the same visual builder.

Funnels vs. Websites

Kyrios includes two site types: Funnels and Websites. Funnels are best for a guided sequence of pages, such as lead capture, booking, or checkout flows. Websites are best for standard web pages, such as a homepage, about page, contact page, or service pages.

Funnels support split testing. Websites support website-style page management and online store use cases.


When to Use a Funnel

Use a Funnel when the visitor should move through a specific sequence. Common funnel use cases include:

  • Lead magnet pages

  • Booking funnels

  • Sales funnels

  • Checkout flows

  • Thank-you pages

  • Split testing page variations

Funnels use Steps instead of standard pages.


When to Use a Website

Use a Website when you need standard pages that visitors can browse in any order.

Common website use cases include:

  • Homepages

  • About pages

  • Contact pages

  • Service pages

  • Store pages

  • General business websites

Websites use Pages instead of funnel steps.


Creating a Site From a Template

When creating a new funnel or website, you can start from a template.

  1. Go to Sites.

  2. Select Funnels or Websites.

  3. Click New Funnel or create a new website.

  4. Choose From templates.

  5. Select a template.

  6. Continue into the builder.

Templates help you start with a prebuilt layout that can be edited after it loads.


Site Builder Overview

The Site Builder is the visual editor used to build both funnels and websites. Use it to add sections, rows, columns, elements, styling, tracking code, SEO metadata, mobile edits, and publishing settings.


Adding a Section or Element

A page must contain a section before you can build content inside it. Use the Add icon to add sections, rows, elements, global sections, templates, and other builder items.


Understanding Page Structure

Kyrios pages use this structure: Section > Row > Column > Element

Sections are the largest containers. Rows sit inside sections. Columns sit inside rows. Elements sit inside columns.


Editing Element Settings

To edit a section, row, column, or element, select it on the page or click its gear icon. The settings panel opens on the right side of the builder.

Use settings to adjust spacing, colors, fonts, visibility, backgrounds, actions, and other options.


Element Controls

When you hover over an element, Kyrios displays controls for editing, moving, cloning, expanding, or deleting that item.

Use these controls carefully because deleting an item removes that object from the page.


Layers

The Layers panel shows the full structure of the current page. Use Layers when you need to find, select, or organize nested items on the page.


Pages

The Pages panel lets you move between pages while editing. Pages can also be accessed from the page dropdown in the builder.


Tracking Code

Use Tracking Code to add a header or footer tracking code to the current page.

Tracking code is commonly used for analytics scripts, pixels, or third-party tracking snippets.


Custom CSS

Use Custom CSS to add page-specific CSS.

Only add custom CSS if you understand the code or have developer support.


Typography

Use Typography to set the page’s default headline font, content font, text color, and link color.

Typography settings help keep page text consistent.


Background

Use Background to set a page background image or background color.

This background sits behind the page sections unless a section, row, column, or element has its own background.


Popup Settings

Use Popup Settings to create and edit page popups.

Popups can be triggered by button actions or popup display settings.


SEO Meta Data

Use SEO Meta Data to edit page information used by search engines and social sharing previews.

SEO metadata can include content details, keywords, author information, social image settings, links, tags, and language settings.


Preview Custom Codes

Use Preview Custom Codes to load custom code inside the builder preview when the code was installed successfully.

If custom code does not work as expected, review the code with a developer.


Builder Display Mode

The builder supports 2 Column Mode and Auto mode. 2 Column Mode keeps the page and settings panel side by side. Auto mode allows the builder to adjust the layout automatically.


Undo and Redo

Use Undo and Redo to reverse or reapply recent changes during the current editing session.

Undo and Redo are session-based. If you leave or reload the builder, earlier changes may not be available.


Versions, Preview, Save, and Publish

Use the top-right builder controls to manage page changes.

  • Versions: View or restore saved versions.

  • Preview: Open a visitor-style preview.

  • Save: Save changes without publishing them.

  • Publish: Make the saved version live.

Saved changes are not live until the page is published.


Desktop and Mobile Editing

Use the desktop and mobile icons to switch between editing views.

Desktop and mobile views can be adjusted separately when an element has responsive settings.


Mobile and Desktop Visibility

Element visibility can be controlled from the element’s Advanced settings. Use visibility controls when an element should appear only on desktop, only on mobile, or on both.

Some element settings include device-specific controls.


Product Settings for Funnels and Websites

Funnels and Websites access products differently. In Funnels, select the funnel step and open Products. In Websites, open the page menu and select Products.

Use product settings when a page contains order forms or checkout elements.


Site Stats

The Stats tab shows page views, opt-ins, sales, and earnings/page view for the selected funnel or website.

Use stats to review page performance over a selected date range.


Site Settings

The Settings tab controls site-level configuration. Use it to manage:

  • Site name

  • Domain

  • Default path

  • Favicon URL

  • Head tracking code

  • Body tracking code

  • Chat widget

  • Payment mode

  • Image optimization

  • JavaScript optimization

  • GDPR-compliant fonts


Publishing and Page Settings

Funnels and Websites manage page publishing settings differently. In Funnels, select the step and open Publishing. In Websites, open the page menu and select Settings.

Use these settings to edit the page or step name and path.


Common Issues and Fixes

I cannot add an element to the page

Make sure the page has a section, row, and column. Elements must be placed inside a column.

My desktop edits affect mobile

Use mobile view, visibility settings, or device-specific controls to adjust the mobile version separately.

My changes are not live

Click Save, then Publish. Saved changes are not visible to visitors until published.

I cannot find an element

Open Layers to locate the element inside the page structure.

FAQ

What are Global Sections?

Global Sections are saved sections that can be reused across multiple pages. When a Global Section is updated and saved, the update applies everywhere that the Global Section is used.

What are Template Sections?

Template Sections are reusable saved sections. Unlike Global Sections, changes to a one-place Template Section do not update every other place where that template was used.

What are Funnels?

Funnels are step-based page sequences used for a specific goal, such as capturing leads, booking appointments, or completing a checkout process.

Can I edit the mobile version separately?

Yes. Use Mobile Mode and responsive settings to adjust how sections, rows, columns, and elements appear on mobile.

Does saving publish my page?

No. Saving stores the current draft. Publishing makes the saved version live.

Did this answer your question?