In order to enable the Onboarding Portal for new employees, you will need to set up a template. Templates can be set up for each location or language that you need to use within your organisation.
This article explains how to add a Portal Template and contains the following sections:
1. Add a new Portal Template
To begin adding a new Portal template:
Navigate to: Onboarding >> Portal Templates >> Add New Portal Template.
1. Enter a Name for the template.

2. Duplicate an existing Portal Template
To begin duplicating an existing Portal template:
Navigate to: Onboarding >> Portal Templates
1. Select the Template you would like to duplicate.
3. Welcome Card
This section displays four tabs which contain key information for a new employee.
This is the message that is displayed in the first tab of the Welcome Card. There is also a pop-up message which can be set to display a separate, shorter welcome message.

This tab displays the employee's Start Date and Start Time.

This tab displays the Address and Map of their work location. There is also an optional section to include Directions and other information about finding the location.

This tab displays the employee's main contact if they have any questions.

4. Tasks Section
This section displays the number of tasks that a new employee has to complete and contains a link to the Tasks screen.

5. Message Section
Navigate to: Onboarding >> Portal Templates >> Portal Template Details
This section displays text / images configured using the HTML Editor.



Inserting Text
1. Type into the editor and use the available formatting options.
Inserting an Image
1. Select where the image should be inserted.
-
- If an image is uploaded, the Web Address field will display the URL for the uploaded image.
- This generated public URL can then be used to insert the image on other portal templates by pasting the URL each time.
4. (Optional) Enter Alternate Text. (This is the text that will be used if the image cannot be displayed).
5. (Optional) To change the dimensions of the image, enter Width and Height (in pixels). (The aspect ratio is retained if you enter only a width or a height).
6. Click OK.

Editing Image Size
The image added to a message may not properly fit the whole Section on the Portal. You can resize the image when first adding it or by editing the Section.
1. To edit the image click on the pencil icon in the corner of the Section.

2. Click View HTML button '</>'.

3. By editing parts of the HTML you can resize the image. It is important to use the HTML that relates to the size and orientation of the image.
Copy and paste the HTML below to replace the current if the image is too big to fit in the Section (bigger than 471x244px), making sure to replace INSERT IMAGE HERE with the image's URL.
<div style="display:flex;height:244px;vertical-align:middle;"> <img src="INSERT IMAGE URL HERE" style="margin:auto;max-height:240px;max-width:100%;" /></div>

If the image is too small to fit the whole Section(smaller than 471x244px), there are two options;
Use the HTML below if the small image is portrait.
<img src="INSERT IMAGE URL HERE" style="margin:auto;max-height:240px;max-width:100%;height:100%" />
Use the HTML below if the small image is landscape.
<img src="INSERT IMAGE URL HERE" style="margin:auto;max-height:240px;max-width:100%;width:100%" />
4. Click Update and then Save.

6. Video Section
This section displays an embedded video.



Use the following instructions to find the embed codes for videos in YouTube or Vimeo:
- YouTube - Open the video, right-click on it and select Copy embed code.


Adding a 'How to use Cezanne' Portal Video
This section shows how to add either of the following videos to a Portal Template. Both videos explain how new starters can use their portal and navigate the system, but include different branding.

- For Video 1 (with Cezanne HR branding)
<iframe src="https://player.vimeo.com/video/348804217" width="640" height="291" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
- For Video 2 (with alternative branding)
<iframe src="https://player.vimeo.com/video/348804093" width="640" height="291" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>

7. Team Members Section
This widget displays an employee's manager, peers and subordinates with bios (if filled in).

To view the available options for this section, select Edit Section.
The following settings are available:

- Include Indirect Subordinates - ticking this option will also display all of an employee's indirect subordinates (at every level) in the Team Members Section.
- Hide Section - ticking this option will hide the Team Members section.