Pages

As many as your little heart desires! Our websites allow for as many galleries and/or text sections as you need to promote your business.

Adding a page is meant to be static one-off type content such as your about page, privacy policy and, etc. whereas adding a link is more flexible in customizing your navigation menus, as you can add a link to any URL within your site or external URL.

1. Once you’ve updated or edited your page, you can preview your page by going to the main menu found on the sidebar, and click the Live Website icon.

2. A new tab will open and you will be redirected to your website. You can now see your live site.

3. To continue editing, you can go back to your previous tab.

   

1. Go to the main page click on Pages & Menus.

   

2. To organise the order of your pages, you just have to drag the pages up or down. Notice that the arrangement on the header menu also changes.

   

1. Go to MAIN, click on Pages & Menus

   

2. Under PAGES, hover on your page title then hit on the eye icon to publish.

   

3. Click on the gear icon or Page settings.

   

4. Make sure the Publish this Page is on/enabled. Click on switch button for Show on Menu.

   

5. After you switch on Show on Menu, make sure to put a check on Header. Then hit Save Changes down at the bottom.

   

6. The page is now added to the header menu.

   

7. Go to Preview to see the published page.

   

1. Yes. To change the font on pages, you can do this by going to Theme.

   

• 2. Under Theme, click on Title or Paragraph to dropdown the font menu. Click the font name on the right hand side and select. Do not forget to click on Save Changes to apply the new font selected.

  

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Blank.

   
   
   

2. Choose the layout you prefer for your Photo Gallery Page.

   

3. Click on the ADD SECTION button – the + icon inside a blue circle – at the bottom right-hand corner.

   

4. Choose Gallery.

   

5. From there, click on Photo.

   

6. Select the photos you would like to be included in your gallery.

   
   

7. You can change the layout of your gallery by clicking on the Browse Gallery Style button to the right of the section tab.

   
   
   

8. You are able to change the page name to Photo Gallery.

   

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Portfolio.

   
   
   

2. Choose the layout you prefer for your Portfolio Page.

   

3. Under the Album Gallery Section, click on Select Album – the camera icon – and start creating your portfolio by creating new albums, and adding images to each album. You can then choose one of the images to serve as an album cover.

   
   

4. To see your new Portfolio in action, see the Pages menu and toggle Publish this Page and Show on Menu, and check Header. Click on Save Changes.

   

5. On your live site, click on an album – in this case, FEATURED CLIENTS, to browse its collection of images.

   

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Portfolio.

   
   
   

2. Choose the layout you prefer for your About Page.

   
   

3. Start designing your page to your liking. Make use of columns to be able to add images, videos, text descriptions, and more. Select the Element you want for the individual columns as you go about customizing the page.

   
   

4. Let’s add a sample gallery to our photographer’s About Page. To do this, click on the ADD SECTION button – the “+” icon inside a blue circle – at the bottom right-hand corner. Choose Slider, then Photo.

   
   

5. Once the Photo Slider section appears, click on the Select Photos button, depicted by a camera icon, on the section tab. Select which of the existing images on your website builder you would like to feature in your gallery.

   
   

6. You can change the layout of any of your sections by clicking on the Browse [Section] Style button to the right of the section tab. In this case, let’s explore a few of the different layouts available for your Slider.

   
   
   

7. Your gallery is now ready to go! Notice now that there is no space between the Photo Slider column and the Custom column above it. To add space, click on the ADD SECTION button again and choose Separator. You can choose either Space or Line. You can adjust the amount of separation between sections by dragging the blue icon at the bottom of the Separator Section.

   
   
   
   

8. If you wish, you can also rearrange the order of the sections on the page. You can do this by dragging the section from either the dotted icon or the name of the section. Both can be found on the leftmost end of the section.

   
   

9. Now let’s add a video to the About Page. Create another column by clicking on ADD SECTION and choosing Columns. It’s always a good idea to keep your page dynamic by adding variety in the designs of the different sections. This time, let’s choose the One-Third option for our new column.

   
   

10. Let’s add a text description on the left column by adding a Paragraph element, and link a video on the right column by adding a Video element.

    
    

