Articles on: CMS

Pages - Getting Started

Pages are a great way of boosting SEO on your site, helping people see you more easily when searching for words relating to your business. Use them to show off Blogs, Galleries, Products, Services and more, to engage visitors of your site.

Within this doc, you can find helpful information covering Pages, such as:

Finding Pages
Creating A Page
Copy Page
Studio / Editor

Finding Pages

While viewing your Site Admin, use the left-hand menu to click "CMS" and expand the sub-menu. Next click on "Pages" to view a list of Pages on your site.

Creating A Page

Create pages to separate all of the different content you’re adding to your site. Pages can be used to display anything from products and blogs to client company information and contact forms to name just a few!

On the right-hand side above your list of Pages, click “Create Page” to be re-directed to 'Details’. Checkout the Details section below for more information.

Enter the details of your page into the fields, click save. Once you are done editing, click the "Pages" button in the left hand menu to return to the list of pages.

You can edit Pages later by clicking the name of the Page, or edit icon on the right-hand side.

Best Practise

We recommend working with best practices in mind to future-proof the pages you build and deliver best functionality/performance.

Following best practices you should create a Header, Footer and Page Template to apply to your page. Doing this will ensure you don't need to re-write the same code on multiple pages who share the same header/footer content wrapping the page.

Building pages this way ensures standardised content while saving time while editing later.

Copy Page

Copying Pages enables you to easily and quickly replicate similar Pages across your Site and begin editing content right away without needing to code it again.

You can copy a Page as many times as you would like as long as you enter a unique URL for each.

Copy a Page now, by clicking the ‘Copy Page’ button at the bottom of any Page.


When you first click to create or edit a Page, you’ll begin within the ‘Details’ tab.

Using the 'Details' tab you can manage and edit key details about the current Page, such as:

Name your page - Name of the Page displayed in Admin and front-end
Page URL - URL of the page displayed in a browser
Set as your Homepage - Make the current page display on load of your root domain
Visible to site search - Enable or disable this to be searched from within your site
Visible to search engines - Make the page discoverable to search engines such as Google
Enable this page - Enable or disable the page. When disabled the page cannot be found front-end
Page Template - See Templates - Getting Started for more information
SEO and Open Graph Settings - Add data to the page that will display in search engines and when sharing links. If sharing on Twitter, you'll need to select a Twitter Card Type along with the other fields provided for this to work as expected. For more information on Twitter Card Types, see here
Secure Zones - Move the page into one or more Secure Zone to lock the content behind a wall

Studio / Editor

From your ‘Details’ tab, navigate to the next tab along. The tab will be called ‘Studio’ if you have the Studio module installed, or ‘Editor’ if you don't.

Here, you can build out your Pages without writing a line of code with our drag and drop page builders.


‘Studio’ can be used to build entire Pages from scratch using only the drag and drop page builder.

You can choose layouts to add to your Page from the right-hand side menu, and customise these to suit your site’s designs and needs.

Replace images with your own, customising text and adding or removing sections to build out simply and quick Pages.


‘Editor’ is mainly used to edit existing content on Pages, although you can add sections from a limited toolbar to build out your Pages.

Click onto existing content to begin editing and customising text, colours and images.


From your ‘Details’ tab, navigate to the third tab named 'Code'.

Here, you can write and edit code for your Pages, utilising the Toolbox on the right-hand side for quick shortcuts to insert the liquid needed to include various items from within your Site.

You can also head to our Layout Library using the button at the bottom of the Page to insert different Layouts that you can edit in ‘Code’, or within ‘Studio’.


Toolbox can be found on the right-hand side of the 'Code' tab in any Page and contains quick shortcuts to insert relevant liquid tags relating to modules you have installed on the site.

Site Search - 'Insert Search Form', 'Insert Search Results'
Insert Form
Insert Asset
WebApps - 'List of WebApp items', 'WebApp input form'
Modules - 'List of Module items', 'Module input form'
Secure Zones - 'Insert Log Out Button', 'Insert Log In Form'
eCommerce - 'Insert Cart', 'Insert Checkout Form', 'Insert Product List', 'Insert Quote Form'
Insert Menu
Insert Code Snippet
Insert Content Section
Insert Footer
Insert Header
Insert Company Information - 'Logo', 'Logo White', 'VAT Number', 'Company Name', 'Phone Number', 'Email Address', 'Address Line 1', 'Address Line 2', 'Twitter Account', 'Facebook Account', 'LinkedIn Account', 'Instagram Account', 'Active Campaign ID', 'Google Analytics ID', 'Google Plus Account', 'Google Analytics View ID', 'Google Analytics Site Verification'


From your ‘Details’ tab, navigate to the fourth tab named 'History'.

Here, you can view and restore different versions of this Page.
You can view when this version was created, by who, how this was created, and the code for this Page to decide if you’d like to restore this version.


You can preview this Page to see what this looks like on the front-end. You can do this within your list of Page by clicking the ‘eye’ icon on the right-hand side of a specific Page; or when editing, click to ‘View’ from the bottom of this Page.

Templates - Getting Started
Content Sections - Getting Started
Code Snippets - Getting Started
Developer Docs
Studio By Siteglide - Introduction
Studio - OLD Studio Variables
Studio - OLD Variables Explanations
Visual Page Builder - Introduction

Updated on: 25/02/2022

Was this article helpful?

Share your feedback


Thank you!