Sections are important parts of your home page, which allow you to provide a variety of features such as widgets, tools, and links to specific projects that you want to present. A section can be added by clicking on the “+” sign in the right part of the presentation editor.


Note: To save the changes you have made, you can use the buttons to Save as draft, and Publish the page, which appear at the top. If you do not, the changes will not be saved. You will also see the Show Live Preview button.

With the Preview option, you can view how the home page would appear on the front end through a tablet, a mobile phone, as well as a computer.

The Home page can also be shared using the Share a draft option. This will allow you to share the home page with your colleagues or managers for approval.

When you click on "Add a section", the page containing the different sections opens. You will see a list of sections in the bar on the left, and the different layout styles for each section on the right. To add a section, just click on the layout image of your choice.

Banner

Now let's look at the example in the Banner section.

On the sections page (as shown in the image above), click on the Banner menu item on the left, then click on one of the layout images in the Banner section to add it. Layouts 1 - 5 will give prominence to the text over the image. This would mean that wider images will appear cropped. If the image needs importance, layout 6 is the option to go with.

Once the section added, we see the parameters part on the left and the preview on the right

Note: At any time, you can move the cursor over any image of the section on the right, to see the Edit section button. By clicking on this button, you will open this section.

In the settings, you can update the Image, Height, Title and Description of the banner. By continuing to scroll, you will be able to update the Button Button Text, as well as the Button Link (the link to the page to which it leads, when you click the button)

At the top of the settings for each section, you will find 3 other tabs, and an icon with three dots on the right. These three tabs allow you to define the color, font and layout settings (how they apply to each type of section).

The three dots on the right allow you to hide the section, move it up or down the page and delete it.

Projects

After the banner, comes the "Projects" section.

As the name suggests, it allows you to add a section that presents one or more projects on your home page.


With the project section, you can also add tools, hubs, & custom URLs along with the projects as shown below in the screenshot.

Note: The way to select this section, or any other section to come, is the same as that explained in the case of the Banner. Once selected, the parameters will appear on the left and the preview on the right. It is also the model for all the other sections.

The project settings allow you to define the following elements (highlighted in the image below)

• The title of the section

• The publication date

• The status, if the project is published or archived

• To show or hide the "View project" button

• Selection of projects via project tags or manual selection

• The tabs for each project presented in this section (indicated as 1, 2 and 3 in the • image below). Other projects can be added by clicking on the blue “+” sign on the right.

• Associate an existing project

When we scroll through the settings in the projects section, we see other options as follows.

• Change the image of the project

• Change of title, permalink and description

• Delete project

As explained in the Banner section, the other three tabs shown in the image below and the icon with the three dots are used respectively to manage the color, the font, the layout and other parameters. They appear in all sections and the options there change depending on the section selected.

Featured

After Projects, we see the “Featured” section. The particularity of this section is that it allows us to choose either specific projects to present, or particular tools within the project.

As with the other sections, we see the settings on the left side and the preview on the right. In the settings we see the first tab selected, by default.

The settings in this section allow you to do the following.

• Change section title

• Show or hide the status of the project, whether it is published or archived

• Show or hide the call to action button (See the project)

• Select the type of content (be it a project or a tool)

• Change the image of the project

• By scrolling through the list, we can do the following

• Change the title and description of the project sheet

• Edit button text and button link

By scrolling through the list, we can do the following

• Change the title and description of the project sheet

• Edit button text and button link

Now back to the Content Type. We saw earlier that the default selection was "Project". Now we select "Tool" and we see that there are two drop-down menus, one for the project and the other for the tool. In this example, we have selected the survey tool entitled “the citizen survey”, from the “New Project” project.

When you choose to show the tools of a project, the settings are as follows.

• Change the map image in the section

• Edit title and description

• Edit button text and link.

Project Showcase

The next section is the Project Finder. The next section is "Project Showcase".

This section allows the user to search for a particular project using certain filters, such as project name, project label, year of creation, status (published or archived).

Then a series of options related to the filter, such as

• Show search

• Show tag filter

• Show year filter

• Show status filter

Below is the "View more options" link.

Clicking on this button will open other links, listed below.

• Show reset button

• Show project name

• Show project description

• Show project labels

• View project status

• Display the "View project" button

• Display the publication date

• View of pagination

Below these options, you can choose the number of projects per page.

Slider

The Slider section is used to present various images of the project such as a photo gallery. Users can see the projects and also visit the project by clicking on the cursor image.

Once the Slider section is activated, you will see the following options.

• Change section title

• Increase or decrease the cursor speed

• Changing the cursor height

• Tabs 1, 2 & 3 (and more if necessary by clicking on the “+” sign on the right), for the details of each cursor

Changing the cursor image.

The further down you go, the more options you see, such as

Title and description of the project map

Text button and link

Delete slide

Register banner

