Static Page Builder Setup

Breadcrumb path: Pages / Page Builders

You can access this page by clicking on Pages from the main menu, and Page Builders from the dropdown menu. Then select the Static Page Builder module from the available builders.

Static Page Builder Setup Fundamental

In this section, you will learn how to use the Static Page Builder module. This is our versatile, content-building software that allows you to easily and efficiently create your own pages.

• ● 1 Static Page Builder. This module allows you to build a Static Page using our custom interface.

• ● 2 Page name. In this field, enter a Page Name for the Page you would like to build using the Static Page Builder.

• ● 3 Add Page. Click here when you are ready to begin. The following dialog box will appear.

• ● 1 Manage Page. Click here to open the Static Page Builder application and continue with the process of creating your page.

Static Page Builder

• ● At the top of the Static Page Builder landing page, the title you entered in the previous window will be displayed as Edit - Title.

The Static Page Builder is then split into four sections that will be covered in the guide below:

• ● 1 Content

• ● 2 Main Information

• ● 3 SEO

• ● 4 Keyword Search

• ● 5 Design Settings

(1) Content

To familiarize yourself with the Content section, first notice the buttons positioned horizontally, along the top of the application window.

• ● 1 In this area, you will find the following page-specific buttons:

• [Help ?]. This button provides access to the User Manual for this module.

• [On | Off]. This setting controls whether or not the page is active.

• View Page. This button enables you to View how the page looks in its current state.

• Save. This button Saves and updates the Page in its current state.

• Publish. This button publishes the Page in its current state and activates it live on your site.

• ● 2 In this area, you will find the Editor. This will be covered in a later section.

.

• ● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have familiarized yourself with the Content section and learned its functions, you can move down to the next section (Main Information).

(2) Main Information

In this section, you will enter important Main Information that applies to your page.

• ● 1 Page Name. In this field you can enter a descriptive Name for your Page.

• ● 2 Alias. An Alias is a name that comes after the domain name. In this field an Alias will be automatically assigned to your page. You are also free to change the Alias manually here. You must choose a unique Alias for every page. If an identical Alias already exists in the system, an error message will result.

• ● 3 GUID. The Global Unique Identifier (GUID) is a number automatically assigned to every page. It can’t be changed.

• ● 4 Start/End Dates. This is a scheduler that allows you to pick a Start and End date for your page. This is useful, for example, when considering time-specific pages like Holiday Specials.

• ● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into Main Information, you can move on to the next section of the screen (SEO).

(3) SEO

This section will cover information for your page’s SEO (Search Engine Optimization).

• ● 1 Title. In this field, enter a Title. This is what is used to identify your Page in the back end of the Build CMS.

• ● 2 Meta Title. In this field, enter a Meta Title. This is what the search engine displays in its results and in tabs when linking to your page.

• ● 3 Meta Keywords. In this field, enter Meta Keywords for your Page. This is a type of Tag that labels your site’s content on a basic level for search engine crawling.

• ● 4 Meta Description. In this field, enter a Meta Description for your Page. This is a short description that will be used as a Tag to label your site accurately for search engines.

• ● 5 Canonical. In this field, enter a Canonical URL for your Page. This will be used by search engines to represent the definitive version of multiple pages with similar content.

• ● 6 Thumbnail. In this field, a Thumbnail of your chosen Image will be displayed.

• Browse. Click this button to Browse for an image to be used for SEO purposes.

• Alt Text. In this field, enter Alt Text to describe your Image.

• ● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into SEO, you can move on to the next section of the screen (Keyword Search).

(4) Keyword Search

This section will cover information for your page’s Keyword Search.

• ● 1 [On | Off]. Use this button to toggle your Keyword Search settings On or Off.

• ● 1 Keywords. In this field, you can enter Keywords that will be associated with your page, for Search and Filter functions.

• ● 2 Thumbnail. In this section, you can click on Browse to select an Image. The image will display as a thumbnail in the above window.

• ● 3 Alt Text. In this field you can enter Alt Text which describes the image. This is required of all images in compliance with ADA standards. Alt Text assists those with vision disabilities by reading out loud the description of an image.

• ● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have entered the desired values into SEO, you can move on to the next section of the screen (Design Settings).

(5) Design Settings

This section will cover information for your Static Page - Design Settings. These are general settings regarding how your Page is laid out.

• ● 1 Select Format Icon. In this field, click the Icon that corresponds to the Format you would like to change the Design Settings for. The available Formats include Desktop, Tablet, and Mobile.

• ● 2 Start Page From Top [Yes | No]. This setting controls whether or not you want to Start your Static Page from the Top.

• ● 3 Transparent Header [Yes | No]. This setting controls whether or not you want to use a Transparent Header.

• ● 4 Solid Header on Hover [Yes | No]. This setting controls whether or not you want your Header to become Solid when you Hover your mouse over it.

• ● Reminder: be sure to click on the Save buttons after making final changes, before you continue.

Now that you have completed all of the above sections, you are finished with the portion of the user manual covering Static Page Builder.