At the top of your Site is your Site Header The header section at the top of a Site in CloudCannon that displays key information and quick access tools. The Site Header typically displays the Site icon, name, branch, and project on the left, and important tools such as the Avatar list, Testing Domain link, Configuration Mode switch, and Save button on the right. A free .cloudvent.net URL that CloudCannon assigns to every Site for reviewing your live website content after a successful Site build. Each Testing Domain uses a randomly generated adjective and noun separated by a hyphen. By default, CloudCannon automatically de-indexes Testing Domains so that they do not appear in search engines. Configuration Mode allows you to modify your Configuration File from any page in the app, allowing you to see your changes in real time. The Configuration Mode switch is on the right side of the Site Header. The action of sending changes to content or configuration from CloudCannon to your Git Repository. When users save their work, CloudCannon may trigger a site rebuild. You can save your changes by clicking the Save button in the Site Header.Site Header
Testing Domain
Configuration Mode switch
Save button
Some of these sections may not appear depending on your Site's configuration.
Site Header sections#
Site details
On the left of your Site Header are your Site details, including the Site Icon, Site Name, Branch, and Project (if configured).
The Site Icon and Site Name enable you to identify the site you have open and help you distinguish between sites in the Sites Browser. The Branch tells you which branch of your Git repository A storage location for the code and files that make up your website. CloudCannon supports the repository providers GitHub, GitLab, and Bitbucket, and highly recommends using a repository to store your website's files for better version control and collaboration.Git repository
If your Site is part of a Project A way to group multiple Sites from the same Git Repository, allowing you to define a main branch, as well as branching and publishing rules. You can access the Projects Browser using the Projects link in the App Sidebar.Project
The Avatar list
The first tool on the right side of your Site Header in the Avatar list displays the avatars for any team members active on your Site. Clicking on an avatar will display a list of files they have open, with an eye icon indicating files they are viewing and a pencil icon indicating files they are editing.
The Testing Domain link
If your Site has a successful build, a link to your Testing Domain will appear in the Site Header. If you have a Custom Domain A unique address used to identify a website, such as cloudcannon.com. You can purchase a domain from a Domain Registrar and add it as a Custom Domain to your CloudCannon Organization before connecting it to any number of Sites hosted on CloudCannon.Custom Domain
The Configuration Mode switch
If you want to customize the appearance and functionality of your Site, you can turn on Configuration Mode using the Configuration Mode switch in the Site Header. This will reveal purple Edit Configuration buttons that enable you to add content to your CloudCannon Configuration File. For more information, please read our documentation on Configuration Mode.
The Save button
The Save button on the right of the Site Header allows you to save changes to your files. The Save button is also in the same place when you have any editing interface. For more information, please read our documentation on Saving your Changes.