Introduction

Welcome to the ultimate guide on navigating Pagesence Cloud and efficiently editing the content of your website. Whether you're a seasoned Pagesence user or a newcomer, this comprehensive tutorial aims to empower you to effortlessly build and edit your website using the Pagesence Cloud Content Management System (CMS).

Aim & Objective:

The primary goal of this document is to serve as your go-to resource, providing detailed insights into the Pagesence Cloud interface and guiding you through the process of creating and editing web content.

Section 1: Logging In

To begin your website editing journey, log in to https://cloud.pagesence.com/guest/login. Simply click on the user icon to display the sign-in prompt and enter your login details.

Upon successfully logging in to your Pagesence Cloud account using your login credentials, you will be greeted with an interface resembling this.

Section 2: Starting a New Project

To initiate a new project, click on "create new project" and follow the prompts. The Pagesence Cloud CMS boasts an intuitive interface, allowing you to seamlessly add design elements and manage blocks.

• Left Panel: Positioned conveniently on the left side, this panel serves as your command center. It provides quick access to essential functionalities, such as adding design elements, configuring page layouts, and toggling between various device modes (desktop, tablet, and smartphone). The left panel essentially acts as your toolbox, offering a range of options to shape the visual aspects of your website..

• Canvas Area: The central workspace where your creative journey unfolds. In this expansive area, you'll assemble and arrange design elements to bring your website vision to life. It's a blank canvas ready for your artistic input, providing the flexibility needed to craft a visually appealing and functional website.

• Settings Bar: Positioned strategically, usually above or around the canvas area, the settings bar is your control panel for individual design elements. When you select a specific element on the canvas, the settings bar dynamically adjusts to present customization options. This enables you to tweak and fine-tune the properties of each element, ensuring precision in design.

• Settings Panel: Complementing the settings bar, the settings panel appears on the right side of the interface. Activated by clicking the gear icon on the settings bar, this panel offers advanced configurations for the selected design element. It is here that you can delve into more intricate settings, allowing for a higher level of customization.

In essence, the synergy between these components forms the backbone of your editing experience on Pagesence Cloud. The left panel and canvas area provide accessibility and creativity, while the settings bar and panel grant you the power to tailor each element to perfection. Together, they create a user-friendly environment that empowers you to effortlessly shape and refine your website.

After opening the project you wish to edit, navigate to the desired page using the hamburger menu.

To edit a page, click on the edit icon for that specific page, as demonstrated here.

Editing text on your website is as simple as changing text on your phone. Use the 'T' icon to select font type and size. To change font color, click on the color box and select your preferred color.

To modify or add an image, drag and drop the image icon onto the canvas. To change an image, click on it, delete using the 'X' sign, and add a new image.

Ensure to click on the "Save Drafts" or "Publish" button consistently to safeguard your edits. It's important to note that Pagesence Cloud doesn’t have an autosave feature. Therefore, you must manually save each edit or correction to ensure it takes effect.