The Register Banner section is located after the Cursor section. To learn more about the widget, click here.

This section allows the user to click on the button in the center of the banner and go directly to the registration page. In the settings you will see the following options.

• Change image

• Change of title and description

When we scroll down, we also see the option to change the text on the button.

Who's Listening

We now see the section on the Who's Listening widget. To learn more about this widget, click here.

Click on this link, and then your preferred layout on the right, to add this section.

As for the other sections, you will find on the left the various parameters listed below.

Change section title

• Selection of profiles 1, 2, and 3 of different people in the widget. Others can be added by clicking on the blue “+” sign

• Change of the person's name, profession, email, and business.

and at the end, the button to delete the member.

• These options will be available for each member in the tabs 1, 2 & 3 (and more) indicated above.

Documents

We now see Documents, which is the next widget-based section. To learn more about this widget, click here.

Just click on the Documents link and click on the preferred layout that appears on the right to add this section.

On this page you will find the following settings.

• Change of section title.

• Change of icon. You can click Update, to choose from a list of icons. There is also the possibility of downloading icons.

Tabs for each document. The parameters of each document can be modified individually in these tabs labeled 1, 2 and 3. Other tabs can be added by clicking on the blue “+” sign.

The ability to download a document, or to provide an external link to the document. • Option to name the file

and at the bottom you will find the button to delete the document

Key Dates

The documents section is followed by the Key Dates section. To learn more about the Key Dates widget, click here.

As before, click on Key Dates and the layout of your choice on the right side of the page, to add this section.

The settings in the key dates widget are as follows.

• Change of section title

• Change of icon (you can choose from a collection of icons by clicking on the blue "update" button

• Adding or removing the number of instances of Key Dates in the tabs labeled 1, 2 and 3. Other dates can be added by clicking on the blue “+” sign

• Type of event: One day or several days.

• Change name and description of cards in section

• Option to add a Link Text and Link URL field

• Option to delete Key dates

Life Cycle

We will now examine the Life Cycle section based on this widget. To learn more about the Timeline widget, click here.

Click on Life Cycle and select a layout of your choice to add this section.

The options available in this section are as follows.

• Change section title

• Change the icon. You can choose any other icon of your choice by clicking on the blue "Update" button

• Tabs 1, 2 and 3 indicate the 3 stages of the life schedules available by default. Other steps can be added by clicking on the blue “+” icon on the right

• Modification of the name and description of the section files

• Button to delete a stage from the Life timelines section

FAQ

The next section is the FAQs. To learn more about this widget, click here.

Click on this link and add the section, choosing the model of your choice in the panel that appears on the right side. The settings section then appears as shown in the image below and presents the following options.

• Change section title

• Change the icon. You can choose from several icons by clicking on the blue button titled "Update".

• Tabs 1 and 2 (for each question and its answer). Other tabs can be added by clicking on the blue “+” sign.

• The text of the question and the text of the answer.

• At the bottom, the button to delete the question.

Important links

The next section is the Important Links section, based on the widget. To learn more about this widget, click here.

Click on this link and add the section, choosing the model of your choice in the panel that appears on the right side. The settings section appears as shown in the image below.

In the settings of this section we can:

• Change section title

• Change the icon. You can choose several icons by clicking on the blue "Update" button.

• Add or remove the tabs labeled 1 & 2. These are tabs for each important link. Other tabs can be added by clicking on the blue "+" button on the right

• Edit link name and URL

• Deactivate or activate the opening of the link in a new tab

• Remove the link by clicking on the red button at the bottom

Freestyle Content

It is possible to add custom content, such as images, text, links and tables, using the Freestyle Content section. This is based on the custom widget. To learn more about the widget, please click here.

To add this section, click on the Custom link, then on your preferred layout on the right side.

The custom section offers the following options:

• Change of section title

• Add and edit content, using a text editor that lets you add text, images, tables, hyperlinks, and other font formatting.

• You will notice that this section does not have tabs to change the fonts and the layout at the top, because it allows this customization in the content area itself.

Title

The title is probably the easiest section to add.


As the name suggests, the function of this section is to add a title to your page. There are no other options in this section, just a field to enter the title of your choice.

Title With Description

You may want to add a combination of a title and description. This is precisely what this section does.

Like the Title section, the Title and description section has no other parameters than a field for entering the title and another field for adding the description. As seen in almost all of the previous sections, it also has the usual color, font and layout tabs at the top.

Video

The video section allows you to add YouTube or Vimeo videos to your home page. Click the Videos button to add this section.

The options available in this section are quite simple. You can select the type of video (YouTube or Vimeo), the URL of the video, the height and finally the title of the video.

HTML

The last section of the list is HTML. This section allows you to enter your own HTML code.

Click the HTML link to add this section. The settings in this section simply consist of the space where you can enter your HTML code.

Did this answer your question?