Kirki’s Real-Time Collaboration allows multiple users to edit, design, and review a page simultaneously on the same canvas. 

It provides:

This feature transforms team workflows, eliminating the need for back-and-forth logins or manual coordination.

Prerequisites

Kirki’s Real-Time Collaboration works hand-in-hand with the Role Manager to ensure teams collaborate efficiently, without overlapping permissions or unwanted edits.

This separation ensures designers, developers, and content editors can all collaborate live, each within their own scope.

Learn more about managing permissions in the Role Manager Documentation.

Accessing Real-Time Collaboration

  1. Navigate to Pages > select the page you want to edit.
  2. Click Edit with Kirki.
  3. Once inside the visual editor, you’ll see other collaborators online represented by avatars at the top of the canvas.

How it Works

All users with admin or edit permissions can build and design together in real time.

In-Canvas Comments

Kirki supports contextual commenting directly on the canvas. Learn more in the Comments Documentation. 

Version Control & History

All edits are automatically saved in real time in a staging version. Previous versions of the page can also be accessed via the History Panel. Learn more in the Version History Documentation. 

Every page in Kirki is backed by built-in version control, so you can confidently iterate, update, and restore without ever losing your work.

Whether you’re experimenting with a new layout, adjusting content, or collaborating in a team, Kirki keeps a record of every published state of your page — giving you complete control over your version history.

Where to Find Version History

To access your page’s version history:

  1. Open any page in the Kirki Editor.
  2. Click the Publish button (top-right corner).
  3. Select Last Published.

The Publish History panel will appear, showing:

How Versioning Works

As you design, Kirki autosaves your work in the current working version. 

When you’re ready to push your updates live, just hit Update, and that version becomes your published one.

Any changes you make after clicking Update (i.e, publishing the page) are automatically tracked in a brand-new version. So, each time you make edits post-update:

This means you can freely make edits, preview changes, and go back in time if needed,  without putting your live page at risk.

Restore a Previous Version

To revert a page to an earlier version:

  1. Open the Publish History panel.
  2. Hover over the version you want to restore.
  3. Click the More (...) icon.
  4. Select Restore.
  5. The editor will restore the page as it was at that point in time in a new version.

Delete Old Versions 

To clean up outdated versions:

  1. Open Publish History
  2. Hover over the version you want to remove
  3. Click the More (...) icon
  4. Select Delete

💡 Note: You cannot delete the current working version or the one that’s currently published.

Things to Keep in Mind

Only Published Changes Create Versions: A new version is created only when you click Update. Autosaves help preserve your progress, but they don’t appear in version history.

You Can Preview Old Versions Without Restoring: Use the Play button next to any version in the Publish History panel to view how the page looked at that time.

Restoring Doesn’t Overwrite Your Current Work: When you restore an older version, Kirki creates a new working copy. Your previously published and working versions remain intact.

Full Page Restores Only: Versions represent the full state of a page at publish. You can’t restore just a section or specific element from a version.

Keep Your History Tidy: While there’s no hard limit on stored versions, regularly deleting outdated ones helps maintain clarity, especially on heavily edited pages.

Kirki lets you leave comments directly on the canvas, enabling real-time feedback and smoother collaboration between designers, developers, clients, and teams, all without ever leaving the editor.

Whether you’re reviewing a page, requesting changes, or explaining a design choice, Kirki’s comment system keeps conversations contextual and actionable.

Overview

The Comment feature allows users to:

Think of it as collaborative feedback built right into your design workflow.

Permissions

Users with Content-Only access can leave comments directly on the canvas, but won’t see the full Comments panel.

Users with Full Access can view, reply to, and manage all comments.

Learn more about access levels. 

Where to Find Comments

To open the Comment Panel, click the Comment icon (💬) on the top toolbar. This will enable the comment mode and open a side panel where you can:

💡 Note: Comments are tied to individual pages, so feedback stays focused and organized.

How to Add a Comment

  1. Enable comment mode using the comment icon.
  2. Click anywhere on the page (not directly on the element, but on the layout).
  3. A floating comment box will appear where you clicked.
  4. Type your feedback.
  5. Optionally @mention a teammate (if multi-user access is enabled)
  6. Click the Upward Arrow icon to submit the comment

💡 Note: Comment markers are shown as floating pins on the canvas so collaborators know where the comment is anchored.

Collaborate With Your Team

You can @mention collaborators inside a comment to direct feedback to them. All users with appropriate permissions can view, reply to, and resolve comments.

Managing Comments

Best Practices