/
How to set up pages

How to set up pages

 

The next step in setting up the system is to create pages for your candidacy site. “Pages” are used for providing information to all visitors of the candidacy site. They are customizable, meaning that they can be styled and structured according to your organization’s needs.

There are two different types of pages: homepages and pages. In this guide, you will be creating and setting up one homepage and one page.

1 1. Create a homepage | 2 2. Create a page

We will start by creating a homepage.

  1. Click on the “Pages” tab in the menu to the left.

  2. Click on the Screenshot 2024-07-24 at 15.09.27.png button to create a blank homepage.

Screenshot 2025-03-27 at 10.06.33.png

Now, fill out the slug and title, and proceed to add all other necessary fields via the “+” bar.

  1. Under “Slug” and “Title,” write “Homepage.”

  2. Make sure that “Visible” is selected from the dropdown menu entitled “Visibility.” This will ensure that, once the page is created, it is visible and publicly available to all.

  3. Click on the Screenshot 2024-07-24 at 15.13.23.png button to reveal a bar with five other customizable page fields,Screenshot 2024-07-24 at 15.17.17.png.

Screenshot 2025-03-27 at 10.08.54.png

For the homepage, you will only need to add a landing page by clicking on the Screenshot 2024-07-24 at 15.18.52.png icon.

Landing page.gif

For this landing page, you need to provide the following information: main text, secondary text, image, and call to action. You will also need to customize the style of the page.

  1. Under “Main text content,” write the following:

  1. Under “Secondary text content,” write:

  1. Under “Image,” click “Choose file” and select the image (use a .png or a .jpg file): parliament.jpg. Write “parliament” in the “Image description” textbox to make sure that those who cannot see the image still know what the image shows.

  2. Under “Call to action,” tick both the “Primary btn” and “Secondary btn” boxes.

    1. Select “Sign up” for the “Primary btn.”

    2. Select “Custom” for the “Secondary btn.” This action will pre-fill the button’s label and URL fields with automated filler. You can edit this at any point. However, for the sake of this walkthrough, leave it as is for now.

Screenshot 2024-07-25 at 14.07.03.png

  1. In “Styling,” you can customize the proportions and orientation of the page’s layout, as well as its spacing.

Screenshot 2024-07-25 at 14.09.21.png

  1. Click on “Create Page” to create and publish the page.

Now, you should review your setup of the page.

  1. Click on the “Frontend“ button in the lower left corner under the sections, which will open a new browser page with the frontend of your candidacy site.

Screenshot 2025-03-27 at 10.16.03.png

If you have followed the above instructions, the page should look like this:

Screenshot 2024-07-25 at 14.24.26.png

Video Guide on creating a homepage

Create a homepage.mov

 

Once you have created your first page, you will land on the Pages overview. From here, you can create new homepages and pages, as well as edit and delete existing pages. Additionally, you can also see previews of each of your pages under each page by selecting “Preview” at the bottom of the page.

Screenshot 2025-03-27 at 10.45.58.png

We will now create a page, using the steps below.

  1. Click on the Screenshot 2024-07-25 at 14.42.45.png button and choose “Empty page” from the dropdown menu.

  2. Under “Slug” and “Title,” write “Information.”

  3. Select the Screenshot 2024-07-25 at 14.46.44.pngicon by choosing it from the menu or by typing “circle-info”.

  4. Make sure that “Visible” is selected from the dropdown menu entitled “Visibility.” This will ensure that, once the page is created, it is visible and publicly available to all.

  5. Click on the Screenshot 2024-07-24 at 15.13.23.png button to reveal a bar with 4 other customizable page fields,Screenshot 2024-07-25 at 14.51.43.png.

Screenshot 2025-03-27 at 10.47.57.png

  1. Add a rich-text-area by clicking on Screenshot 2024-07-25 at 14.52.48.png button. In the text box, write the following:

  1. Add a divider by clicking on Screenshot 2024-07-25 at 14.53.00.png.

  2. Add another rich-text-area by clicking on the Screenshot 2024-07-25 at 14.52.48.png button. In the text box, write the following:

  1. Add an image by clicking on Screenshot 2024-07-25 at 14.52.52.png. Choose the image file (use a .png or a .jpg file): parliament.jpg.

  2. Finally, click Screenshot 2024-07-25 at 15.09.43.png.

  3. Click on the “Frontend“ button in the lower left corner under the sections, which will open a new browser page with the frontend of your candidacy site. If you have followed the above instructions, the page should look like this:

candidacy_frontend_page.png

Video Guide on creating a page

Create a page.mov