Hey there Product Hunters!
Use the “PRODUCTHUNT” coupon code when you checkout for a 30% discount on any plan 

CloudPress Logo

CLOUDPRESS

Knowledge Base

CloudPress Overview and Basic Setup

1. Preface

Welcome to the CloudPress Knowledge Base. This is an extensive info library which will benefit from constant updates, as our daily endeavors are focused on making things better and delivering the best. Up until then, here you will find everything you need, from general information about CloudPress web page maker software to detailed explanations regarding site functionalities, elements and structure.

2. Requirements

CloudPress was imagined as this extremely simple, intuitive, versatile web design tool, dedicated both to professionals in the design realm and amateurs who want to get around the complexity of web design and embrace it. In terms of requirements, all CloudPress needs from you is an account that can be rapidly set up, time and patience to discover the entire range of functionalities.

3. Overview

Cloudpress Web page creator allows you to:

  • Access an unlimited number of designs for your future site’s appearance and functionality
  • Enables easy design management for amateurs with powerful, ready-made options
  • Helps you create highly responsive web platforms
  • Offers user-friendly, intuitive tools for design and development
  • Video customization for each media query

The CloudPress team has reevaluated the place and importance of HTML and CSS and it turned the headache of learning code into the simple and ready-made art of drag and drop. CloudPress works with predefined blocks and elements, so all you need to do is open the app and analyze the panels, observe and use all functionalities.

The primary way of creating elements in CloudPress is by adding sections that you can ultimately fill up with all the visual and written details you fancy.

You have more than 80 content blocks that cover the most widely used types of content. You can easily combine header, content and footer blocks to prototype pages in only a few minutes.

The default CloudPress page is already structured in, as we have realized that a web page is simply too big a unit. We have broken it into smaller components to enable it to bend and change, to better serve its authors and users.

It has a very practical and fluid interface which helps you focus on design. It does that by deciding for itself where it needs to save each piece of the page. CloudPress uses complex algorithms to send each piece of code or content in the right file or database, while letting you focus on looks and efficiency. CloudPress is a user-friendly DIY, drag and drop WordPress builder that allows you to create complex web pages.

4. Getting Started

CloudPress website builder software doesn’t need much from your part. All you need is a wide screen that allows you to see in detail everything that moves on your soon-to-be website and an account that only asks for your e-mail address and a decent password.

After you sign in on your CloudPress account, you will enter the Dashboard page. This is the place where all your drafted projects are stored, for further assessment and improvement.

To offer a meaning to this dashboard section, you need to start some projects. Then, you will see all your work properly stored and displayed.

On the upper right side, you will see the highlighted button that invites you to experiment with your web designer skills.

create1

 

The “ Create New Site” button takes you to the “New Projects” page. This is where you get to give your baby a proper name and a strong password.

newproject123

5. General Settings

Once you decide whether you’d like to work on a blank page or use one of the ready-made themes, you will enter the actual CloudPress space. It’s quite simple but pay a little attention to what you see.

  • Before getting into the actual process of designing the site, you can check out a few tutorials and get used to the CloudPress way.

tutorials

  • On the left side of the CloudPress page builder dashboard, you get to see a vertical menu. You can check your soon-to-be site’s settings, maybe rename your project. change the site title and save all with a simple click.
  • Secondly, you have a sharing section. In this section you will find an automatically generated link to your project, which means you can share your work in progress with anyone you’d like to. Our web design platform went even further with the work in progress sharing functionality, so you’ll also see a QR code that can be scanned and sent for a quick access to the link.

sharing_settings

  • You can also observe a public/private setting, which means that when the site is set to private, it will be visible only to those who have the link.

The SEO box has two features. First, there is the Robots.txt box, which is a simple system that tells search engines what can be indexed and what should remain private and ignored. Sometimes, certain data from the site needs to be hidden from the sneaky eyes of search engines and you can do that via robots.txt. You can easily allow or disallow certain sections of your site to be visible or not.

seosettings

  • Nowadays, no site is complete without its attached Google Analytics page. Create a Google Analytics account for your project and add it inside the Google Analytics ID box. That way you can easily assess and manage how your visitors interact with your site and get an insight on what should be the next step for improvement.

analytics

  • The last phase in the DIY website design endeavor is the Transfer step. With the “Transfer” feature, you will have your project set free in the world of internet. But keep in mind that this will only happen after you get into the design and styling activity, work your way around your page’s structure, functionality and looks and come up with the end result.

6. Workspace Overview

The Cloudpress workspace is compact and layered, allowing you to see everything clear and separated, based on the functionalities or separate pages you are working on. From left to right, we have the pages panel where the user can see an extensive list of page templates. Secondly, the add blocks panel reveals blocks for various design situatios: buttons, footer or header sections, hero images and so on.
In the add elements panel you can find separate elements that help you build a structure on your page. The panel reveals a large variety of items, from columns and containers to WordPress widgets and apps. The workspace is designed with grids that help you better measure and re-dimension elements and image preview options for the mobile gadgets. On the right side of the workspace you can find the options panel, the styling panel and the structure panel which will help you apply effects, styling, redimension elements, reorder sections, add links, either external or page based. 

workspace_overview