11. Click on Link Video and copy-paste your video’s URL into the given text box. You are able to adjust the size of the video by dragging the Video Size scale below the link.

    
    
    

12. Continue to customize and build on your About Page by exploring the different sections and elements available to you.

    

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Services.

   
   
   

2. Choose the layout you prefer for your Services Page.

   

3. Start by adding a Header to your Services Page. To do this, click on the ADD SECTION button – the + icon inside a blue circle – at the bottom right-hand corner. Choose Columns, then One.

   
   

4. Click on the new column, and choose Title.

   

5. For this example, we’ll type What We Do into the Title column and customize the text to your liking by making use of the toolbar above it.

   

6. Add a description of your services below the Title. Do this by clicking on the Add Element button on the rightmost side of the section tab – depicted by the icon of a plus sign inside a blue square – and choose Paragraph.

   
   

7. Add your description to the new Paragraph and customize the text to your liking by making use of the toolbar above it.

   

8. The Services Page includes a Custom Section, which you can redesign by adding or deleting elements and columns, or rearranging or resizing existing columns. In this case, let’s customize our photographer’s page by showing off their different services. Let’s design it by displaying two services per section, and creating duplicates of the section as we add more services. Start by creating two Photo columns in the existing Custom Section. For each column, add a Separator element (in this case, a Space) under the Photo Element, a Text element (in this case, a Title) under the Separator element, and another Separator element under the Text element. For efficiency, you can duplicate elements in one column and drag them into the other. Once this is done, duplicate the Custom Section.

   
   

9. You can now edit the columns by adding the respective names and images for each of your services.

   

10. Prospective customers or clients will want more information on your services, and so the next step is to add links which will redirect visitors to a dedicated page for each service. Click on the element, then Link, and choose the appropriate link type. In this case, let’s choose Page On My Website, from which you’ll click on Select From Pages and choose the page you want the link to redirect to. Repeat for each service.

    
    
    

11. If you have other pages – outside of your new Services Page – containing useful resources regarding your services, you can provide links to them as well. An example is through creating buttons. Click on ADD SECTION, create one or more columns, and, once you click on a column, choose Button. You can duplicate and drag new buttons from this one for however many additional links you intend to include in your Services Page. Align, rename, and add the appropriate links to each button.

    
    
    
    

12. Once you’re done designing your Services Page, publish it by referring to the menu and clicking on Page Settings – depicted by the gear icon to the right of the page name. Turn the toggle on to Publish This Page and to Show On Menu. Make sure to click on Header under Select Menu to make sure this page shows up on your menu. Click on Save Changes.

    
    
    

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Contact.

   
   
   

2. Choose the layout you prefer for your Contact Page.

   
   

3. Start designing your page to your liking. Make use of columns to be able to add images, videos, text descriptions, and more. Select the Element you want for the individual columns as you go about customizing the page.

   

4. You can customize the Contact Form by clicking first on the form, then the Edit button, depicted by the icon of a pencil inside a circle. You can change the recipient of the contact information by typing an email address in the Email Recipient text box. After that, select any of the available options you’d like to include on your Contact Form, and they will automatically appear. If your website is registered for Google reCAPTCHA, you can toggle it at the bottom of the EDIT CONTACT box.

   
   
   
   

5. You can change the layout of your Contact Form by clicking on the Browse Form Style button to the right of the section tab.

   
   
   

6. You can do the same for maps.

   
   
   

7. You can edit your map’s location by clicking on the Edit button and typing in either the name of the location, or – for a higher chance of accuracy – the exact address.

   
   
   

8. You can adjust the size of your section by dragging the blue icon at the bottom of the section.

   
   

9. It’s a good idea to add contact information for you or your company. You have the freedom of customizing this section however it suits you. Here is an example for Folio, made using two Column sections. To start, click on the ADD SECTION button – the “+” icon inside a blue circle – at the bottom right-hand corner. Choose Columns, then One.

   
   
   

10. Click on the new column, and choose Title.

    

11. In this case, we’ll type Offices into the Title column. Create a new section below it and choose a One-Third Column. For the left column, choose Paragraph and type in addresses and contact information. For the larger, right column, choose Map and type in your location on Edit Map.

    
    
    

