Resources

Master Website Editing with Pagesence: Step-by-Step Guide

Introduction

Welcome to your go-to guide for navigating Pagesence Cloud! Whether you’re a pro or just starting, this tutorial will assist you in editing and building your website with ease.

With the Pagesence Cloud Content Management System (CMS), your online presence is just a few clicks away!


What You’ll Learn

In this guide, you’ll discover everything you need to know about the Pagesence Cloud interface. We’ll walk you through the process of creating and editing web content.

Step 1: Logging In

Ready to dive in? First, log in to Pagesence Cloud! Just click the user icon, enter your login details, and voilà—you’re in!

Once you’re logged in, you’ll see a user-friendly interface that’s designed to help you get started.

0:00
0:00

Step 2: Starting a New Project

To kick off your new project, click "Create New Project" and follow the easy prompts. The Pagesence Cloud CMS is super intuitive, allowing you to drag and drop design elements and manage blocks effortlessly.

Step 3: Getting Started

After logging in, you’ll find a well-organized interface that makes website management a breeze. Here’s what you need to know:

  • 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.


Essentially, 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.

Step 4: Making Edits

Now that you’re familiar with the interface, let’s make some edits. Open the project you want to change and navigate to the desired page using the hamburger menu.

To edit, simply click the edit icon for that page. Easy, right?

Step 5: Editing Text

Editing text is as simple as tapping on your phone. Click the 'T' icon to choose your font type and size. Want to change the font color? Just click the color box and pick your favorite shade!

Step 6: Adding and Changing Images

Ready to jazz up your website with images? Drag and drop the image icon onto the canvas to add a new one.

To replace an existing image, click on it, hit the 'X' to delete, and upload a new one.

Step 7: Saving and Publishing Your Edits

Don’t forget to save your work! Click "Save Draft" or "Publish" after making edits. Remember, Pagesence Cloud doesn’t autosave, so you’ll need to manually save each change to keep it all intact.

Step 8: Using Keyboard Shortcuts for Efficiency

Want to speed up your workflow? Pagesence Cloud offers handy keyboard shortcuts. Click the hamburger icon in the bottom-left corner and select Shortcuts to see the full list. Here are some must-know shortcuts:

Shortcut
Function
Ctrl + C

Copy

Ctrl + V

Paste

Ctrl + Shift + V

Paste stylexcf+

Ctrl + D

Delete

Ctrl + Left/right arrows

Horizontal Align

Ctrl + Up/down arrows

Vertical Align

Ctrl + Z

Undo last operation

Ctrl + Shift + Z

Redo

Ctrl + S

Save draft/Update page

Ctrl + +/-

Responsive zoom in/zoom out

Ctrl + Shift + A

Add a new block.

Esc

Select the parent element

In conclusion, mastering website editing on Pagesence Cloud opens up a world of creative possibilities for crafting a digital presence that truly reflects your vision. With this step-by-step guide, you've gained the skills to navigate the Pagesence Cloud seamlessly, from starting a new project to fine-tuning every element. Remember, the power to shape your online identity is now at your fingertips.

So, embrace the creative journey, experiment with designs, and watch your website transform into a compelling representation of your brand.

Happy editing!

Ready to transform your brand's digital presence? Contact Pagesence today!


Similar Articles

How to Upload Files and Set Up Reviews
Internal Review Process Guide
How to Review and Provide Feedback on Tasks

Made With Pagesence Cloud