Getting started quickly with PageCloud

Welcome to PageCloud!  

In order to help you create a great website, we’ve assembled a set of instructions and tutorials to help you with the basics. This help page will walk you through the steps to create a basic website using PageCloud. 

The first stop on your PageCloud journey will be the Dashboard. This is an administrative page where you can manage your PageCloud services such as sites, personal page and your profile.

Here is an orientation video for the dashboard. 

Creating Your Site

The PageCloud service combines website creation and hosting which means everything you create is published live on the web immediately with no additional services required. It is important to remember that PageCloud is not a standalone website editor that you can use to directly edit your existing website. You would need to either import your existing site’s pages to PageCloud or you can start building your website from scratch using PageCloud. Either way, your first step will be to create a PageCloud site.   

Check out our tutorial for creating PageCloud sites here 

Importing Your Existing Site

The next step is to start adding content to your site. In addition to starting fresh or from one of our prebuilt canvases, PageCloud also offers a unique feature that allows you to import your existing website’s pages into PageCloud for editing and hosting. Note that it is not possible to use PageCloud to directly edit your existing site – you have to import it first and your existing site will remain untouched. Import Page works on a page by page basis and you have to import each page of your site separately. The import page tool will typically do a great job at bringing over the design layout of your existing pages in order to serve as an aesthetic starting point. Functionality can then be added in after.

Check out our tutorial for importing PageCloud sites here 

Editing Your Site 

Once you’ve created a site, the next step is to start editing it. From the dashboard simply click the icon of the site you want to edit.  Next you will have the option of starting your first page from a blank canvas or using one of the prebuilt canvases. Whichever option you choose, you will be transferred to the PageCloud editor where you can edit your page. To get started with the editor, check out our orientation tutorial here

Basic editing

To get the feel of the PageCloud editor it’s useful to try some simple things like adding a shape or 2 as well as some text.

Here is a short video to show you how to do that:

Adding Images To Your Site

You can add a variety of types of content to your site.  One of the most important types are images.  There are several ways of getting your images onto your PageCloud pages.  

  • First, you can drag one or more images off your desktop or file browser, right onto your page. Each image will automatically be uploaded and linked for you. Second, you can copy image data or layers right out of most graphics applications, and paste them onto your page. This method works in most browsers. In both those cases, the image is uploaded to your site.  
  • Depending on your browser, you can also simply drag foreground images right off another browser page, onto your PageCloud page. In this case, the image is linked to the original, wherever it came from, and is not uploaded to your site.  
  • Additionally, you can copy and paste any image URL onto your page, and PageCloud will automatically create an image tag that links back to the original. In this case too, the image is not directly uploaded to your site.  
  • Most desktop applications will allow you to select their objects, and paste them in a PageCloud page. During paste, the objects are very often converted to an image, resulting in a new image object being uploaded to your site. This is an easy way to paste a chart from a spreadsheet for example, right onto your page.  

Changing One Image For Another

If you have an image sized and positioned where you like it and want to inline replace an image, simply press Shift while you drag in a replacement image and drop it directly on top of the image you want to replace.  

Pro tip: This is very useful when right-click copying an image right out of your PageCloud page, pasting it in a graphics application for editing, then pasting the edited image data back over top of the original in your PageCloud page.  

Note that any copies of that image elsewhere on your site will also be replaced with the new image data.  

Deleting Images

If you would like to delete an image, there are 2 ways. Firstly, hitting the delete key simply removes the image from appearing on your page. However, it still exists in your site.  If you would like to destroy the image, hold down Command on a Mac, or Control on a PC, while you hit delete. You will be prompted to permanently remove the image file from your site. Keep in mind if any other image objects on your site refer to that image file, they will now be broken image tags.

Here is a short video to demonstrate how these various techniques work.  

Displaying Your Images with Lightboxes and Sliders

Once you have images loaded into your page, many modern websites display collections of images in interactive ways. PageCloud supports a couple of the more popular methods. First, you can group your images together and then display them as an automatically rotating sequence. This is commonly referred to as a “slider” or a “carousel”.    

Check out our tutorial for creating an image slider here

You can also display a collection of images as small thumbnails and when you click them they pop up and display in a larger size. This is often called a “lightbox”.

Check out our tutorial for creating a lightbox here

Adding Youtube or Vimeo videos To Your Site

There are a few ways to easily add video to your page. PageCloud integrates with YouTube and Vimeo. The first way, is to open the video page in a new browser window, and drag the URL to your page. PageCloud will automatically create a video player for you.
The second way, is the copy the URL of a YouTube or Vimeo video to the clipboard, and paste it directly on your page. Make sure you don't have any screen objects selected before you paste, by pressing the Escape key to de-select all screen objects. When you paste, PageCloud will automatically create a video player for you. In most browsers, you can also drag a URL over another browser tab and hold for a second, while that Tab becomes active and allows you to complete the action by dropping the URL onto your page.  

Here is a short video to demonstrate how these various techniques work.  

 Adding Links to Your Site

Once you have created several pages, or a fairly long page, you may want to offer your viewers the ability to jump to different locations using hyperlinks. PageCloud supports linking to anchors which are different positions on the same page, as well as linking to different pages in your site. You can also add links to any URL on the internet.  

Check out our tutorial for creating links here

Mobile Mode – Creating a Mobile View for Your Site

Once you have created a desktop version of your site, you will want to make sure your site shows well on mobile devices. PageCloud allows you to create a specific mobile view by rearranging the objects and text from your desktop view into a narrower format.     

Check out our tutorial for mobile mode here

Thank you for your feedback!

Was this article helpful?
Thank you for your feedback!