12. Notice now that there is no space between the Title column and the Map column above it. To add space, click on the ADD SECTION button again and choose Separator. You can choose either Space or Line. You can adjust the amount of separation between sections by dragging the blue icon at the bottom of the Separator Section.

    
    
    
    
    

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Blank.

   
   
   

2. Choose the layout you prefer for your Team Page.

   

3. Start by adding a Header to your Team Page. To do this, click on the Add Element button – the + icon inside a blue square – to the right of the section tab. Choose Title.

   

4. For this example, we’ll type Who Are We? into the Title column and customize the text to your liking by making use of the toolbar above it.

   

5. Add a description of your team below the Title. Do this by clicking on the Add Element button. Choose Paragraph.

   
   

6. Add your description to the new Paragraph and customize the text to your liking by making use of the toolbar above it.

   

7. Put a Separator below your header to create distinction between sections. Do this by clicking on the ADD SECTION button – the + icon inside a blue circle – in the bottom right-hand corner of the page, then Separator. You can choose either a Space or a Line Separator.

   
   

8. You can resize the Separator – and any other section – by dragging the blue icon at the bottom of the section.

   

9. We can now begin adding the names and photos of team members to the page. Start by creating a Three Column section (or however many team members you want to display per row) below the Line Separator.

   
   

10. Add a Photo element to each column and upload the photos you wish to represent each team member.

    
    

11. Add a Paragraph element below the Photo element. For efficiency, you can duplicate elements in one column and drag them into the other. In the Paragraph element, type in the team member’s name and position in your group or company. Customize the text to your liking by making use of the toolbar above it.

    
    
    

12. In designing your team profiles, you can add a Separator between the Photo and Paragraph elements. Adjust the size of the Separator to your liking, then duplicate it to your other columns.

    
    
    

13. Once you have finished designing your first row of team members, duplicate the Custom Section. All you have to do now is change the photos and titles in each column of the duplicated section. Repeat this step as many times as you need for your particular Team Page.

    
    
    

14. If you wish, you can add links to each profile to redirect visitors to dedicated pages for each of your team members. Click on the element, then Link, and choose the appropriate link type. In this case, let’s choose Page On My Website, from which you’ll click on Select From Pages and choose the page you want the link to redirect to. Repeat for each team member.

    
    
    

15. Retitle your Page Name, URL, and Title in the menu to the left of the page.

    

16. Once you’re done designing your Team Page, publish it by toggling Publish This Page, Show On Menu, and clicking on Header under Select Menu. Click on Save Changes.

    
    

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Blank.

   
   
   

2. Choose the layout you prefer for your Testimonial Page.

   

3. Start by adding a Header to your Testimonial Page. To do this, click on the Add Element button – the + icon inside a blue square – to the right of the section tab. Choose Title.

   

4. Type Testimonials into the Title column and customize the text to your liking by making use of the toolbar above it.

   

5. Add a description of your testimonials below the Title. Do this by clicking on the Add Element button. Choose Paragraph.

   

6. Add your description to the new Paragraph and customize the text to your liking by making use of the toolbar above it.

   

7. Put a Separator below your header to create distinction between sections. Do this by clicking on the ADD SECTION button – the + icon inside a blue circle – in the bottom right-hand corner of the page, then Separator. You can choose either a Space or a Line Separator.

   
   
   

8. You can resize the Separator – and any other section – by dragging the blue icon at the bottom of the section.

   

9. We can now begin adding the names and photos of clients or customers to the page. You have multiple options in designing these sections. In this first example, start by creating a Three Column section (or however many testimonials you want to display per row) below the Line Separator.

   
   

10. Add a Photo element to each column and upload the photos you wish to represent each client or customer.

    

11. Add a Title element below the Photo element, a Line Separator below that, and a Paragraph element below that. For efficiency, you can duplicate elements in one column and drag them into the other. In the Title element, type in the client’s or customer’s name and occupation (and/or their location, if you wish). In the Paragraph element, type in the client’s or customer’s testimonial, and bookend the testimonial with quotes. Customize the text to your liking by making use of the toolbar above it.

    
    

