Scroll

Pages

4. System pages

1. General information

"Pages" section is located within the navigation menu of your site’s Control Panel

New Page. In order to create new page please click on the "Add" button

"Page’s Name" and "URL" must be specified within the provided sections.
create_new_page.png

You can enter any page from the drop-down list, using the page’s title.

If you wish to duplicate selected page, please click "Duplicate" button.
742.jpg

If you wish to delete the selected page, please click "Delete" button (please be informed that Home page can't be removed).
743.jpg

Duplicate widget

You can use "Duplicate widget" feature to create a copy of your widget on the page.
738.jpg

"Duplicate widget" feature will automatically create a copy of your widget under selected widget.
739.jpg

 

Copy/Paste widget

This feature allows you to copy and paste separate objects or entire row/container widgets with content on any page of your site.
740.jpg

You need to copy object once and then you can paste it on the page unlimited amount of times. By default system will paste object under the copied object. If you wish to place object in some specific place - you can choose required object, use "Paste" button and copy of your widget will appear under requested object. Then you can relocate it to any position on the page (depending on the current section).
741.jpg

If you need to copy object on other page - you need to copy it first, then enter required page, choose necessary section and press "Paste" feature. System will add object to the very bottom of the selected section.

!Important! Please be informed that some widgets (for example, Post List in Blog) can't be added twice into the same section and some widgets can't be added on other pages if they are bound to specific page's template (for example, you can't copy "Author" widget from "Post" template to "Main Page" template within the Blog). In this case if you try to copy Row/Container widgets with content (including the widgets, which can't be used on the other pages) - system will copy Row/Container widgets with all content except the widgets, which can't be used on other pages (there will be empty space in the location of mentioned widget).

 

You can set any page as a “Home” page. Please choose necessary page from the list and click "Set as Home" button.
 

Responsive design
Our templates are fully responsive and can be seen on regular computers, mobile devices or tablets. The following buttons are located in the middle top side of the “Pages” section and you can preview your site (how it will look) on various devices, using the mentioned functions. There are following features presented: regular monitor, tablet, mobile device (horizontal), mobile device (vertical).

Each button will compress/expand the working area within the admin panel (depending on the resolution of each device). Example: default working area (regular computer) will cover 100% width of the admin page’s working area, while other devices will reduce this area according to their resolution values.

View Site - allows you to preview changes on the live site.

View Page - allows you to preview direct page.

"Save Draft" - this feature allows you to save all changes regarding the page’s content and preferences. This button is enabled only, if your page is not published.

"Publish" - this feature grants live status for your page.

If you have left the page and entered alternative section without saving changes - you will see the following notification: Unsaved changes will be lost. Proceed without saving?

It means that you need to save changes first, otherwise they will be lost.

 

2. Sections

There are 3 sections for any page on your website: "Header", "Content" and "Footer".

"Header" section allows you to add content that will appear in this particular section and on all pages of the site where this header layout is used.

In a case if you want to set individual header for each page, you should add new header layout through the Section Properties window. You can use this new header layout instead of default one on any website page.

After you click "Add" button, you will see "Add New Section" window, where you need to specify your new section’s name.

Now you can choose a new Header from a drop-down field in the "Section Properties" window.

After that you can add content for a new Header to make it design unique.

Managing your header layouts allows you to choose which header layout should be applied for each particular page. So you can set different headers with unique content for your pages. 

"Content" section - main page section. It allows you to add objects, widgets and features that will appear in this particular page only.

"Footer" section allows you to add content that will appear in this particular section and on all pages of the site where this footer layout is used.

If you want to set individual footer for each page, you should add new footer layout through the Section Properties window. You can use this new footer layout instead of default one on any website page.

After you click "Add" button, you will see "Add New Section" window, where you need to specify your new section’s name.

Now you can choose a new Footer from a drop-down field in the Section Properties window.

After that you can add content for a new Footer section to make it design unique.

Managing your Footer layouts allows you to choose which Footer layout should be applied for each particular page. So you can set different Footers with unique content for your pages.

"Sticky" - this feature allows you to pin footer section to the bottom side of the page.

3. Page properties

Page Properties are separated into two main tabs: "Settings" and "Design".

"Settings" tab allows you to modify page’s name, page’s URL, set parent page (for SEO purposes).

"Page Name" - this field allows you to choose any title, which reflects the main idea of the page. This name can be used within the Control Panel during the navigation process.

"Page URL" - this field allows you to edit page’s URL.

"Parent Page" - this page is the main page in the page’s hierarchy. Parent Page section contains a drop-down list with all your site’s pages and No Parent value.

"Status" - this feature is used for managing page’s view on the live site (whether it would be hidden or published). Draft feature is used by default and page will have hidden status, while Published feature allows you to enable live status for your page.

"Visibility" - this feature allows you to enable/disable password protected page.

You can set general password for all password protected pages or use unique password for each page.

SEO Settings 

SEO Settings block contains number of features, which affect your overall site's SEO.

"Page Title" - this title will appear in the browser's tab.

"Page Description" - field must contain short information about your page, so it would be easier to find this page in search results.

"Page Keywords" - field must contain a number of keywords, which represent the main idea of the page. It’s used for search engines, so it would be easier to find this page in search results.

"No-Index" - if enabled, this feature won’t allow search engine to index page.

"No-Follow" - if enabled, this feature won’t allow search engine to index page, however all external URL’s from the following page would be active.

"Hide Canonical" - if enabled, attribute rel="canonical" will be removed from the current post.

If both options were enabled - search engine won’t index page and external URL’s from the page would be disabled.

"Canonical URL" - this field contains the URL that this page points to with rel="canonical". Cross domain canonical is supported too.

"Code Injection" - there are 2 options to input code "Header" and "Footer".

"Header" - Input code will appear in the <Head> tag on the current site's page.

"Footer" - Input code will appear before the </body> tag on the current site's page.

"Design" tab is separated into two blocks: "Layout" and "Background". You can create page layout, modify your page’s header/footer, change your background and also edit header/footer section through the Section Properties window.

Section depends on the layout of your site’s page. If you use default layout - you will have three sections (header, content, footer).

"Layout" contains sections which are the part of your page’s layout: header, footer and content.
 

"Sections" feature allows you to modify your header and footer. You can add a new header/footer, using "Add" button, rename section name using "Rename" button, duplicate header/footer, using "Duplicate" button and remove header/footer, using "Remove" button.
Please be informed, that it’s not possible to remove original (default) Header/Footer from the list. 

"Add"/"Rename"/"Duplicate"/"Remove" buttons

After you click "Add" button, you will see "Add New Section" window, where you need to specify your section’s name.

If you want to rename block, please click "Rename" button.

Please enter a new name for block and press Apply button.
If you wish to remove section - please click "Remove" button. If you want to duplicate section - please click "Duplicate" button

Background Style 

Background style allows you to change existing background style through the drop-down list of styles or add new styles, using "My Backgrounds" link.
Please be informed that you can’t erase original (default) Body background style.

"Presets" - this feature contains a list of your background styles. Each preset has it’s own title. You can create/delete/duplicate any preset (except default preset).

In order to add new preset please click "Add" button.

If you wish to add new background to the Presets list - please specify your background’s title and "Add" button.

In order to duplicate preset please click "Duplicate" button. In order to remove preset please click "Remove" button.

"Name" - indicates preset title. Must be unique.

"Background Properties" - this block is used for editing color, background image, size of mentioned image, position and tile.

"Color" - this feature allows you to change your site’s background color.

There are presented 25 preset colors and 5 additional (independent) colors. If you wish to change colors, please click "More Colors" link.

Within the color picker section you can choose any color. In order to save results please click Ok button. If you wish to abandon changes - please click Cancel button.

"Background Image" - this feature allows you to add/remove background image of your site.
If Background Image wasn’t set yet - please click button, so you will be redirected to the site’s Media Library.

Please choose necessary image from the list of images within the popup area and click "Apply" button. 

Your "Background Image" feature will change it’s appearance (Edit/Remove buttons will appear on the right side of the section).

In order to change background please click on the "Edit" button and choose necessary image within the Media Library.

If you wish to remove image background - please click "Remove" button.

"Reset" button will revert all made changes for current preset to its previous look (to the point before you start applying changes).

"Size" - this feature appears, when you create a Background Image for your site. It has 3 different options: "Original" (default), "Cover" and "Contain".

"Original Size" option displays default (original) image with it’s default size. 

"Cover Size" option stretches image on the entire screen, preserving the original proportions.

"Contain Size" option stretches image’s height in reference to lowest parameter (height or width), preserving the original proportions.

"Position" - this feature relocates image’s position according to the chosen arrow button (Left Top arrow button is used by default).

"Tile" - this feature allows you to repeat your background images on the page.

"Don’t repeat" feature is used by default.

"Repeat" feature allows you to reflect background image on the page in various proportions. 

"Repeat X" feature allows you to reflect background image in reference to the area’s width. 

"Repeat Y" feature allows you to reflect background image in reference to the area’s height. 

"Fixed" - this feature is enabled by default. It allows you to use fixed position for your background image. If Fixed feature is disabled, then background image will move simultaneously with content.

Please be informed that this background preset can be used on other pages and will affect all of them.

4. System pages

There are several pages, which can't be removed from the page's list and which play important role in managing your site. These pages are: "404" page, "Password Protected" page and "Under Construction" page.

404 page

This page allows you to customize the preset of the page, which appears when visitor enters wrong page details (URL) or trying to access the page which was removed.

"Settings" tab contains the following features: "Page Name", "Page URL".

"Page Name" - this field allows you to choose any title, which reflects the main idea of the page. This name can be used within the Control Panel during the navigation process.

"Page URL" - this field allows you to edit page’s URL.

"Code Injection" - there are 2 options to input code Header and Footer.

"Header" - Input code will appear in the <Head> tag on the current site's page.

"Footer" - Input code will appear before the </body> tag on the current site's page.

"Design" tab is separated into two blocks: "Layout" and "Background". You can create page layout, modify your page’s header/footer, change your background and also edit header/footer section through the "Section Properties" window.

Page's background can be configured in the same way as for any other site's page.

Password Protected Page

This page allows you to enable password protected form on your site's page. It means that visitors won't be able to check the page if they don't know correct password.

You can enable "Password Protected Page" within the Settings - General tab.

There is presented an unremovable widget - "Password Protected Form" which is separated into two main tabs: "Settings" and "Design".

"Settings" tab allows you to configure spacing of your Password Protected form widget, configure custom titles for the form fields and form settings and also enable animation effects of appearance for the form.

"Spacing" - this feature allows you to edit padding feature (increase/decrease internal indent between the widget and border from 4 sides: left, right, top, bottom). This editing can be made through 4 drop-down lists, which contain the following preset features: "Auto", "0", "Small", "Medium", "Large". Auto preset is used by default. You can choose one of the ready-made values using arrow buttons or by clicking on them directly ("Auto", "0", "Small", "Medium", "Large").

"Field Name" - this feature allows you to change the visible text within the Password field.

"Button Label" - this feature allows you to change the title of confirm button (OK is used by default).

"Wrong Password Message" - this feature allows you to change the title of invalid password field (Wrong password is used by default).

"Error while sending" - this feature allows you to change the title of error message, if email wasn't send (Server unavailable. Please try again. is used by default).

"Animation" block allows you to set custom animation type effects for your widget's first appearance.

"Design" tab allows you to customize the appearance of your password protected form.

"Preset Name" contains a list of presets which affect the widget's design overall.


"Button Preset" allows you to change the button design, using various presets.

"Size" allows you to set various size for the button: "Small", "Medium", "Large".

"Alignment" - this feature re-aligns your contact form position within the Contact Form area, depending on the alignment side: left, middle or right.

Under Construction page

This page allows you to customize the appearance of "Under Construction" page, which won't allow visitors to preview your site.

!Important! Under Construction page will be visible only for unauthorized visitors. If you are the site's owner and you wish to check the page - you need to Log off your Control Panel first and then check your site. Otherwise you will see regular site's page.

You can enable "Under Construction Mode" within the Settings - General tab.

"Settings" tab contains the following features: "Page Name", "Page URL" and "Code Injection" section.

"Page Name" - this field allows you to choose any title, which reflects the main idea of the page. This name can be used within the Control Panel during the navigation process.

"Page URL" - this field allows you to edit page’s URL.

"Code Injection" - there are 2 options to input code: "Header" and "Footer".

"Header" - Input code will appear in the <Head> tag on the current site's page.

"Footer" - Input code will appear before the </body> tag on the current site's page.

"Design" tab is separated into two blocks: "Layout" and "Background". You can create page layout, modify your page’s header/footer, change your background and also edit header/footer section through the Section Properties window.

Page's background can be configured in the same way as for any other site's page.

 

Have more questions? Submit a request

Comments

Powered by Zendesk