Pages

How many pages does the website allow?

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.

What is the difference between adding a page and adding a link?

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.

How do I preview a page?

1. Each time you are done with updating your page/blog and want to see the preview, hover mode section then click “Preview”.

 

2. Preview mode.

 

3. To go back to edit mode click on BACK TO EDIT MODE located on the top left corner of the screen.

 

How do I organize the order of my pages?

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.

How do I insert a link menu into my website?

1. Go to the main menu, click on the Pages and Menus.

 

2. Click on Add Page.

 

3. After that the Select Page window will pop up on your screen. Click Link.

 

4. Under Pages, in the Display Name textbox, put in the Display Name and URL and hit SAVE CHANGES down at the bottom.

 

 

 

Why isn’t my page showing in preview mode?

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.

 

Can I change the font on pages?

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.

How to Setup a Photo Gallery Page

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.

How to Setup a Portfolio Page

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.

Tips on How to Design an Engaging About Page

 

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

 

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.

How to Setup a Services Page

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.

How to Setup Your Contact Page

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.

Tips on How to Design a Team Page

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.

Tips on How to Design a Powerful Testimonial Page

 

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.

How to Setup a FAQ Page

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 in your first question. 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.