12. If applicable to your particular Testimonial Page, you can link each testimonial to dedicated pages detailing how respective clients or customers benefited from your service/s. Do this by adding another Paragraph element below the quoted testimonial. Click on the element and select Insert/Edit Link on the toolbar. Type in or copy-paste the URL of the page you want this text to link to, and type in Read Their Story – or something similar – in Text to Display. Title the link if you wish, and choose whether you want the linked page to load on the same page or in a new tab. Change the font color to distinguish the link from the text above it. Once you’re done, duplicate this element to your other columns and edit the URLs accordingly.

    
    
    
    

13. Once you have finished designing your first row of testimonials, duplicate the Custom Section. All you have to do now is change the photos, titles, and links in each column of the duplicated section. Repeat this step as many times as you need for your particular Testimonial Page.

    
    
    

14. Another way to design your Testimonial Page is by having one testimonial per row, with the client’s or customer’s photo beside their title and testimonial, instead of having the photo above the description. Choose this type of layout for your Testimonial Page if you want to highlight individual clients or customers, as this layout allows you to add larger photos and text for each testimonial. To do this, click on the ADD SECTION button and choose a One-Third column. The left column will contain the client’s or customer’s photo, and the right will contain their title and testimonial – which you can format similarly to the first layout option. The primary difference with this layout, as mentioned, is that you can include a larger photo, as well as larger text. Once you’re done, duplicate this section as many times as you have testimonials and edit each element accordingly. Add Separator elements between each section.

    
    
    
    

15. Retitle your Page Name, URL, and Title in the menu to the left of the page.

    

16. Once you’re done designing your Testimonial Page, publish it by toggling Publish This Page, Show On Menu, and clicking on Header under Select Menu. Click on Save Changes.

    
    

1. Start by clicking on Pages & Menus under the main menu, and click on ADD PAGE. Choose Blank.

   
   
   

2. Choose the layout you prefer for your FAQ Page.

   

3. Start by adding a Header to your FAQ Page. To do this, click on the pre-existing empty column and choose Title.

   

4. Type Frequently Asked Questions into the Title column and customize the text to your liking by making use of the toolbar above it.

   

5. You can now begin adding in questions and answers in different sections. Start by clicking on the ADD SECTION button – the + icon inside a blue circle – in the bottom right-hand corner of the page. Choose Columns, then One.

   
   
   

6. Type Frequently Asked Questions into the Title column and customize the text to your liking by making use of the toolbar above it.

   

7. Make your question sections distinct by adding background color to them. Do this by clicking on Settings – depicted by the gear icon – on the section tab. Turn the Background toggle on and click on Background Color. Experiment with different colors until you find the one you prefer for your question sections.

   
   

8. Create a new One Column section under the question and choose Paragraph.

   

9. Add the answer to the above question to the new Paragraph and customize the text to your liking by making use of the toolbar above it.

   

10. You can create space between each section by clicking on the Add Element button – the + icon inside a blue square – to the right of the section tab. Choose Space.

    
    

11. You can resize the Space element by dragging the blue icon at the bottom of the element.

    

12. Quickly add another Space element under the text. Duplicate the current Space element by clicking on the overlapping squares icon. Move the duplicated Space element under the text by dragging the icon of three dots to the very left of the element toolbar. Enlarge the new Space element to create greater separation between each FAQ.

    
    
    

13. You’ve now finished your first FAQ. Quickly create another by duplicating both the question and answer sections. All you have to do now is change the text in the column of each duplicated section. Repeat this step as many times as you have FAQs.

    
    
    

14. Retitle your Page Name, URL, and Title in the menu to the left of the page.

    

15. Once you’re done designing your FAQ Page, publish it by turning the toggle on to Publish This Page and to Show On Menu. Make sure to click on Header under Select Menu to make sure this page shows up on your menu. Click on Save Changes.

    
    

1. Sign up for your FolioWebsite using an existing email. Choose a subdomain for your account.

   

2. After successfully registering, select any theme of your choice.

   

