Adding pages

In menu go to section "Pages", click blue plus button to add new page.

Here you can fill page title, description, image and keywords. All of those will be visible on different parts of page and will be shown in google search as well.

Same goes for eg. section Products.

After creating new page you can edit its content (same goes for products, each product has its own 'page'). Find page you want to edit and click dark blue button that says 'edit content'.

Here you will see options of plugins you can use to add visual content on the page.

Working with 'URL' or 'Web link' or 'Button links'

Each page, product or even location and category has its own and unique URL. This url you can set when creating item and change it in blue 'edit' button of that item. For pages this url represents text right after '/' in www.yourdomain.com/url.

For other sections urls work the same except one difference: For example if you set products url to

'product-url' the final url where you will be able to see this product will be 'www.yourdomain.com/products/product-url'.

You can always navigate to your products page by going to 'edit content' and clicking dark blue button on top that says 'visit page'

Choosing URLs

If you want to navigate to certain URL -> for example to show category from menu, or button on homepage going to a specific product, you have to select correct url for that button.

If you are editing button component or menu you can write your url directly (eg. 'products/my-product-url') or you can click light blue button 'Select URL'. There you can choose from all existing urls on your website

Url can be also generated for an object

for example when adding location or page or product, you can only fill in Title field and generate url from that title. Press green button generate url and field link will be filled with valid url 

Editing text

For example component 'text' offers MS Word-like options to edit your text. You can choose from multiple headlines, paragraph, bold, italic, crossed text etc.

Last option in this editor offers changing color of text. Before that is font style with predetermined fonts.

Problem with font styles comes with copying from eg. Word. After copy-pasting its always good idea to clear style of pasted text. Clear style button you can see on the image.

If you're not sure if editor did everything correctly you can check source code (also see button on image bellow)

Adding Google maps

To add google maps you have to find location on google maps first, then click the share button and choose tab 'Embed a map', there you can copy the link and paste it to googleMap field

Editing colors and theme

If your templates' colors can be changed there is button 'colors' on entry page in admin (click on top left PageFrames logo to get to entry page). You will get to colors form section, here you can edit list of colors used on your web.

On top above the form you can see link 'configure theme' there you can change other parameters like fonts used and offsets.