Navigating the CloudCannon Interface



Sign In

Each CloudCannon site has a testing domain where you can preview new content changes before they are live. The testing domain name is chosen by CloudCannon at random but ends in (e.g.

To edit your  site in CloudCannon add /update to the end of the testing domain's URL (e.g.

info Pro Tip

Bookmark your testing-domain's update URL so you don't have to remember it.

Enter the password you were given to edit your site.


Upon sign, you will land on the map Explore page of your CloudCannon site (pictured below).

map Explore allows you to navigate throught the various parts of your site.

Screenshot of the Explore section of a site

info Pro Tip

view_comfy Change View icon toggles between view_comfy grid view and view_headline list view.

sort_by_alpha Sort By allows you to apply different sorting options

search Filter field lets you perform a live-search of the current list.

PAGES - Standalone

The PAGES Standalone area lists your sites pages. Most sites will also have folders (sub-sections of the site) with more pages listed.

When navigating into folders, click the Return to parent folder to go back up a level.

Screenshot of the 'Return to parent' icon

info Pro Tip

If your site has a lot of folders and subfolders in the PAGES Standalone section use the breadcrumb trail for quick navigation:

Screenshot of an example CloudCannon breadcrumb trail

When you open a page, you enter the Visual Editor  which has a settings panel to the right of your sites live-preview. You can toggle this settings panel using the vertical_split Toggle Settings button.

Screenshot of CloudCannon's Visual Editor
Screenshot of the visual editor--with settings panel open.

To leave the visual editor, use the close Close Editor button or the breadcrumb links at the top of the page.

BLOGGING - Posts & Drafts

CloudCannon uses posts and collections to organize related content and display them with their own template in a page. The major difference is that posts are used for chronological content (e.g. News storys, Blog posts, date-sensitive info), whereas collections have no chronological relationship.

The Posts and Drafts area of map Explore looks the same as the PAGES Standalone area with one addition--an add Add Files button.

When you create a draft using the Add Draft option of the add Add Files button, CloudCannon opens the Content Editor.

Screenshot of the Content Editor for drafts and posts
Screenshot of the Content Editor for drafts and posts


The DATA section is where your sites collections will be listed. It may have Announcements, Contacts, or another collection name (unique to your site). The interface here will look the same as the Posts and Drafts area.

When work on a post, draft, or collection (DATA) item, you use CloudCannon's Content Editor. This interface is very simple with a settings panel on the right and a text-entry box taking up most of the page.

Screenshot of the Content Editor for collections
Screenshot of the Content Editor for collections

The content editor's simplicity is to allow the author to focus on creating quality content.

Remember, posts and collections are displayed with their own template; What you see in the content editor is not  how the content will display on the website.

Testing Domain

A link to the testing domain's url is always on the left side of CloudCannon's header (next to the breadcrumb links).

Screenshot of the top portion of the CloudCannon interface showing the location of the testing domain link
The green arrow points to the randomly-named test domain link (

You should always preview the testing domain before finalizing any content edits. Use the testing domain's link to open it in a new tab where you will get a realistic representation of what your edits will look like on the live site.

Screenshot of the KCC Newsroom site on one of CloudCannon's testing domains
Screenshot of newsroom on a CloudCannon testing domain.

To go back to CloudCannon, just close the testing domain's tab in your internet browser.