Pages

This is where you can edit the looks of your Homepage and set up all the other necessary
pages for your Scrile Connect website.

By default, every Scrile Connect website has the following pages:

• Homepage

• Terms Of Use

• Cookie Policy

• Security Policy

• Privacy Policy

• Refund Policy

• Complaints Policy

Open

We offer placeholder legal texts for every policy page, however, they should be reviewed and
adjusted according to your business usage. You can also add as many pages as you need to
make sure you provide all the necessary information to your users by clicking Add Page.

Open

Any page can be published or unpublished with the help of this toggle:

The pages that you create can be deleted anytime, just click on this icon:

The direct link icon will take you straight to the page from the list.

Page Editor

To edit a page, simply click the infamous blue pencil icon, and the system will take you straight
to the editor. Since the editor is the same for all the pages, we will take a look at the Homepage
only.

The top left corner of the page has the Device switch which will give you a chance to see how
your page will look on different devices and in different orientations:

Get a better view and locate the page components with this button:

Enter the preview mode with this button: , and leave it with this one located in
the top left corner of the preview mode page.

Open the editor in full screen mode by clicking here: , click it once again or press Esc to
leave the full screen mode.

This button will let you look through the page code in HTML and CSS:

The Style manager will help you customize the look and feel of your website
For example, change the background color of a banner and its layers:

Change IDs, Titles, HREF’s and else of the page elements with the Component Settings
button or simply a gear:

The so-called “Burger menu” will open an Open Layer Manager for you:

What can be changed in the Landing Page editor?

• Hide elements

Hide the elements that you don’t need on the page by clicking the eye icon next to an element in the Open Layer Manager (see above), edit text and links
by clicking on them.

• Add a new block

Add new elements to the page by clicking the open blocks button: , choose from the
variety of blocks to create a unique page:

Drag and drop the needed block to the place you want to add it:

• Change the background image of the Top Banner

Click on the top banner:

Click the Style Manager icon and choose the Background field, then click on it.

Click the Images button:

Then choose an image you want to add.

When the picture is chosen, you may set up its position here:

If you don’t like an image, you may remove it by clicking this button:

• Change the position of text and image boxes

‘Image with text aside’ block has 2 different boxes: one with the image and one with the text.
If you want to change the position of the boxes in the desktop version, chose the needed block,
click on the Gear icon and tick the Invert layout box:

• Change the background color

Choose a needed object, click this button, choose a suitable color, then click OK.

• Change the buttons color

To customize the look of the various buttons on your landing page, such as “Log in/Sign up” etc, click the burger menu while in the Homepage site editor. Then choose “Body” by clicking it once and click the gear icon . Choose both primary and secondary colors to your liking:

After having done this, you will see this beautiful gradient color that you have chosen for the buttons:

• Edit text

It’s also possible to change the style of the text, its color and position:

• Add a link to the text

Pick the word and click the Link button:

Click on the Engine button and write the link to the Href field:

• Change website title

One of the most popular questions from our customers is “How can I change the website title?” here:
The page editor is the way to go, here’s what you will need to do:

1. Click Edit Homepage:

2. Click on the burger menu and then Body:

3. Click the gear icon and edit the Page title field:

And it’s done, your main page title is changed now.