3. Before adding your sections and elements, you can configure the Theme settings, such as the Title, Paragraph, Images and so on.

   
   
   

4. Don’t forget to click the Save Changes button.

   

5. Start adding sections by clicking the add button on the right-hand corner of the page.

   

6. Simply click the add button on the section toolbar to start adding your desired elements such as images, paragraph, video, etc to its designated column.

   

7. Once satisfied with the outcome, click the live view icon to see your first created web page with the Folio builder.

   

1. How to delete an album or an image on the album manager page
   On the builder click Albums on the left sidebar to show all the existing albums on your website.

   

2. Hover to the album you want to delete and the delete/trash icon will appear, along with the add photo and settings button.
   Click the trash icon to delete the entire album.

   

3. You can also select the album that you want to delete and a blue toolbar will appear with the options to Categorize, Download and Delete the album.
   Click Delete

   

4. To delete individual images:
   Click on the album that contains the image you wish to delete.

   

5. Hover to the image and click the three dotted icon to show the word Delete.

   
   

1. How to Add an album to an existing page
   On your photo gallery or slider, click the camera icon to show the existing albums on your website.

   

2. Click Add Album on the right hand corner.

   

3. You can also add photos by clicking the upload icon.

   
   

   Please remember that deleting an album can only be done on the album manager page.

1. To add a new page
   Go to Pages and Menus then click the Add page button.

   
   

2. Select the Blank Page. You can select a specific layout with a customized gallery section or add your own.

   
   

3. To add your own gallery section, click the + button, select gallery and then album.

   
   
   

4. To add an album, click the camera icon on the toolbar and click the + Album.

   
   

5. To add photos in your album simply click the upload icon. You can add as many albums as you want.

   

6. After adding all your albums, you can then choose the gallery style by clicking the double arrow symbol.

   

7. Once done, toggle Publish this Page and click the Save Changes button.

   
   

1. Click the settings icon on the toolbar to show the slider settings on the left sidebar.

   

2. You can toggle Thumbnail to show the viewer a glimpse or preview of photos in that specific gallery.

   

3. Toggle Title to show the title of the photos.

   

   Toggle Description to show the captions you have for each photo.

   

4. Toggle Date to show the date a photo was added or taken.

   

5. Toggle Button to remove or add a black overlay to the button on your album.

   

6. Toggle Pagination to show the number of photos in your gallery.

   

7. The pop-up title and description can be toggled if you choose to show the title and description of each photo once viewed. *There is no option to preview these 2 setting options on the builder. You can view the settings on the live website. Below is an actual image of when these 2 options are enabled and once a user views the photos.

   

1. On your main menu, click on the Pages under the main menu.

   

2. Under Pages tab, hover on the page you would like to duplicate and click the more actions icon (three dots). Select Duplicate from the options.

   

3. The duplicated page will be placed below the original page. Rename the new duplicate page.

   

4. Hover over the Settings icon of the new page. On the sidebar, set the Page Name, URL or set the duplicated page as Homepage on the Page Settings. Hit Save Changes button save all page settings.

   

1. To set the page as homepage, first click Pages from the main menu.

   

2. There are two ways to any page as Home:

   Option 1:
   Hover over the page title and click more actions icon, then select Set As Homepage. A home icon is now visible on the right side of the page title.

   

   Option 2:
   Click on any Page title. On the sidebar, click the Set as Homepage switch then click Save Changes button below to save.

   

1. To publish or unpublish a page, first go to Pages from the main menu.

   

2. To identify the page’s status, look for the red (unpublished) or green dot (published) icon before the page name. Hover over the page, click more actions icon and select Publish or Unpublish. The changes will be automatically applied.

   

1. To add a password protected page, first go to Pages from the main menu.

   

2. Select the page you wish to update. A page settings sidebar will appear.

3. On the sidebar, open the visibility dropdown, and turn on password switch. Add your password and hit Save Changes at the bottom.

   

1. To add a new page, first click Pages from the main menu.

   

2. Click Add Page. Select the page layout according to your liking.

   

3. Fill in the important details like Page Name and URL, then click Save Changes at the bottom.