Select Product Page Builder

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 Select Product Page Builder module from the available builders.

Select Product Page Builder Setup Fundamental

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

A Select Product Page is a page that displays only the specific Products you have selected. It’s a customized page for your website that can be designed using this module.

Here is an example of a finished Select Product Page created using this builder:

Now that you have learned about the fundamental idea and seen the end result, you can continue with this guide to learn how to use the Select Product Page Builder.

Page Builders

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

● 2 Page name. In this field, enter a Name for the page you would like to build using the Select Product 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 Select Product Page Builder application and continue with the process of creating your page.

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

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

● 1 Products List

● 2 Select Order and Sorting

● 3 Above the Page Banners

● 4 Main Information

● 5 SEO

● 6 Keyword Search

● 7 Settings / Sort Options / Group Settings

(1) Products List

In this section, you can choose the individual Products that you would like to display on your Product Page.

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

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

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

Help ?. This button enables you to access the user manual for this module.

● 2 Filter. Click on this button to reveal Filter options. This allows you to Filter every single product in your database for display on your finished Page.

Product Type. In this dropdown, you can select the Product Type as a Filter.

Brand. In this dropdown, you can select the Brand as a Filter.

Source. In this dropdown, you can select the Source as a Filter.

Price (From - To). In this field, you can enter From and To values for a Price range as a Filter.

● 3 Products. In this area, you will find your Products listed and organized.

Show entries (left corner). In this field, you can select the number of entries to Show per page.

Search (right corner). In this field, you can enter Search terms for your Products.

Columns. In these columns, you will find a variety of product categories displayed. You can also sort these products by clicking on the arrows next to the column title. The checkbox to the left of each row Selects the Product to include on your Product Page.

Name. In this column, the Name of the product is displayed.

Image. In this column, the Image of the product is displayed.

Brand. In this column, the Brand of the product is displayed.

Model Number. In this column, the Model Number of the product is displayed.

GUID. In this column, the GUID of the product is displayed.

Now that you have familiarized yourself with the Products List, you can move on to the next section (Select Order and Sorting).

(2) Select Order and Sorting

In this section, you will be able to select the Order and Sorting for your Select Product Page.

● 1 Here you can enter values for, and then drag and drop boxes containing Stock, Brand, Product Order, Product Type, Product Tags, Price, Date of Arrival, and Shuffle, to the desired position that these Sorting Options will appear on your page.

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

Now that you have familiarized yourself with the Select Order and Sorting section and learned its functions, you can move down to the next section of the screen (Above the Page Banners).

(3) Above the Page Banners

In this section, you can select Banners and Videos to be displayed above the Select Product Page you are creating.

● 2 In this area, you can Browse for banner images and videos to be applied to Desktop, Tablet, and Mobile settings. You can also apply the image’s Alt Text in the corresponding field.

● Note: if a Banner Image or Video is not selected for any of the above three settings, then no Image or Video will display when the page is viewed from the corresponding device.

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

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

(4) 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 is a number automatically assigned to every page. It can’t be changed.

● 4 Start Date. In this field, you can enter a Start Date for your Select Product Page. This is useful, for example, when considering time-specific pages like Holiday Specials.

● 5 End Date. In this field, you can enter an End Date for your Select Product 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 (SEO / Page Content).

(5) SEO / Page Content

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

SEO. These fields enable you to customize the SEO Content of your page.

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.

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

● 8 Page Content. This section includes three buttons, each that opens an Editor screen to create different type of Content.

Above the Page Content. This button opens an Editor enabling you to design Above the Page Content. This Content will appear at the top of the Page.

Below the Page Content. This button opens an Editor enabling you to design Below the Page Content. This Content will appear at the bottom of the Page.

Structured Content. This button opens an Editor enabling you to design Structured Content that can be positioned in Rows and Structured along with Images.

Clicking on either of the above two buttons, Above the Page Content or Below the Page Content, will open an editor specific to each, with a window that appears as follows:

● 1 There is also a third button, on the right of the Page Content section:

Structured Content. This enables you to create content that can be structured within the page. Clicking on this button brings up a different editor from the others, which allows you to structure the content with images. That editor appears with several rows displayed as follows:

● 1 Title. In this field, you can enter a Title for the Structured Content that will display on your page.

● 2 Description. In this fiel,d you can enter a Description for the Structured Content that will display on your page.

● 3 Browse (Image). Here you can select an image for the Structured Content that will display on your page.

● 4 Alt Text. In this field, you can enter Alt Text for the Image that will display on your page.

● 5 Browse (Video). In this field, you can select a Video for the Structured Content that will display on your page.

● 6 Title Text. In this field, you can enter Alt Text for the Structured Content that will display on your page.

● 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 Page Content, you can move on to the next section (Keyword Search).

(6) Keyword Search

● 1 Keyword Search. In this area, you can modify your Settings related to Keyword Search. You can also turn On or Off your Keyword Search on the right side.

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

● 3 Thumbnail / Image [Browse]. In this section, you can click on Browse to select an Image. The image will display as a Thumbnail in the above window.

● 4 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 familiarized yourself with the Keyword Search section and learned its functions, you can move down to the next section of the screen (Settings / Group Settings).

(7) Settings / Sort Options / Group Settings

● 4 Settings. In this section, you can modify different Settings.

Filter Template. This dropdown menu enables you to select the Filter Template to use for your Select Product Page.

Show Variations [Yes | No]. This setting enables you to choose whether or not to Show Variations.

Image Match [Yes | No]. This setting enables you to choose whether or not to use Image Match.

● 5 Sort Options. These checkboxes will provide a Sort Options dropdown displayed on the page.

Default. This checkbox activates the Default Sort Option.

Price (High to Low). This checkbox activates the Price (High to Low) Sort Option.

Price (Low to High). This checkbox activates the Price (Low to High) Sort Option.

Newest Arrivals. This checkbox activates the Newest Arrivals Sort Option.

Stock Availability. This checkbox activates the Stock Availability Sort Option.

Brand Name (A - Z). This checkbox activates the Brand Name (A - Z) Sort Option.

Brand Name (Z - A). This checkbox activates the Brand Name (Z - A) Sort Option.

● 6 Group Settings. In this section, you can Assign Groups. To set up Groups, refer to the Groups module.

Groups [Assign Groups]. Click on this field to reveal a dropdown menu from which you can select a Group to apply this Page to.

● 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 this portion of the help guide covering Select Product Page Builder.