Help Centre

Support > Designing and Building Your Website > The Create Manual

The Create Manual: Part 3 - Building Your Website in Pagebuilder

To put together and build your website, you will be primarily using our drag and drop interface Pagebuilder. This interface allows you to quickly build content that will provide a consistent experience across all devices and platforms.

In this section, we will also cover how to add additional pages to your site and edit your website info.

This guide will cover the following topics:

 

Pagebuilder Overview

The Pagebuilder screen is where you will be dragging content onto your website page. You access Pagebuilder by navigating to Content in the Top Menu and then clicking on the ‘Pencil’ icon next to the page you want to edit.

Clicking on the pencil icon next to one of your pages, will open Pagebuilder and the screen below will display.

On the left-hand side of the screen you will find a selection of different content blocks available, which you can drag and drop onto your page. There are many types different types of content blocks you can add to your website and they’re worth exploring in further detail. For this guide we’re going to focus on ‘Images’ and ‘Text’.

To add any content types, it’s simply a case of dragging the content from the left-hand panel and onto the main preview area - the blocks you drag onto the preview area act as placeholders for your actual content, as shown below:

 

Adding Images

To add an image to your page, you will want to click on and drag the image content box onto the page and drop it at your chosen location on the main preview screen.

When you drop the content block into the main preview area, a placeholder will be shown and the left-hand panel will update to show the settings that are specific to each individual content block:

Around the placeholder in the preview area, a box will appear which indicates the row it is in. This is called a ‘container’ and additional content types can also be added into this container. For example, you could drag and drop 2 more image content blocks into this container so it would display 3 images, next to each other.

The entire content box can be moved either up or down the page by simply clicking on and dragging the blue bar and then moving the content up or down inside the preview area. This is useful to make sure you have the most important content at the top of your website. If you add a content block lower down on your page and then later think it should be higher up, simply click and drag it to the top.

You can add all of the content boxes first and then replace them with your actual site images later, or replace the images as you go. Either way, you replace the content block image by clicking on a content block in the preview area, the left-hand menu will appear, click on ‘Choose Image’. Any images you’ve uploaded to Create will be displayed in this new screen or you can just upload a new image here by clicking ‘Upload New Image’. Repeat this process for each of your image content block.

It’s worth noting at this stage that Create keeps the file size of your image when uploaded to Create. If your image is of a high quality, the image could result in being very large on the website. Images will adapt in size if multiple content blocks are added to the same container.

 

Adding Text

If you would like to add a block of text onto your site, drag and drop the Text content block into a container on the preview area. Once you drop the block, the left-hand menu will pop out which includes an area for you to edit/type your text. Please note as our pages are responsive, the text size is determined by the amount of text and content in the container, so it will display clearly and correctly on all screen types and devices.

If you would like some of the text to appear larger, you can use the heading buttons in the text edit menu, labelled H1 & H2.

Pagebuilder provides content blocks that can cater for just text or for text and images. The process of adding text and images is the same as above.

After replacing your content blocks with your own images and text, you should end up with a preview area that looks like the image below.

 

Adding Pages

When you want to add additional pages to your website, you can do this in the ‘Content’ area of your Create account, by clicking on the green “Add Page” button, as seen below:

There are several different types of pages you can add to your website and Create will ask you which type you want to add. The default page is called ‘Responsive Page’. This type of page is a blank, standard page that is responsive, meaning it will adapt to different screen sizes, important for mobile browsing. Other page options include: ‘Calendar of Events’, ‘Links’, ‘Contact Page’, ‘External Link’ and finally ‘Guestbook’.

After selecting your page type, Create will then ask you to enter some details about the page, including the Page title, Menu Text and the Page filename (how it will appear in the browser's address bar). After saving these details, you will be taken to Pagebuilder to start adding content to your new page.

 

The Create Manual: Part 4 - Setting up your Shop (Not applicable to Website Builder Package)