On this page

SiteGUI Page is used to manage all the webpages on a website. Each Page is a JSON document that can be editable or accessible through API. It is rendered to HTML content when it is accessed through its direct URL.

Creating a New Page

Create a new page simply by clicking on the New () menu and choose Page. In the next screen, you will be able to enter all the information for a Page

  • Label: each page needs a label or a display name which is also used as a menu item name if the page is included in a menu
  • Slug: an identifier used as the last part of the page's URL address e.g: https://website.com/page-slug. Slug can also be a hyperlink or a hash (#) to turn page into a link
  • Title: page title which is shown by web browsers, also used for SEO purpose
  • Meta Description: a short description for the page, also used for SEO purpose
  • Featured Image: a featured image that can represent the page
  • Content: write page content using the text editor or the Visual Editor 
  • Page Layout: set custom layout for the page instead of the default layout
  • Add To Menu: add the page as a menu item to an existing menu
  • Collection/Category: add the page to a collection/category. If the collection does not exist, it will be created automatically.
  • Breadcrumb: show nagivation path (e.g: Home > Collection > Category) on the page
  • Private: make the page private and available to authenticated users only
  • Published: publish the page so it can be accessible by anyone through the direct URL (Publish permission required)
  • Start Date: set the date the page is or will be published
  • End Date: set the date the page will no longer be published 

Depending on the permission, you may save the page as a draft or choose to publish it to make it available for anyone to view.

Creating the HomePage

The homepage is the page your visitors see when visiting your domain name i.e: https://your-domain.com. Most web servers loads the content of a file named index.html for that page. SiteGUI CMS takes the same approach, your homepage's slug should be set to index.html and then you can design it just like other pages. 

Editing Page Content

Page content can be written using the basic text editor. The editor is capable of changing font, style, color as well as inserting list, table, image and video etc. It also supports code viewing and accepts HTML code as the input. This is the basic editing mode. 

Page content can also be designed using SiteGUI drag and drop Visual Editor. In this mode, pre-made snippets can be dragged and dropped into the editor area. The editor also supports moving, editing, cloning and applying transition effect on the snippet. Snippets may add custom controls for customizing the snippet content, the content can also be edited directly by double-clicking on it. The Visual Editor has a one tab for default snippets (same for all Sites), one tab for existing Site widgets (depending on each Site) and one tab for the current template's snippets (depending on the chosen Site template).

The Visual Editor can be opened in a separate frame when clicking on Visual Mode at the top right corner of the text editor, to exit just click on the Return button at the bottom left corner. The page should be saved before opening the Visual Editor as it does not save page's properties other than Label and Content. Once the page is saved by the Visual Editor, it cannot go back to the basic text editor mode.

Page content is just the body part of the final webpage. The final one also includes the header, footer area and other BlockHolders set by the page's layout, these blocks may contain applicable menus and widgets to provide extra information for the page.

Multilingual Mode

Pages can be multilingual if the Site enables more than one languages. It's quite easy to switch between each language when editing a page, each language will have its own Label, Title, Description and Content. The Content can be edited using both the basic Text editor and the Visual Editor.

Page Versioning

When a staff with no publish privilege tries to save an already-published-page, a new version of the page is cloned instead, allowing the staff to make changes to the cloned version without changing the published page. Later, the staff may choose Request Merge to request privileged staff to update the published page with their modified version. For privileged staff, they can replace the original version with any versions by choosing Replace The Original Version With This Version when viewing the choose version. Please note that versioning just clones the page content only, it doesn't clone the relationship to the original page (menus, widgets etc). When updating, versioning will preserve the original page's ID, slug, view, public data and relationships (menus, widgets). 

Managing Pages

Clicking on Pages in the App Listing menu will list all available pages. Pages can be created or cloned from an existing page by any staff but only be published or deleted by staff having Page::publish permission. Published pages cannot be saved by unauthorized staff, a cloned page is created in that case instead so modification can be made. The modified page can always be published to replace the original page later by an authorized staff.