Welcome to the Pagecloud website builder editor

1 -Top bar

The Top bar provides a permanent locations for global controls that are helpful to have access to at all times.

Controls from left to Right

Dashboard: Click to exit the editor and head into your dashboard to manage pages, add team members, create a blog, and much more.
Pages: Click on your page name to navigate into your other website pages, or create a new page.
Desktop and Mobile mode control: Switch between the desktop editor and mobile editor.
Help: View popular help articles.
Show: Opens a menu that lets you show and highlight objects, links animations and more.
Share: Create a share link for your draft page.
Undo and Redo
Hide toolbars: Open and close your left and right toolbars to view your editor in full size.
Save: Save your page, view your page preview, view your live page, unpublish a page, and save a new version of your page.

2- Add Menu (Left sidebar)

The left sidebar provides you with a number of controls that allow you to manage sections, add text, images and more as well as manage your page settings.

From top to bottom.

Site settings: Site settings like Site-wide colors and Custom events
Page settings: Adjust page settings like the background color or image, SEO settings, Mobile settings and Advanced settings like page width, script editors and more.
Sections: Here you can sort and manage the sections on your page.
Library: A place where the Design Sidekick extension favorites appear for your use in the editor.
Shapes: Add simple shapes to your page that you can use in your designs.
Images: Add and reuse images, find premium images from shutter stock and add Galleries to your page.
Text: Add text to your page.
Buttons: Add buttons and social media icons to your pages.
Forms: Add pre-built forms to your pages, these can be easily customized.
Icons: Add icons to your page.
Components: Add prebuilt structures to your page such as a menu, expandable FAQs, images with captions and others.
Apps: Add apps (embeds) to your page. The selection in the Apps panel is just a subset of what is available to you.
E-commerce: Add a store and store components onto your page.
Blog: Add blog listing components onto your page to create a custom listing.

Learn more about the "Left sidebar"

3- Editing Menu (Right toolbar)

The Editing Menu is a contextual side bar that provides you controls that you can use with whatever you have selected. These change based on the Section, Column, Object or Component you have selected.

Depending on what you have selected you may see the following tabs.

Style: Controls to change the appearance of the selected object(s) including color, rounded corners, shadows, etc. Depending on what you have selection (e.g. buttons, forms, sections, text, etc.) your style tab will have different controls.
Size and position. Controls to change the location and size of the selected object.
Layout: Controls to apply a layout to objects contained within the selection. Layouts allow you to create more complex, responsive designs. Learn more about layouts
Link: Controls to link the selection to another page, web site or more. Learn more about links
Animation: Controls to apply animations. Learn more about animations
Settings: Any settings related to the type of object you have selected.
Advanced: Controls that allow you to add css selectors, javascript and more.

Learn more about the Editing Menu

The Page artboard (Canvas)

The Page artboard is where you will build your webpage. Pagecloud pages are composed of horizontal Sections which you can easily add using our Section browser. You can add pre-design sections or start from scratch. Sections support Manual layout, the freeform placement of content, and Auto layout which is more structured and responsive.

The following links will help you get started with Pagecloud's building blocks;

Shortcuts

Pagecloud supports a lot of shortcuts to help you speed up your workflow. Learn more about Shortcuts

Page editor - Learn your way around