Personio Career Page: Integrating Images and Videos

 

This article explains how you can use Iframe to integrate images and videos into a Personio career page. Read on for instructions on how to embed video files hosted on YouTube and Vimeo. Please note that you will need to have editing rights for the Recruiting section to do this.

The video file you wish to integrate into your career page must be saved as a link. It may be hosted internally or externally on your company server.

 

Adding Images

The following table shows which codes you can use to insert images and links into either the About Us section or directly into the input fields for job description attributes associated with job postings.

To do this, switch to the code view by clicking on A (more text) and the <> icon in the formatting settings of the text field: 

settings_career_page_code_view_en-us.png

Read on to find sample code you can copy and paste straight into the code view:

Code Description
<a href="URL">Name of the link to your URL</a>

Insert a URL of your choice into the {}href{} (hypertext reference) attribute and name the link as you would like it to appear.

<img src="publicly available URL for your image" alt="description of your image"> Use the src (source) attribute to insert an image that is available from a public URL. The text that is entered as an alt (alternative) attribute will be displayed if the image can't be retrieved.

width="100"

e.g. <img src="publicly available URL for your image" alt="description of your image" width="100">

Choose the size of your logo/image. If you modify the width, the height will be scaled automatically. If you would like to adjust the size based on the height of your logo, use the height attribute. Personio accepts px, em and % as units of measurement. Click here for more information about units for the width and height attributes.

 

Integrating a YouTube Video Into Your Personio Career Page

careerpage-embed-youtube_en-us.gif

  1. Open the YouTube video you wish to integrate into your Personio career page.
  2. Next, click on the Share button below the video.
  3. Click on Embed and copy the HTML tag.
  4. Switch to your Personio account.
  5. Navigate to Settings > Recruiting > Career page.
  6. Go to the Descriptions & Translations section and click on Edit. Navigate to the text field where you would like to embed the video element and access the code view (see the first screenshot in the Adding Images section of this article).
  7. Paste the copied HTML tag into the HTML code at the location you have chosen.

    Ensure that you remove the "allowfullscreen" element from the code snippet, as this feature is not supported by the Personio career page.

The video will now be available at the location you have selected on your Personio Career Page.

 

Integrating a Vimeo Video Into Your Personio Career Page

If your video file is hosted on Vimeo, copy the HTML code as follows:

1. Open the Vimeo video you wish to integrate into your career page.

2. Next, click on the Share button to the right of the video.

3. Click on the Embed field and copy the HTML tag.careerpage-embed-vimeo_en-us.gif

4. Switch to your Personio profile.

5. Navigate to Settings > Recruiting and click on the Career page tab.

6. Scroll down to the Descriptions & translations section and click on Edit. Navigate to the text field where you would like to embed the video element and click on the </> icon on the right to access the code view.

settings_career_page_about_us_code_view_en-us.gif

7. Add the copied HTML tag to the HTML code at the desired position as described in the previous section: Integrating a YouTube Video.

The video will now be available at the location you have selected on your Personio career page.

Please note that some browsers may not support the video format used. This can result in display errors.

 

Can't find what you're looking for?

We are happy to help you! Just write us a message with your questions and we will get back to you as soon as possible.

Submit a request

Comments

0 comments

Article is closed for comments.

    Topics of this article